section.outcome-cards{--cardW:min(318px,80vw);--cardGap:22px;--railInset:max(var(--pageGutter),calc((100% - var(--ocWidth, 1440px))/2 + var(--pageGutter)));.oc-head{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:40px}.eyebrow{margin:0 0 18px}.heading2{margin:0;max-width:16em}.oc-nav{display:none;flex:none;gap:12px}&.oc-enhanced .oc-nav{display:flex}.oc-btn{align-items:center;background:transparent;border:1px solid var(--line-functional);border-radius:var(--radPill);color:var(--ink-primary);cursor:pointer;display:inline-flex;height:56px;justify-content:center;transition:background-color .2s var(--ease),border-color .2s var(--ease),opacity .2s var(--ease);width:56px;&:hover{background:var(--community-mist)}&:focus-visible{outline:2px solid var(--focus);outline-offset:3px}&[aria-disabled=true]{opacity:.35;pointer-events:none}}.oc-rail{overflow-x:auto;padding-bottom:8px;padding-inline-start:var(--railInset);scroll-padding-inline-start:var(--railInset);scroll-snap-type:x mandatory;scrollbar-width:none;&::-webkit-scrollbar{display:none}&:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}}.oc-track{display:flex;gap:var(--cardGap);list-style:none;margin:0;padding:0;padding-inline-end:var(--pageGutter);width:max-content}.oc-card{flex:none;scroll-snap-align:start;width:var(--cardW)}.oc-media{aspect-ratio:1;background:var(--deep-green);border-radius:var(--rad);margin-bottom:24px;overflow:hidden;position:relative;iframe,img{border:0;height:100%;inset:0;position:absolute;width:100%}img{object-fit:cover}}.oc-label{font-family:var(--inter);font-size:clamp(1.3rem,1vw,1.4rem);font-weight:var(--data);letter-spacing:.14em;line-height:1.4;margin:0 0 10px;text-transform:uppercase}.oc-copy{font-size:clamp(1.5rem,1.15vw,1.7rem);font-weight:var(--book);line-height:1.55;p{margin:0}p+p{margin-top:10px}}&.surface-quiet,&.surface-warm,&.surface-working{.eyebrow{color:var(--ink-accent)}.heading2{color:var(--ink-deep)}.oc-label{color:var(--vivid-green)}.oc-copy{color:var(--ink-secondary)}.oc-copy a{color:var(--ink-accent)}}@media (max-width:767px){.oc-head{margin-bottom:28px}.oc-btn{height:48px;width:48px}}}