.case-page{--ink:#000;--paper:#fff;--muted:#6d6d6d;--rule:#dcdcdc;--accent:#db0508;--body-ink:#1c1c1c;--gutter:clamp(20px, 5vw, 88px);min-height:100vh;padding:clamp(20px, 4vw, 44px) var(--gutter) clamp(24px, 3.5vh, 52px);background:var(--paper);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark] .case-page{--ink:#f2f2f2;--paper:#0d0d0d;--muted:#9a9a9a;--rule:#2f2f2f;--body-ink:#d6d6d6}.case-page,.case-page *,.case-page :before,.case-page :after{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){.case-page [style*=--i]{animation:.52s cubic-bezier(.22,1,.36,1) backwards case-rise;animation-delay:calc(var(--i) * 70ms)}}@keyframes case-rise{0%{opacity:0;transform:translateY(18px)}}.case-back{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);align-items:center;gap:10px;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .22s;display:inline-flex}.case-back:hover{color:var(--accent)}.case-back__arrow{border-bottom:1.6px solid;border-left:1.6px solid;width:8px;height:8px;transition:transform .22s;transform:rotate(45deg)}.case-back:hover .case-back__arrow{transform:rotate(45deg)translate(-2px,2px)}.case-page__head{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;column-gap:clamp(24px,4vw,68px);padding-top:clamp(40px,10vh,112px);padding-bottom:clamp(28px,5vh,56px);display:grid}.case-page__head>.case-back{grid-column:1/-1;justify-self:start}.case-page__lede{min-width:0}.case-page__meta{grid-column:1/-1}@media (max-width:900px){.case-page__head{grid-template-columns:minmax(0,1fr);align-items:start;row-gap:20px;padding-top:clamp(28px,6vh,72px)}.case-back{position:relative}.case-back:after{content:"";height:44px;position:absolute;top:50%;left:-8px;right:-8px;transform:translateY(-50%)}}.case-page__code{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem}.case-page__title{letter-spacing:-.015em;text-transform:uppercase;margin:.18em 0 0;font-family:Anton,Arial Black,Impact,sans-serif;font-size:clamp(2.6rem,5.4vw,5.4rem);font-weight:400;line-height:.86}.case-page__headline{max-width:34ch;margin:clamp(20px,3vh,34px) 0 0;font-size:clamp(1.02rem,1.7vw,1.42rem);font-weight:500;line-height:1.42}.case-page__meta{flex-wrap:wrap;gap:clamp(24px,4vw,64px);margin:clamp(52px,8vh,86px) 0 0;display:flex}.case-page__meta dt{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.case-page__meta dd{margin:6px 0 0;font-size:.94rem;font-weight:600}.case-page__meta a{color:var(--ink);border-bottom:1.4px solid var(--ink);align-items:center;gap:7px;padding-bottom:1px;text-decoration:none;transition:color .22s,border-color .22s;display:inline-flex}.case-page__meta a:hover{color:var(--accent);border-color:var(--accent)}.case-link__arrow{border-top:1.6px solid;border-right:1.6px solid;width:7px;height:7px;transition:transform .22s;transform:rotate(45deg)}.case-page__meta a:hover .case-link__arrow{transform:rotate(45deg)translate(2px,-2px)}.case-page__shot{border:1px solid var(--rule);margin:0;overflow:hidden}.case-page__shot img,.case-page__shot video{width:100%;height:auto;display:block}.case-page--brief{flex-direction:column;min-height:100dvh;padding-bottom:clamp(20px,3vh,40px);display:flex}@media (min-height:640px){.case-page--brief{height:100dvh;min-height:0}}.case-page--brief .case-page__head{flex:0 auto;grid-template-rows:min-content minmax(0,1fr) min-content;min-height:0;padding-bottom:0}.case-page--brief .case-page__foot{margin-top:auto}.case-page--brief .case-page__shot{justify-self:end;place-items:center;min-height:0;display:grid}.case-page--brief .case-page__shot img,.case-page--brief .case-page__shot video{width:auto;max-width:100%;max-height:100%}.case-body{margin-top:clamp(56px,10vh,128px)}.case-chapter{border-top:1px solid var(--rule);grid-template-columns:minmax(150px,1fr) minmax(0,2.1fr);gap:clamp(16px,4vw,64px);padding:clamp(30px,5vh,52px) 0;display:grid}.case-chapter h2{letter-spacing:-.005em;align-self:start;margin:0;font-size:clamp(1.02rem,1.5vw,1.26rem);font-weight:700;position:sticky;top:clamp(20px,4vh,44px)}.case-chapter__text{max-width:62ch}.case-chapter__text p{color:var(--body-ink);margin:0 0 1.05em;font-size:clamp(.95rem,1.15vw,1.06rem);line-height:1.66}.case-chapter__text p:last-child{margin-bottom:0}.case-shots{flex-direction:column;gap:clamp(48px,9vh,104px);margin-top:clamp(48px,8vh,104px);display:flex}.case-shot{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,64px);margin:0;display:grid}.case-shot:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}.case-shot:nth-child(2n) img{order:2}.case-shot img{aspect-ratio:5/3;object-fit:cover;object-position:top;border:1px solid var(--rule);width:100%;display:block}.case-shot figcaption{flex-direction:column;gap:10px;max-width:34ch;display:flex}.case-shot__label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.case-shot__note{color:var(--body-ink);font-size:clamp(.95rem,1.15vw,1.06rem);line-height:1.6}.case-page__foot{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:clamp(40px,6vh,76px);padding-top:clamp(18px,2.6vh,28px);display:flex}.case-mail{color:var(--ink);border-bottom:1.4px solid var(--rule);padding-bottom:2px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;text-decoration:none;transition:color .22s,border-color .22s}.case-mail:hover{color:var(--accent);border-color:var(--accent)}@media (max-width:900px){.case-chapter{grid-template-columns:1fr}.case-chapter h2{position:static}.case-shot,.case-shot:nth-child(2n){grid-template-columns:1fr;gap:16px}.case-shot:nth-child(2n) img{order:0}.case-shot figcaption{max-width:62ch}.case-page--brief .case-page__shot{justify-self:stretch}}.dive{--paper:#fff;--ink:#000;--rule:#dcdcdc;--sheet:#fff;--sheet-grip:#d2d2d2;z-index:60;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}:root[data-theme=dark] .dive{--paper:#0d0d0d;--ink:#f2f2f2;--rule:#2f2f2f;--sheet:#0d0d0d;--sheet-grip:#3a3a3a}.dive__scrim{z-index:0;appearance:none;cursor:pointer;background:#0c0c0c75;border:0;padding:0;animation:.42s both dive-scrim;position:absolute;inset:0}.dive--closing .dive__scrim{animation:.32s both dive-scrim-out}.dive__panel{z-index:1;overscroll-behavior:contain;background:var(--sheet,#fff);border-radius:18px 18px 0 0;width:min(1280px,100% - clamp(24px,6vw,104px));height:calc(100% - clamp(76px,14vh,156px));animation:.46s cubic-bezier(.32,.72,0,1) both dive-in;position:relative;overflow-y:auto;box-shadow:0 -24px 70px #00000042}.dive--closing .dive__panel{animation:.34s cubic-bezier(.32,.72,0,1) both dive-out}.dive__grip{z-index:2;background:var(--sheet-grip,#d2d2d2);border-radius:999px;width:46px;height:4px;margin:14px auto -18px;display:block;position:sticky;top:14px}.dive__panel .case-page{min-height:0;padding-top:clamp(14px,2vw,26px)}.dive__panel .case-page--brief{height:auto;min-height:100%;padding-bottom:clamp(16px,2.4vh,32px)}.dive__panel .case-page--brief .case-page__head{padding-top:clamp(16px,3.5vh,48px)}.dive__panel .case-page--brief .case-page__meta{margin-top:clamp(24px,4vh,52px)}.dive__panel .case-page--brief .case-page__foot{padding-top:clamp(14px,2.2vh,26px)}.dive__panel .case-page--brief .case-page__shot img,.dive__panel .case-page--brief .case-page__shot video{max-height:42vh}.dive__panel .case-back{display:none}.dive__close{z-index:3;float:right;appearance:none;border:1px solid var(--rule,#dcdcdc);background:var(--sheet,#fff);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:999px;place-items:center;width:40px;height:40px;margin:-14px 18px 0 0;transition:background .18s,border-color .18s;display:grid;position:sticky;top:18px}.dive__close:hover{background:var(--ink,#000);border-color:var(--ink,#000)}.dive__close span,.dive__close span:before{background:var(--ink,#000);width:14px;height:1.5px;transition:background .18s;display:block}.dive__close span{transform:rotate(45deg)}.dive__close span:before{content:"";transform:rotate(90deg)}.dive__close:hover span,.dive__close:hover span:before{background:var(--paper,#fff)}@keyframes dive-scrim{0%{opacity:0}to{opacity:1}}@keyframes dive-scrim-out{0%{opacity:1}to{opacity:0}}@keyframes dive-in{0%{transform:translateY(100%)}to{transform:translate(0,0)}}@keyframes dive-out{0%{transform:translate(0,0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.dive__scrim,.dive__panel,.dive--closing .dive__scrim,.dive--closing .dive__panel{animation-duration:.01ms}}