.case{--case-muted:var(--dim);--case-rule:var(--ink-2);padding-block:120px 140px}.case--light{--case-muted:color-mix(in srgb, var(--ink) 66%, transparent);--case-rule:color-mix(in srgb, var(--ink) 14%, transparent)}.case-label{z-index:1;align-items:center;gap:12px;margin:0;font-size:15px;display:flex;position:relative}.case-label:before{content:"";background:var(--accent);flex:none;width:8px;height:8px}.case-editorial-grid{z-index:1;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:56px 96px;display:grid;position:relative}.case-overview,.case-details{flex-direction:column;gap:32px;display:flex}.case-prose{max-width:60ch;font-family:var(--font-body);flex-direction:column;gap:1.1em;font-size:clamp(18px,1.45vw,22px);line-height:1.7;display:flex}.case-prose p{margin:0}.case-details-list{font-family:var(--font-body);color:color-mix(in srgb, var(--paper) 86%, transparent);flex-direction:column;gap:12px;margin:0;padding:0;font-size:17px;line-height:1.4;list-style:none;display:flex}.case-client{border-top:1px solid var(--case-rule);font-family:var(--font-body);color:var(--case-muted);margin:0;padding-top:24px;font-size:15px;line-height:1.5}.case-scope{z-index:1;border-top:1px solid var(--case-rule);flex-wrap:wrap;gap:10px;margin:72px 0 0;padding:40px 0 0;list-style:none;display:flex;position:relative}.case-chip{border:1px solid var(--case-rule);border-radius:999px;padding:12px 14px}.case-head{z-index:1;flex-direction:column;gap:28px;margin-bottom:56px;display:flex;position:relative}.case-heading{font-size:var(--fs-section);max-width:12ch;margin:0}.case-shots{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid;position:relative}.case-shot--wide{grid-column:1/-1}.case--light .reveal{background:color-mix(in srgb, var(--ink) 8%, transparent)}.case-visit{flex-direction:column;align-items:flex-start;gap:40px;display:flex}.case-visit>*{z-index:1;position:relative}.case-visit-heading{font-size:var(--fs-section);max-width:12ch;margin:0}.case-visit .pill{background:var(--paper);color:var(--ink)}.case-visit .pill:focus-visible{outline-color:var(--paper)}.rise{will-change:transform, opacity}@media (max-width:900px){.case-shots{grid-template-columns:1fr}}@media (max-width:760px){.case{padding-block:80px 96px}.case-editorial-grid{grid-template-columns:1fr;gap:48px}.case-prose{font-size:18px}.case-scope{margin-top:48px;padding-top:32px}.case-head{margin-bottom:40px}}
