.case-page{background:var(--black);color:var(--white);overflow-x:clip}.case-page .case-slate{place-items:center;gap:var(--s5);min-height:100svh;padding:64px var(--g) var(--g);perspective:1200px;perspective-origin:50% 46%;grid-template-rows:minmax(0,1fr);grid-auto-rows:auto;display:grid;position:relative}.case-page .case-plane{width:min(100%, calc((100svh - 64px - var(--g) - 260px) * 1.7777));aspect-ratio:16/9;border-radius:var(--r-frame);background:var(--ink-90);box-shadow:var(--shadow-a);transform-style:preserve-3d;opacity:.6;transition:transform var(--d-dock) var(--ease-dock), opacity var(--d-dock) var(--ease-dock);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transform:translateZ(-360px)}.case-page .case-plane[data-docked=true]{opacity:1;transform:translateZ(0)}.case-page .case-plane video,.case-page .case-plane img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-page .case-plane video{object-fit:contain;background:var(--black)}.case-page .case-plane .stamp{transform:translate(-50%,-50%)rotate(-4deg)scale(1.6)}.case-page .case-plane .stamp[data-on=true]{transform:translate(-50%,-50%)rotate(-4deg)scale(1)}.case-page .case-slate-chrome{justify-content:space-between;align-items:end;gap:var(--s4);pointer-events:none;width:100%;display:flex}.case-page .case-client{color:var(--ink-60);margin-bottom:var(--s3)}.case-page .case-title{color:var(--white);max-width:12ch}.case-page .case-meta{color:var(--ink-60);white-space:nowrap}@media (max-width:767px){.case-page .case-slate{min-height:0;padding:56px 0 var(--s6);align-items:start;gap:var(--s5)}.case-page .case-plane{border-radius:0;width:100vw}.case-page .case-plane[data-kind=still]{aspect-ratio:4/5}.case-page .case-slate-chrome{padding:0 var(--g);align-items:start;gap:var(--s3);flex-direction:column}}.case-page .case-thought{z-index:1;background:var(--white);color:var(--black);padding:var(--s8) var(--g);position:relative}.case-page .case-thought-grid{max-width:var(--max);gap:var(--s7) var(--s8);grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start;margin:0 auto;display:grid}.case-page .case-summary{text-transform:lowercase;max-width:24ch;color:var(--black)}.case-page .case-summary-slate{text-transform:lowercase}.case-page .case-scope{gap:var(--s3);padding-top:6px;display:grid}.case-page .case-scope-label{color:#0009}.case-page .case-credits{gap:4px;display:grid}.case-page .case-credit{color:var(--black);margin-top:var(--s2)}.case-page .case-watch{min-height:44px;color:var(--black);align-items:center;gap:6px;display:inline-flex}.case-page .case-watch:hover{color:var(--red)}@media (max-width:767px){.case-page .case-thought{padding:var(--s7) var(--g)}.case-page .case-thought-grid{gap:var(--s6);grid-template-columns:1fr}}.case-page .case-gallery{max-width:var(--max);margin:var(--s8) auto 0}.case-page .case-fan{perspective:1200px;perspective-origin:50% 40%;transform-style:preserve-3d;height:clamp(420px,46vw,760px);position:relative}.case-page .case-fan.is-single{height:auto;display:block}.case-page .case-fan.is-standing{height:clamp(360px,36vw,620px)}.case-page .case-print{left:var(--left);top:var(--top);width:var(--w);border:6px solid var(--white);border-radius:var(--r-print);background:var(--white);box-shadow:var(--shadow-c);transform:translateZ(var(--z)) rotate(var(--rz));transform-style:preserve-3d;transition:transform var(--d-base) var(--ease-out);margin:0;position:absolute}.case-page .case-print[data-tall]{box-shadow:var(--shadow-c), 0 40px 60px -30px #00000073}.case-page .case-print:hover{transform:translateZ(calc(var(--z) + 60px)) rotate(var(--rz))}.case-page .case-fan.is-standing .case-print{top:auto;bottom:0}.case-page .case-fan.is-single .case-print{width:min(100%,720px);position:relative;top:auto;left:auto}.case-page .case-print-media{aspect-ratio:var(--ar);background:var(--ink-90);position:relative;overflow:hidden}.case-page .case-print-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (max-width:767px){.case-page .case-gallery{margin-top:var(--s7)}.case-page .case-fan,.case-page .case-fan.is-standing{height:auto;padding:var(--s5) 0;gap:0;display:grid}.case-page .case-print,.case-page .case-fan.is-standing .case-print{width:80vw;transform:translateX(var(--mx,0)) translateZ(var(--z)) rotate(var(--rz));margin-top:-4vw;position:relative;top:auto;bottom:auto;left:auto}.case-page .case-print:nth-child(odd){--mx:0}.case-page .case-print:nth-child(2n){--mx:10vw}.case-page .case-print:first-child{margin-top:0}.case-page .case-print:hover{transform:translateX(var(--mx,0)) translateZ(calc(var(--z) + 60px)) rotate(var(--rz))}.case-page .case-fan.is-standing .case-print{--rz:0deg;width:56vw}.case-page .case-fan.is-standing .case-print:nth-child(2n){--mx:24vw}}.case-page .case-next{background:var(--black);min-height:100svh;padding:var(--s8) var(--g);perspective:1200px;perspective-origin:50% 46%;--p:0;place-items:center;display:grid;position:relative}.case-page .case-next-plane{aspect-ratio:16/9;border-radius:var(--r-frame);background:var(--ink-90);width:min(100%,160vh);box-shadow:var(--shadow-b);transform-style:preserve-3d;transform:translateZ(calc(-520px + var(--p) * 520px));will-change:transform;display:block;position:relative;overflow:hidden}.case-page .case-next-plane img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-page .case-next-dim{opacity:calc(.36 * (1 - var(--p)));pointer-events:none;background:#000;position:absolute;inset:0}.case-page .case-next-chrome{gap:var(--s2);color:var(--white);display:grid;position:absolute;bottom:24px;left:24px;right:24px}.case-page .case-next-client{color:var(--ink-60)}@media (max-width:767px){.case-page .case-next{padding:var(--s7) 0}.case-page .case-next-plane{aspect-ratio:4/5;border-radius:0;width:100vw}.case-page .case-next-chrome{bottom:16px;left:16px;right:16px}}html[data-motion=reduced] .case-page .case-plane{opacity:1;transition:none;transform:none}html[data-motion=reduced] .case-page .case-print{transition:none}html[data-motion=reduced] .case-page .case-next{--p:1}.case-page.is-404{min-height:100svh;padding:64px var(--g) var(--g);perspective:1200px;place-items:center;display:grid}.case-page .nf-frame{aspect-ratio:16/9;border-radius:var(--r-frame);background:var(--ink-90);width:min(100%,177.7vh);box-shadow:var(--shadow-a);text-align:center;padding:var(--g);place-items:center;display:grid;position:relative}.case-page .nf-frame strong{font-size:var(--t-stamp);letter-spacing:-.03em;color:var(--red);text-shadow:var(--shadow-stamp);font-weight:900;line-height:.9;display:block}.case-page .nf-frame p{max-width:28ch;margin:var(--s5) auto 0;color:var(--white)}.case-page .nf-frame a{min-height:44px;margin-top:var(--s5);color:var(--white);align-items:center;gap:6px;display:inline-flex}.case-page .nf-frame a:hover{color:var(--red)}@media (max-width:767px){.case-page .nf-frame{aspect-ratio:4/5}}.case-page .case-plane iframe{background:var(--black);border:0;width:100%;height:100%;position:absolute;inset:0}.case-page .case-plane[data-kind=film] video{object-fit:cover}.case-page .case-plane[data-compact=true]{width:min(100%, calc((100svh - 64px - var(--g) - 370px) * 1.7777))}.case-page .case-play{z-index:2;border-radius:var(--r-pill);background:var(--red-ink,#e60000);min-height:48px;color:var(--white);cursor:pointer;box-shadow:var(--shadow-b);transition:background var(--d-fast) linear, transform var(--d-base) var(--ease-out);border:0;align-items:center;gap:12px;padding:0 20px 0 16px;display:inline-flex;position:absolute;bottom:24px;left:24px}.case-page .case-play:hover{background:var(--red-deep);transform:translateY(-2px)}.case-page .case-play-tri{border:7px solid #0000;border-left:12px solid;border-right-width:0;width:0;height:0}.case-page .case-reel{gap:var(--s4);width:100%;padding:var(--s3) 2px var(--s4);scroll-snap-type:x proximity;scrollbar-width:none;perspective:900px;display:flex;overflow-x:auto}.case-page .case-reel::-webkit-scrollbar{display:none}.case-page .case-reel-item{width:clamp(150px,15vw,220px);color:var(--ink-60);text-align:left;cursor:pointer;scroll-snap-align:start;background:0 0;border:0;flex:none;grid-template-columns:1fr auto;gap:8px;padding:0;display:grid}.case-page .case-reel-plane{aspect-ratio:16/9;background:var(--ink-90);transform-origin:0;opacity:.62;transition:transform var(--d-dock) var(--ease-dock), opacity var(--d-base) linear, box-shadow var(--d-base) linear;border-radius:4px;grid-column:1/-1;position:relative;overflow:hidden;transform:rotateY(-16deg)translateZ(-30px)}.case-page .case-reel-plane img{object-fit:cover}.case-page .case-reel-item:hover .case-reel-plane,.case-page .case-reel-item:focus-visible .case-reel-plane{opacity:1;transform:rotateY(-6deg)translateZ(0)}.case-page .case-reel-item[aria-pressed=true]{color:var(--white)}.case-page .case-reel-item[aria-pressed=true] .case-reel-plane{opacity:1;box-shadow:0 0 0 2px var(--red);transform:none}.case-page .case-reel-title{text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.case-page .case-reel-time{color:var(--ink-40)}@media (max-width:767px){.case-page .case-plane[data-compact=true]{width:100vw}.case-page .case-play{bottom:16px;left:16px}.case-page .case-reel{padding:var(--s3) var(--g) var(--s4);scroll-padding-inline:var(--g)}.case-page .case-reel-item{width:44vw}}html[data-motion=reduced] .case-page .case-reel-plane{transition:none;transform:none}@media (min-width:768px){.case-page .case-plane[data-kind=still] img{object-fit:contain;background:var(--black)}}.case-page.is-404{position:relative;overflow:hidden}.case-page .nf-feed{transform-style:preserve-3d;opacity:.42;pointer-events:none;grid-template-columns:repeat(3,1fr);gap:2vw;display:grid;position:absolute;inset:-20vh -4vw;transform:rotateX(18deg)rotate(-6deg)translateZ(-260px)}.case-page .nf-col{animation:nf-run calc(16s + var(--col) * 5s) linear infinite;align-content:start;gap:2vw;display:grid}.case-page .nf-col:nth-child(2){animation-direction:reverse}.case-page .nf-tile{aspect-ratio:16/9;border-radius:var(--r-frame);background:var(--ink-90);display:block;position:relative;overflow:hidden}.case-page .nf-tile img{object-fit:cover}@keyframes nf-run{to{transform:translateY(-50%)}}.case-page .nf-frame{z-index:1;background:#0c0c0ccc;width:min(76%,120vh)}.case-page .nf-frame strong .wm-word{height:.8em;fill:var(--red);margin:0 auto}html[data-motion=reduced] .case-page .nf-col{animation:none}@media (max-width:767px){.case-page .nf-feed{grid-template-columns:repeat(2,1fr)}.case-page .nf-col:nth-child(3){display:none}}.case-page .case-crumbs{left:var(--g);z-index:3;color:var(--ink-60);position:absolute;top:72px}.case-page .case-crumbs ol{gap:8px;display:flex}.case-page .case-crumbs li+li:before{content:"/";color:var(--ink-40);margin-right:8px}.case-page .case-crumbs a{align-items:center;min-height:44px;display:inline-flex}.case-page .case-crumbs a:hover{color:var(--white)}.case-page .case-crumbs li{align-items:center;min-height:44px;display:inline-flex}@media (max-width:767px){.case-page .case-crumbs{display:none}}.case-page .case-filmlinks{margin-top:var(--s2);gap:2px;display:grid}.case-page .case-filmlinks a{min-height:36px;color:var(--black);align-items:center;gap:6px;display:inline-flex}.case-page .case-filmlinks a:hover{color:var(--red-deep)}
