@layer reset,tokens,base,layout,components,utilities;@layer base;@layer components{:where(.case-study){display:grid;gap:var(--s-7);border-top:var(--rule-width) solid var(--rule);padding-block:var(--s-7)}:where(.case-study-heading h2){font-size:var(--t-lg)}:where(.case-study-body h3){font:600 var(--t-xs)/1.6 var(--font-body);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--s-5)}:where(.case-study-body p){margin-bottom:var(--s-5)}}@layer utilities{@media (width >= 1024px){:where(.case-study){grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}:where(.case-study-heading){position:sticky;top:var(--sticky-offset)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}}@layer base;main .case-study{padding-block:var(--s-6);gap:var(--s-6)}.case-study-heading>.case-amount{margin-block-start:var(--s-2)}.case-narrative>section+section{margin-block-start:var(--s-6)}.case-label{font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.case-grid>article:only-child{grid-column:1/-1}.case-grid>article{display:flex;flex-direction:column;min-width:0}.case-grid{align-items:stretch}.case-method{padding:var(--s-6);background:var(--surface);border-inline-start:3px solid var(--brass-light-bg)}@media (min-width:1024px){.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6)}}.case-study-card{position:relative;border:0;border-block-start:2px solid var(--brass-light-bg);background:var(--paper);padding:var(--s-6);min-width:0}.case-study-card>p:first-of-type{padding-inline-end:var(--s-7);margin-block-end:var(--s-6)}.case-figure h3{max-width:27ch;line-height:1.22}.case-study-card>a:last-child{border-block-start:1px solid var(--rule);padding-block-start:var(--s-4);inline-size:100%}.case-index{position:absolute;inset-block-start:var(--s-6);inset-inline-end:var(--s-6);font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--brass-light-bg)}@media (max-width:599px){.case-study-card{padding:var(--s-5)}.case-index{inset-block-start:var(--s-5);inset-inline-end:var(--s-5)}}.case-index:before{content:attr(data-index)}.case-study-heading .case-study-label{margin-block-end:var(--s-2)}@media (min-width:1024px){.case-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}.case-figure h3{font-size:var(--t-lg)}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}