.ocf-section-review__header{padding:8rem 0 3rem;background:var(--ocf-bg-alt);border-bottom:1px solid var(--ocf-border-light)}.ocf-section-review__header .eyebrow a{color:inherit;text-decoration:none}.ocf-section-review__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ocf-section-review__item{display:grid;gap:.75rem;min-height:12rem;padding:1.25rem;border:1px solid var(--ocf-border);border-radius:var(--card-radius);color:inherit;text-decoration:none;background:var(--ocf-bg)}.ocf-section-review__label{color:var(--ocf-heading);font-weight:var(--font-weight-bold)}.ocf-section-review__description,.ocf-section-review__meta{color:var(--ocf-body);font-size:var(--font-label-size)}.ocf-section-review__meta{align-self:end}.ocf-section-review__sample{border-bottom:1px solid var(--ocf-border-light)}.ocf-section-review__sample-label{position:sticky;top:0;z-index:20;padding:.75rem 0;background:var(--ocf-bg);border-top:1px solid var(--ocf-border-light);border-bottom:1px solid var(--ocf-border-light)}.ocf-section-review__sample-label .container-global{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ocf-section-review__sample-label span{color:var(--ocf-heading);font-weight:var(--font-weight-bold)}.ocf-section-review__sample-label code{padding:.35rem .5rem;background:var(--ocf-bg-alt);color:var(--ocf-label);font-size:var(--font-label-size)}.ocf-gradient-library{padding-block:var(--section-pad)}.ocf-gradient-library__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ocf-gradient-card{display:grid;gap:1rem;border:1px solid var(--ocf-border-light);border-radius:var(--card-radius);background:var(--ocf-bg);overflow:hidden}.ocf-gradient-card__preview{min-height:clamp(11rem,22vw,16rem);display:grid;align-items:end;padding:1rem;color:var(--ocf-heading-alt);background-size:cover;background-position:center}.ocf-gradient-card__preview--dark,.ocf-gradient-card__preview--primary,.ocf-gradient-card__preview--mixed{color:var(--ocf-heading-alt)}.ocf-gradient-card__preview--soft,.ocf-gradient-card__preview--light,.ocf-gradient-card__preview--surface{color:var(--ocf-heading)}.ocf-gradient-card__sample{max-width:24rem}.ocf-gradient-card__sample strong,.ocf-gradient-card__sample span{display:block}.ocf-gradient-card__sample strong{font-family:var(--ocf-font-heading),system-ui,sans-serif;font-size:var(--font-h3-size);line-height:1.1}.ocf-gradient-card__sample span{margin-top:.35rem;opacity:.82;font-size:var(--font-label-size)}.ocf-gradient-card__body{display:grid;gap:.55rem;padding:0 1rem 1rem}.ocf-gradient-card__body h2{margin:0;color:var(--ocf-heading);font-size:var(--font-h3-size)}.ocf-gradient-card__body p{margin:0;color:var(--ocf-body)}.ocf-gradient-card__body code{width:fit-content;padding:.35rem .5rem;background:var(--ocf-bg-alt);color:var(--ocf-label);font-size:var(--font-label-size)}@media (max-width:900px){.ocf-section-review__grid{grid-template-columns:1fr}.ocf-gradient-library__grid{grid-template-columns:1fr}.ocf-section-review__sample-label .container-global{align-items:flex-start;flex-direction:column}}