.case-hero{padding-block:var(--space-8) var(--space-12)}.case-back,.case-navigation a{display:inline-flex;min-height:44px;align-items:center;font-size:var(--text-navigation);font-weight:500}.case-hero__grid,.case-study__grid,.case-navigation__grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));column-gap:var(--grid-gap)}.case-hero__grid{margin-block-start:var(--space-10)}.case-hero__index{grid-column:1 / 4}.case-hero__main{grid-column:4 / -1}.case-hero h1{margin-block-end:var(--space-6);font-size:var(--text-page-title);line-height:1}.case-hero__summary{max-width:65ch;margin:0;font-size:clamp(1.25rem,2vw,1.625rem);line-height:1.5}.case-hero__metadata{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap);margin:var(--space-10) 0 0;padding-block:var(--space-5);border-block:1px solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-meta)}.case-hero__metadata div,.case-rail dl div{display:grid;gap:var(--space-1)}.case-hero__metadata dt,.case-rail dt,.case-rail__label,.case-section__number,.case-media figcaption,.case-navigation__next span{color:var(--color-secondary);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.04em;text-transform:uppercase}.case-hero__metadata dd,.case-rail dd,.case-media{margin:0}.case-media img{display:block;width:100%;height:auto;border:1px solid var(--color-rule);border-radius:var(--radius-media)}.case-media figcaption{margin-block-start:var(--space-3);text-transform:none}.case-category-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--color-rule)}.case-category-index a{display:grid;min-height:72px;gap:var(--space-2);align-content:center;padding:var(--space-3);color:inherit;text-decoration:none;transition:color var(--motion-fast) ease-out,transform var(--motion-fast) ease-out}.case-category-index a:hover,.case-category-index a:focus-visible{transform:translateY(-2px)}.case-category-index a+a{border-left:1px solid var(--color-rule)}.case-category-index span{font-family:var(--font-mono);color:var(--color-secondary);font-size:var(--text-meta)}.case-study{margin-block-start:var(--section-space);padding-block:var(--section-space);border-top:1px solid var(--color-rule)}.case-rail{position:sticky;top:96px;grid-column:1 / 4;height:fit-content}.case-rail__label{margin-block:0 var(--space-5)}.case-rail dl{display:grid;gap:var(--space-5);margin:0;padding-block-start:var(--space-5);border-top:1px solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-meta)}.case-content{grid-column:4 / -1}.case-section{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:var(--grid-gap);padding-block:0 var(--section-space)}.case-section+.case-section{padding-block-start:var(--space-10);border-top:1px solid var(--color-rule)}.case-section__number{grid-column:1 / 2;margin:var(--space-2) 0 0}.case-section h2,.case-copy,.case-section>.case-media,.case-section>.project-media,.case-media-grid{grid-column:2 / -1}.case-section h2{margin-block-end:var(--space-6)}.case-copy{max-width:65ch}.case-copy p{margin:0}.case-copy strong{font-weight:500}.case-section>.case-media,.case-section>.project-media,.case-media-grid{margin-block-start:var(--space-8)}.case-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}.case-media-grid:empty{display:none;margin-block-start:0}.case-media-grid--single{grid-template-columns:1fr}.visual-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.visual-media-grid--single{grid-template-columns:minmax(0,1fr)}.visual-media-grid .project-media[data-aspect-ratio="9:16"]{width:min(100%,26rem);justify-self:center}.case-live-link{display:inline-flex;min-height:44px;margin-block-start:var(--space-5);align-items:center;font-size:var(--text-navigation);font-weight:500}.case-navigation{padding-block:var(--space-10);border-block:1px solid var(--color-rule)}.case-navigation a{grid-column:1 / 4;width:fit-content}.case-navigation__next{display:grid;grid-column:10 / -1;gap:var(--space-2);justify-items:end;text-align:right}.case-navigation a.case-navigation__next{grid-column:10 / -1}.case-navigation__next strong{font-family:var(--font-display);font-size:var(--text-project-title);font-weight:500}@media(max-width:1023px),(max-height:700px){.case-rail{position:static}}@media(min-width:768px)and (max-width:1023px){.case-hero__index{grid-column:1 / 3}.case-hero__main{grid-column:3 / -1}.case-hero__metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.case-rail,.case-content{grid-column:1 / -1}.case-rail{margin-block-end:var(--space-10)}.case-rail dl{grid-template-columns:repeat(4,minmax(0,1fr))}.case-section{grid-template-columns:repeat(8,minmax(0,1fr))}.case-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-media-grid--single{grid-template-columns:1fr}.case-navigation a{grid-column:1 / 3}.case-navigation__next,.case-navigation a.case-navigation__next{grid-column:6 / -1}}@media(max-width:767px){.case-hero{padding-block:var(--space-6) var(--space-10)}.case-hero__grid{margin-block-start:var(--space-8)}.case-hero__index,.case-hero__main,.case-rail,.case-content,.case-section__number,.case-section h2,.case-copy,.case-section>.case-media,.case-section>.project-media,.case-media-grid,.case-navigation a,.case-navigation__next{grid-column:1 / -1}.case-hero__index{margin-block-end:var(--space-4)}.case-hero__metadata,.case-category-index{grid-template-columns:1fr}.case-category-index a+a{border-top:1px solid var(--color-rule);border-left:0}.case-media-grid{grid-template-columns:1fr}.case-study{margin-block-start:var(--space-10)}.case-rail{margin-block-end:var(--space-10)}.case-section{grid-template-columns:repeat(4,minmax(0,1fr))}.case-section__number{margin-block-end:var(--space-3)}.case-navigation__grid{row-gap:var(--space-8)}.case-navigation__next{justify-items:start;text-align:left}.case-navigation a.case-navigation__next{grid-column:1 / -1}}