.work-index{padding:0 var(--gutter) var(--section-y)}.work-index-heading{max-width:54rem;padding:var(--section-y-compact) 0}.work-index-heading h1{margin:1.1rem 0 1.5rem}.work-index-heading>p:last-child{color:var(--muted);max-width:42ch;line-height:1.6}.case-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 2.5rem;display:grid}.case-index-item{min-width:0;scroll-margin-top:2rem}.case-index-link{height:100%;display:block}.case-index-image{aspect-ratio:16/9;background:var(--ink);overflow:hidden}.case-index-image img{object-fit:cover;width:100%;height:100%;display:block}.case-index-copy{padding-top:1.5rem}.case-index-copy .page-eyebrow{color:var(--moss);flex-wrap:wrap;gap:.75rem;display:flex}.case-index-copy h2{font-size:var(--type-title);max-width:28ch;margin:.9rem 0;line-height:1.15}.case-index-copy>p:last-of-type{color:var(--muted);max-width:55ch;line-height:1.6}.case-index-action{text-underline-offset:.3em;align-items:center;gap:1.25rem;min-height:2.75rem;margin-top:1.4rem;text-decoration:underline;display:inline-flex}.case-index-link:hover h2{color:var(--moss);text-underline-offset:.13em;text-decoration:underline;text-decoration-thickness:1px}.case-index-link:focus-visible{outline-offset:.5rem}.case-detail{touch-action:pan-y pinch-zoom}.case-detail-hero{background:var(--ink);color:var(--paper-bright);position:relative}.case-detail-image{position:absolute;inset:0;overflow:hidden}.case-detail-image img{object-fit:cover;width:100%;height:100%;display:block}.case-detail-image:after{content:"";background:linear-gradient(90deg,#080c0af2,#080c0ad1 56%,#080c0a59);position:absolute;inset:0}.case-detail-intro{padding:2rem var(--gutter) var(--section-y-compact);position:relative}.case-back-link{text-underline-offset:.3em;align-items:center;gap:.85rem;min-height:2.75rem;text-decoration:underline;display:inline-flex}.case-detail-intro .page-eyebrow{color:var(--acid);flex-wrap:wrap;gap:.6rem 1.5rem;margin:3rem 0 1.25rem;display:flex}.case-detail-intro h1{max-width:19ch;font-size:clamp(2.75rem,4.8vw,4.75rem);line-height:1.05}.case-detail-summary{color:#e0e5e1;max-width:56ch;margin-top:1.5rem;font-size:1.125rem;line-height:1.6}.case-detail-body{padding:var(--section-y) var(--gutter);grid-template-columns:minmax(15rem,.6fr) minmax(0,1fr);gap:clamp(3rem,7vw,7rem);display:grid}.case-detail-role h2{font-size:var(--type-title);margin-bottom:1rem;line-height:1.15}.case-detail-role p{color:var(--muted);max-width:38ch;line-height:1.65}.case-detail-role a{color:var(--moss);text-underline-offset:.3em;align-items:center;gap:1rem;min-height:2.75rem;margin-top:1.5rem;line-height:1.5;text-decoration:underline;display:inline-flex}.case-detail-story{min-width:0}.case-detail-story section{border-top:1px solid var(--rule);padding:1.75rem 0 2.25rem}.case-detail-story section:first-child{border-top:0;padding-top:0}.case-detail-story section:last-child{padding-bottom:0}.case-detail-story h2{color:var(--moss);font-size:var(--type-title);margin-bottom:1rem;line-height:1.15}.case-detail-story p{max-width:63ch;line-height:1.65}.case-pagination{background:var(--paper-bright);border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-pagination a{padding:2.25rem var(--gutter);flex-direction:column;justify-content:center;gap:1rem;display:flex}.case-pagination a+a{border-left:1px solid var(--rule)}.case-pagination a>span{color:var(--muted);align-items:center;gap:.75rem;font-size:.875rem;line-height:1.5;display:flex}.case-pagination strong{font-size:1.2rem;font-weight:var(--weight-display);max-width:32ch;line-height:1.4}.case-pagination a:hover strong{color:var(--moss);text-underline-offset:.2em;text-decoration:underline}.case-pagination a:focus-visible{outline-offset:-4px}@media (max-width:780px){.case-index{gap:2.5rem 1.5rem}.case-detail-body{grid-template-columns:1fr;gap:2.75rem}.case-detail-role{border-top:1px solid var(--rule);order:2;padding-top:2.5rem}.case-detail-role p{max-width:63ch}.case-detail-intro h1{max-width:18ch}.case-detail-image:after{background:#080c0ad4}.case-detail-intro .page-eyebrow{margin-top:2rem}}@media (max-width:560px){.case-index{grid-template-columns:1fr}.case-index-copy{padding-top:1.1rem}.case-detail-summary{font-size:1rem}.case-detail-intro{padding-top:1.25rem}.case-pagination{grid-template-columns:1fr}.case-pagination a+a{border-left:0;border-top:1px solid var(--rule)}.case-pagination a{padding-top:1.5rem;padding-bottom:1.5rem}}
