.case{--apx: min(calc(100vw / 1440), 1.33333px);padding-inline:var(--inset-page);padding-bottom:var(--sp-24);max-width:var(--content-max);margin-inline:auto;min-height:100svh}.case__intro{padding-top:calc(var(--nav-h) + clamp(2rem,12.28vw,236px));text-align:center}.case__eyebrow{margin:0 0 calc(11 * var(--apx))}.case--amber .case__eyebrow{--eyebrow-c: var(--c-amber)}.case--violet .case__eyebrow{--eyebrow-c: var(--c-violet)}.case--orange .case__eyebrow{--eyebrow-c: var(--c-orange)}.case--magenta .case__eyebrow{--eyebrow-c: var(--c-magenta)}.case--mint .case__eyebrow{--eyebrow-c: var(--c-mint)}.case--blue .case__eyebrow{--eyebrow-c: var(--c-blue)}.case__head{font-family:var(--font-display);font-size:calc(65 * var(--apx));line-height:calc(70 / 65);letter-spacing:var(--tracking-tight);color:var(--c-ink);--head-air: .4em;margin:0 0 var(--head-air)}.case__head--flat{margin-bottom:max(0px,calc(var(--head-air) - .25em))}.case__body{font-family:var(--font-body);font-weight:300;font-size:calc(18 * var(--apx));line-height:calc(34 / 18);letter-spacing:-.016em;color:var(--c-ink);max-width:calc(880 * var(--apx));margin:0 auto}.case__body p{margin:0}.case__body p+p{margin-top:calc(12 * var(--apx))}.case__slide{display:flex;justify-content:center;align-items:center;gap:calc(48 * var(--apx));--row-gap: calc(150 * var(--apx))}.case__slide+.case__slide{margin-top:var(--row-gap)}.case__slide--intro{margin-top:calc(48 * var(--apx))}.case__media{position:relative;display:block;width:calc(373 * var(--apx));max-width:calc(78svh * var(--ar, 1.7778));flex:0 0 auto;border:var(--stroke);padding:0;background:none;border-radius:var(--radius);overflow:hidden;cursor:none}.case__slide--full .case__media{width:100%}@media (min-width: 901px){.case__slide--trio .case__media{width:calc((100% - 2 * 48 * var(--apx)) / 3)}.case__slide--row{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.case__slide--row::-webkit-scrollbar{display:none}}.case__slide--storyboard{display:block;overflow:hidden;--fade: clamp(24px, 5vw, 80px);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%)}.case__reel{display:flex;align-items:flex-start;width:max-content;will-change:transform;animation:case-reel 64s linear infinite}.case__slide--storyboard:hover .case__reel,.case__slide--storyboard:focus-within .case__reel{animation-play-state:paused}.case__reel{--reel-h: clamp(120px, 17vw, 240px);--reel-gap: clamp(16px, 2.6vw, 40px)}.case__slide--upright .case__reel{--reel-h: clamp(240px, 34vw, 480px)}.case__reel>*{flex:0 0 auto;margin-right:var(--reel-gap);height:auto;width:auto}.case__reel>* img{width:auto;height:100%;object-fit:contain}.case__frame{margin:0 var(--reel-gap) 0 0;display:flex;flex-direction:column;gap:7px;width:calc(var(--reel-h) * var(--ar, 1.5))}.case__frame>.case__media{width:100%;height:var(--reel-h);flex:none}.case__note{flex:none;width:100%;font-size:clamp(10px,.85vw,12.5px);line-height:1.3;color:var(--ink-2, rgba(33, 33, 33, .66));text-wrap:pretty}@keyframes case-reel{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.case__reel{animation:none}.case__slide--storyboard{overflow-x:auto}}.case__media img,.case__media video{display:block;width:100%;height:auto}.case__media video{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transition:opacity var(--d-fast) linear}.case__media.is-playing video,.case__media[data-held] video{opacity:1}.case__play{position:absolute;left:50%;top:50%;width:calc(126 * var(--apx));aspect-ratio:126 / 125;transform:translate(-50%,-50%);pointer-events:none;transition:opacity var(--d-fast) linear,transform var(--d-fast) var(--ease-out)}.case__media.is-playing .case__play{opacity:0;transform:translate(-50%,-50%) scale(.8)}.case__media:hover .case__play{transform:translate(-50%,-50%) scale(1.06)}.case-nav{position:fixed;top:calc(671.5 / 1024 * 100svh);width:clamp(46px,4.3vw,62px);aspect-ratio:1;display:grid;place-items:center;border:0;background:none;padding:0;z-index:calc(var(--z-nav) - 100);transition:opacity var(--d-fast) linear}.case-nav--prev{left:calc(142.5 / 1440 * 100vw);transform:translate(-50%,-50%)}.case-nav--next{left:calc(100vw - 143.5 / 1440 * 100vw);transform:translate(-50%,-50%)}.case-nav[hidden]{display:none}.case-nav__art{position:absolute;left:50%;top:50%;width:173.5%;aspect-ratio:102 / 70;transform:translate(-60.1%,-50.6%);pointer-events:none}.case-footer{position:fixed;inset:0;z-index:calc(var(--z-nav) - 1);--pane-travel: 1;visibility:hidden;pointer-events:none}.case-footer.is-armed{visibility:visible}.case-footer.is-armed>.pane__bg,.case-footer.is-armed>.pane__body{pointer-events:auto}.case__tail{height:60svh}@media (max-width: 900px){.case__intro{padding-top:calc(var(--nav-h) + var(--sp-12))}.case__head{font-size:clamp(1.875rem,7.4vw,3rem);line-height:1.06}.case__body{font-size:clamp(.875rem,3.5vw,1rem);line-height:1.6;max-width:100%}.case__slide{flex-direction:column;--row-gap: var(--sp-12);margin-top:var(--sp-12);gap:var(--sp-6)}.case__media{width:100%}.case-nav{display:none}}@media (prefers-reduced-motion: reduce){.case__media video,.case__play{transition:none}}.viewer{position:fixed;inset:0;z-index:calc(var(--z-menu) + 110);--viewer-inset-x: 6vw;--viewer-inset-y: 6svh;--viewer-ar: 1.7778;--viewer-w: min( calc(100vw - var(--viewer-inset-x) * 2), calc((100svh - var(--viewer-inset-y) * 2) * var(--viewer-ar)) );--viewer-h: calc(var(--viewer-w) / var(--viewer-ar))}.viewer[hidden]{display:none}.viewer__veil{position:absolute;inset:0;background:#f1f0e980}.viewer__stage{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0}.viewer__stage>.case__media{pointer-events:auto;position:relative;flex:none;width:var(--viewer-w);max-width:none;height:auto;aspect-ratio:var(--viewer-ar);cursor:none}.viewer__stage>.case__media img,.viewer__stage>.case__media video{width:100%;height:100%;object-fit:cover}.viewer__stage>.case__media .case__play{display:none}.viewer__close{position:absolute;z-index:1;top:max(var(--sp-3),calc((100svh - var(--viewer-h)) / 2 + var(--sp-3)));right:max(var(--sp-3),calc((100vw - var(--viewer-w)) / 2 + var(--sp-3)));width:clamp(38px,3.2vw,46px);aspect-ratio:1;border:var(--stroke);border-radius:var(--radius-pill);background:var(--c-cream);padding:0;cursor:none}.viewer__close:before,.viewer__close:after{content:"";position:absolute;left:50%;top:50%;width:42%;height:var(--stroke-w);background:var(--c-ink)}.viewer__close:before{transform:translate(-50%,-50%) rotate(45deg)}.viewer__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.viewer__close:focus-visible{outline:2px solid var(--c-ink);outline-offset:3px}html.viewer-open,html.viewer-open body{overflow:hidden}@media (max-width: 767px){.viewer{--viewer-inset-x: 4vw;--viewer-inset-y: 8svh}}@media (prefers-reduced-motion: reduce){.viewer__veil{transition:none}}