.case{padding-block:clamp(3rem,8vw,5rem) clamp(6rem,14vw,10rem);padding-inline:clamp(1.5rem,5vw,4rem)}.case-back{margin:0}.case-back-link{font-family:var(--font-mono)}.case-head{grid-template-columns:repeat(12,1fr);align-items:end;column-gap:clamp(1rem,4vw,3rem);margin-top:clamp(1.5rem,4vw,2.5rem);display:grid}.case-head-title{grid-column:1/10}.case-head-meta{font-family:var(--font-mono);color:var(--fg-muted);text-align:right;flex-direction:column;grid-column:10/13;justify-self:end;align-items:flex-end;gap:.625rem;margin:0;display:flex}.case-status{color:var(--accent)}.case-deck{max-width:34rem;color:var(--fg-muted);grid-column:1/8;margin:clamp(1.5rem,4vw,2.5rem) 0 0}.case-preview{grid-column:1/8;justify-self:start;margin-top:clamp(1.5rem,4vw,2rem)}.case-note{max-width:34rem;font-family:var(--font-mono);color:var(--fg-muted);grid-column:1/8;margin:1rem 0 0}@media (max-width:47.9375rem){.case-head-title,.case-head-meta,.case-deck,.case-preview,.case-note{grid-column:1/-1}.case-head-meta{text-align:left;flex-direction:row;justify-self:start;align-items:baseline;gap:1rem;margin-top:1rem}}.case-frame{margin-top:clamp(2.5rem,7vw,4.5rem);aspect-ratio:8/5;border-radius:var(--radius-0);background-color:var(--bg-elev);margin-inline-end:clamp(0rem,8vw,8rem);overflow:hidden}.case-frame-img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.case-body,.case-stack{grid-template-columns:[rail]minmax(0,9rem)[text]minmax(0,38rem)[wide]minmax(0,1fr);gap:1.25rem clamp(1.5rem,4vw,3rem);display:grid}.case-body{margin-top:clamp(4rem,10vw,7rem)}.case-body>*{grid-column:text;margin:0}.case-label{color:var(--fg-muted)}.case-body>.case-label{grid-column:rail;align-self:start}.case-body>.case-label,.case-body>.case-label+*{margin-top:clamp(2.25rem,5vw,3.25rem)}.case-body>.case-label:first-child,.case-body>.case-label:first-child+*{margin-top:0}.case-p{max-width:38rem}.case-list{counter-reset:decision;padding:0;list-style:none}.case-list-item{counter-increment:decision;padding-inline-start:2.75rem;position:relative}.case-list-item+.case-list-item{margin-top:1.125rem}.case-list-item:before{content:counter(decision, decimal-leading-zero);inset-inline-start:0;font-family:var(--font-mono);font-size:var(--text-mono-data);line-height:var(--text-mono-data--line-height);letter-spacing:var(--text-mono-data--letter-spacing);font-variant-numeric:tabular-nums;color:var(--fg-muted);position:absolute;top:.2em}.case-body>.case-shot{grid-column:text/-1;margin-top:clamp(1.5rem,4vw,2.25rem)}.case-shot-frame{aspect-ratio:16/10;border-radius:var(--radius-0);background-color:var(--bg-elev);clip-path:inset(6% 0 0);opacity:.82;transition:clip-path var(--t-slow) var(--e-out), opacity var(--t-base) var(--e-out), transform var(--t-slow) var(--e-out);display:block;overflow:hidden;transform:translateY(.75rem)}.case-shot.is-developed .case-shot-frame{clip-path:inset(0);opacity:1;transform:none}.case-shot-img{object-fit:cover;width:100%;height:100%;display:block}.case-shot-caption{font-family:var(--font-mono);color:var(--fg-muted);margin-top:.75rem}.case-stack{margin-top:clamp(4rem,10vw,6rem)}.case-stack>.case-label{grid-column:rail;align-self:start}.case-stack-list{flex-wrap:wrap;grid-column:text/-1;gap:.5rem 1.75rem;margin:0;padding:0;list-style:none;display:flex}.case-stack-item{font-family:var(--font-mono);color:var(--fg-muted)}.case-next{border-top:1px solid color-mix(in oklch, var(--fg) 20%, transparent);margin-top:clamp(5rem,12vw,8rem);padding-top:clamp(1.5rem,4vw,2.5rem)}.case-next-link{color:inherit;grid-template-columns:14rem minmax(0,1fr);align-items:center;column-gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(1.25rem,3vw,2rem);text-decoration:none;display:grid}.case-next-frame{aspect-ratio:8/5;border-radius:var(--radius-0);background-color:var(--bg-elev);display:block;position:relative;overflow:hidden}.case-next-img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.case-next-frame:after{content:"";background-color:var(--bg);opacity:.16;transition:opacity var(--t-base) var(--e-out);position:absolute;inset:0}.case-next-link:focus-visible .case-next-frame:after{opacity:0}@media (hover:hover) and (pointer:fine){.case-next-link:hover .case-next-frame:after{opacity:0}}@media (max-width:63.9375rem){.case-body,.case-stack{grid-template-columns:minmax(0,1fr)}.case-body>*,.case-body>.case-label,.case-body>.case-shot,.case-stack>.case-label,.case-stack-list{grid-column:1/-1}.case-body>.case-label+*{margin-top:0}.case-stack-list{margin-top:.75rem}.case-next-link{grid-template-columns:minmax(0,1fr);row-gap:1.5rem}.case-next-frame{max-width:18rem}}@media (prefers-reduced-motion:reduce){.case-shot-frame{clip-path:none;opacity:1;transition:none;transform:none}.case-next-frame:after{transition:none}}@media (scripting:none){.case-shot-frame{clip-path:none;opacity:1;transition:none;transform:none}}