.light{background:var(--cream);color:var(--navy)}.light .idx{color:var(--ink-muted)}.hero{background:var(--navy);height:100vh;min-height:560px;position:relative;overflow:hidden}.vanes{position:absolute;top:0;bottom:0}.vane{transform-origin:50%;will-change:transform;height:100%;position:absolute;top:0;overflow:hidden}.face{background-position:50%;background-size:cover;height:100%;position:absolute;top:0}.shade{pointer-events:none;position:absolute;inset:0}.hero-shade{pointer-events:none;background:linear-gradient(#08182500 68%,#081825b3),linear-gradient(#08182566,#08182500 20%);position:absolute;inset:0}.cap{left:var(--pad);right:var(--pad);grid-template-columns:auto 1fr auto;align-items:end;gap:28px;display:grid;position:absolute;bottom:26px}.cap-count{font:500 13px/1 var(--mono);padding-bottom:6px}.cap-title{align-items:baseline;gap:20px;min-width:0;display:flex}.cap-title b{font-family:var(--display);text-transform:uppercase;white-space:nowrap;font-size:clamp(30px,3.4vw,52px);font-style:italic;font-weight:800;line-height:.9}.cap-title span{font:500 13px/1.3 var(--text);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cap-title.swap b,.cap-title.swap span{animation:capIn .7s var(--ease)}@keyframes capIn{0%{opacity:0;filter:blur(6px);transform:translateY(12px)}}.segs{gap:6px;width:clamp(180px,20vw,280px);display:flex}.segs button{cursor:pointer;background:0 0;border:0;flex:1;height:22px;padding:0;position:relative}.segs button:before{content:"";background:#f1e8d638;height:3px;position:absolute;bottom:8px;left:0;right:0;transform:skew(-21deg)}.segs button i{background:var(--cream);width:0;height:3px;position:absolute;bottom:8px;left:0;transform:skew(-21deg)}.segs button.done i{width:100%}.hint{font:500 12px/1 var(--mono);color:var(--muted);align-items:center;gap:10px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hint i{background:linear-gradient(var(--cream), transparent);width:1px;height:26px;animation:drop 1.6s infinite var(--ease);transform-origin:top}@keyframes drop{0%{transform:scaleY(0)}60%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.sec-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;display:flex}.light .sec-head{border-color:var(--line-dark)}.intro{padding-top:clamp(96px,14vh,160px);padding-bottom:clamp(96px,14vh,160px)}.intro-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:32px;margin-top:56px;display:grid}.intro h2{grid-column:1/span 9;margin:0;font-size:clamp(54px,7.8vw,132px);line-height:.9}.w{transition:opacity .9s var(--ease), filter .9s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i) * 45ms);display:inline-block}.reveal:not(.in) .w{opacity:0;filter:blur(14px);transform:translateY(.18em)}.chip{vertical-align:-.06em;width:1.7em;height:.74em;clip-path:polygon(calc(var(--tan) * .74em) 0, 100% 0, calc(100% - var(--tan) * .74em) 100%, 0 100%);transition:width 1.1s var(--ease), opacity .8s var(--ease);transition-delay:calc(var(--i) * 45ms + .15s);margin:0 .06em;display:inline-block;overflow:hidden}.chip img{object-fit:cover;width:100%;height:100%}.reveal:not(.in) .chip{opacity:0;width:0}.intro-side{flex-direction:column;grid-column:10/span 3;gap:22px;padding-bottom:10px;display:flex}.intro-side p{color:#f1e8d6db;max-width:34ch;margin:0;font-size:16px;line-height:1.6}.work{padding-bottom:clamp(100px,16vh,180px)}.work-title{justify-content:space-between;align-items:flex-end;gap:24px;margin:40px 0 48px;display:flex}.work-title h2{align-items:flex-start;gap:.04em;margin:0;font-size:clamp(120px,19vw,300px);line-height:.78;display:flex}.work-title sup{color:var(--orange);margin-top:.1em;font-size:.26em;line-height:1}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(48px,7vh,88px) clamp(16px,2vw,32px);display:grid}.grid .card:nth-child(3n+2){transform:translateY(var(--off,0px))}.card{text-decoration:none;display:block}.cover{aspect-ratio:4/5;background:var(--pit);position:relative;overflow:hidden}.cover>picture{width:100%;height:100%;display:block}.cover>picture>img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);transform:scale(1.06)}.card:hover .cover>picture>img{transform:scale(1)}.slats{pointer-events:none;position:absolute;inset:0}.slat{transform-origin:50%;height:100%;transition:transform .55s var(--ease);transition-delay:calc(var(--k) * 35ms);position:absolute;top:0;overflow:hidden;transform:skew(-21deg)scaleX(0)}.slat>div{background-position:50%;background-size:cover;height:100%;position:absolute;top:0;transform:skew(21deg)}.card.near .slat>div{background-image:var(--back)}.card:hover .slat,.card:focus-visible .slat{transform:skew(-21deg)scaleX(1.02)}.tag{z-index:2;font:500 11px/1 var(--mono);background:var(--cream);color:var(--navy);padding:5px 7px;position:absolute;top:12px;left:12px}.card-cap{grid-template-columns:1fr auto;align-items:baseline;gap:4px 16px;padding-top:14px;display:grid}.card-cap b{font-family:var(--display);text-transform:uppercase;font-size:clamp(24px,2.1vw,34px);font-style:italic;font-weight:800;line-height:.95}.card-cap span{color:var(--muted);font-size:13px}.card-cap em{font:normal 500 11px/1 var(--mono);color:var(--muted);grid-column:1/-1}.film{background:#050d14;height:230vh;position:relative}.film-pin{height:100vh;position:sticky;top:0;overflow:hidden}.film-frame{clip-path:inset(var(--ci,22%) var(--cx,30%));will-change:clip-path;transform:translate(var(--wx,0px), var(--wy,0px));position:absolute;inset:0}.film-frame img{object-fit:cover;width:100%;height:100%;transform:scale(var(--fs,1.12));filter:grayscale(1) invert(var(--inv,1)) contrast(calc(1.05 + var(--inv,1) * .2)) brightness(var(--fl,1))}.film-base{mix-blend-mode:multiply;opacity:calc(var(--inv,1) * .78);background:#c8682c;position:absolute;inset:0}.film-leak{pointer-events:none;mix-blend-mode:screen;opacity:var(--lk,0);background:radial-gradient(40% 55% at var(--lx,0%) 45%, #ff7828f2, #e2632a66 40%, transparent 70%), radial-gradient(18% 30% at calc(var(--lx,0%) + 8%) 60%, #ffdca0cc, transparent 70%);position:absolute;inset:-20%}.film-dust{pointer-events:none;opacity:.5;mix-blend-mode:screen;position:absolute;inset:0}.film-copy{z-index:3;max-width:540px;opacity:var(--fo,0);transform:translateY(calc((1 - var(--fo,0)) * 24px));flex-direction:column;align-items:flex-start;gap:16px;display:flex;position:absolute;bottom:8vh;left:6vw;right:6vw}.film-copy h2{margin:0;font-size:clamp(56px,7vw,110px);line-height:.86}.film-copy p{color:#f1e8d6e6;max-width:40ch;margin:0}.film-count{z-index:3;text-align:right;font:500 13px/1.7 var(--mono);color:#f1e8d6d9;position:absolute;top:12vh;right:6vw}.film-count b{font:800 italic clamp(40px, 5vw, 72px)/1 var(--display);color:var(--cream);font-variant-numeric:tabular-nums;display:block}.film-note{z-index:3;font:500 12px/1.7 var(--mono);color:#f1e8d6b3;opacity:calc(1 - var(--fo,0));position:absolute;top:12vh;left:6vw}.frames{padding-top:clamp(96px,14vh,160px);padding-bottom:24px;overflow:hidden}.frames-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:36px;display:flex}.frames-head h2{margin:0;font-size:clamp(44px,5.4vw,84px);line-height:.9}.topics{flex-wrap:wrap;gap:8px;display:flex}.topics button{cursor:pointer;border:1.5px solid var(--navy);font:600 13px/1 var(--text);letter-spacing:.04em;background:0 0;padding:8px 14px;transition:background .25s,color .25s;transform:skew(-21deg)}.topics button>span{display:inline-block;transform:skew(21deg)}.topics button[aria-pressed=true],.topics button:hover{background:var(--navy);color:var(--cream)}.strip{padding:64px var(--pad) 44px;will-change:transform;align-items:flex-start;gap:28px;width:max-content;display:flex}.neg{width:clamp(220px,21vw,310px);transform:rotate(var(--r)) skewX(var(--sk,0deg));transition:transform .6s var(--ease), opacity .45s var(--ease);cursor:zoom-in;text-align:left;color:inherit;background:#0a1520;border:0;flex:none;margin:0;padding:20px 10px 30px;position:relative}.neg:before,.neg:after{content:"";background:repeating-linear-gradient(90deg,#f1e8d68c 0 7px,#0000 7px 16px);height:8px;position:absolute;left:8px;right:8px}.neg:before{top:6px}.neg:after{bottom:16px}.neg img{aspect-ratio:3/2;object-fit:cover;width:100%}.neg.p img{aspect-ratio:2/3}.neg .edge{font:500 10px/14px var(--mono);color:#d79a5e;justify-content:space-between;display:flex;position:absolute;bottom:2px;left:10px;right:10px}.neg .play{width:54px;height:54px;color:var(--navy);background:#f1e8d6eb;border-radius:50%;place-items:center;margin:-27px 0 0 -27px;font-size:16px;display:grid;position:absolute;top:50%;left:50%}.neg:hover,.neg:focus-visible{z-index:2;transform:rotate(0)translateY(-10px)scale(1.04)}.neg.out{opacity:0;transform:rotate(var(--r)) translateY(40px)}.clients{border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);margin:0 var(--pad);align-items:stretch;display:flex;overflow:hidden}.clients .idx{background:var(--cream);z-index:1;flex:none;align-items:center;padding-right:28px;display:flex;position:relative}.marquee{width:max-content;animation:38s linear infinite run;display:flex}.clients:hover .marquee{animation-play-state:paused}.marquee span{font-family:var(--display);text-transform:uppercase;color:#0f2a408c;white-space:nowrap;align-items:center;gap:36px;padding:28px 18px;font-size:clamp(22px,2.3vw,34px);font-style:italic;font-weight:800;display:inline-flex}.marquee svg{flex:none}@keyframes run{to{transform:translate(-50%)}}.feat{padding-top:clamp(96px,14vh,160px);padding-bottom:clamp(96px,14vh,160px);position:relative;overflow:hidden}.feat--lav{background:var(--lav);color:var(--navy)}.feat .idx{color:var(--ink-muted)}.feat--lav .idx{color:#0f2a40b3}.feat-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:32px;margin-top:40px;display:grid}.feat-media{aspect-ratio:16/11;grid-column:6/span 7;position:relative;overflow:hidden}.feat--flip .feat-media{grid-area:1/1/auto/span 7}.feat-media img{object-fit:cover;width:100%;height:100%;transform:scale(calc(1.14 - var(--p,0) * .14));position:absolute;inset:0}.feat-media .curtain{display:flex;position:absolute;inset:0}.feat-media .curtain i{transform:skewX(-21deg) scaleX(clamp(0, calc(1 - (var(--p,0) - var(--k) * .045) / .62), 1));transform-origin:50%;flex:1;margin-right:-1px}.feat .curtain i{background:var(--cream)}.feat--lav .curtain i{background:var(--lav)}.feat-media picture{position:absolute;inset:0}.feat-media .ph{z-index:2;font:500 11px/1 var(--mono);background:var(--cream);color:var(--navy);padding:5px 7px;position:absolute;bottom:12px;left:12px}.feat-text{z-index:2;flex-direction:column;grid-area:1/1/auto/span 5;align-items:flex-start;gap:22px;display:flex;position:relative}.feat--flip .feat-text{grid-column:8/span 5}.feat-name{white-space:nowrap;width:max-content;max-width:none;margin:0;padding-right:.12em;font-size:clamp(56px,7.4vw,140px);line-height:.82;position:relative}.feat-name .o{color:#0000;-webkit-text-stroke:1.5px currentColor}.feat-name .f{clip-path:inset(0 calc(100% - var(--p,0) * 100%) 0 0);transition:clip-path .1s linear;position:absolute;inset:0}.feat-name:hover .f,.feat-text:focus-within .f{clip-path:inset(0);transition:clip-path .5s var(--ease)}.feat-text p{max-width:38ch;margin:0;font-size:17px;line-height:1.55}.feat-meta{font:500 12px/1 var(--mono);gap:18px;display:flex}.light :focus-visible{outline-color:var(--lav-deep)}.cta{color:var(--navy);transition:background 0s 1.6s;position:relative;overflow:hidden}.cta.in{background:var(--orange)}.cta-slats{display:flex;position:absolute;inset:0 -40%}.cta-slats i{background:var(--orange);transition:transform .9s var(--ease);transition-delay:calc(var(--k) * 28ms);flex:1;margin-right:-1px;transform:skew(-21deg)scaleX(0)}.cta.in .cta-slats i{transform:skew(-21deg)scaleX(1.03)}.cta-in{transition:opacity .6s .5s, transform .8s .5s var(--ease);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:32px;padding-top:clamp(96px,14vh,150px);padding-bottom:clamp(96px,14vh,150px);display:grid;position:relative}.cta:not(.in) .cta-in{opacity:0;transform:translateY(30px)}.cta .idx{color:var(--navy)}.cta :focus-visible{outline-color:var(--navy)}.cta-main{flex-direction:column;grid-column:1/span 7;align-items:flex-start;gap:28px;display:flex}.cta h2{margin:0;font-size:clamp(84px,11vw,190px);line-height:.82}.cta-main p{max-width:44ch;margin:0;font-size:19px;font-weight:500;line-height:1.5}.ask{flex-direction:column;gap:12px;display:flex}.ask .opts{flex-wrap:wrap;gap:8px;display:flex}.ask button{cursor:pointer;border:1.5px solid var(--navy);font:600 13px/1 var(--text);background:0 0;padding:9px 15px;transition:background .2s,color .2s;transform:skew(-21deg)}.ask button>span{display:inline-block;transform:skew(21deg)}.ask button[aria-pressed=true],.ask button:hover{background:var(--navy);color:var(--orange)}.cta-row{flex-wrap:wrap;align-items:center;gap:18px 28px;display:flex}.cta-mail{font:600 18px/1 var(--text);color:inherit;text-decoration:none}.cta-mail:hover{text-underline-offset:4px;text-decoration:underline}.cta-meta{font:500 12px/1 var(--mono)}.cta-pic{flex-direction:column;grid-column:9/span 4;align-self:stretch;gap:10px;display:flex}.cta-pic div{min-height:360px;clip-path:polygon(calc(var(--tan) * 100% * .55) 0, 100% 0, calc(100% - var(--tan) * 100% * .55) 100%, 0 100%);flex:1;position:relative;overflow:hidden}.cta-pic img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cta-pic span{font:500 12px/1.4 var(--mono)}.cta-h .ln{margin-right:-.1em;padding-right:.1em;display:block;overflow:hidden}.cta-h .ln>span{transition:transform 1s var(--ease);display:inline-block;transform:translateY(105%)skewY(4deg)}.cta-h .ln:first-child>span{transition-delay:.55s}.cta-h .ln:nth-child(2)>span{transition-delay:.7s}.cta.in .cta-h .ln>span{transform:none}.cur{background:var(--navy);vertical-align:baseline;width:.32em;height:.62em;margin-left:.08em;animation:1s steps(2,jump-none) infinite blink;display:inline-block;transform:skew(-21deg)}@keyframes blink{50%{opacity:0}}.cta-pic .vf{position:relative}.vf-c{z-index:2;pointer-events:none;opacity:0;transition:transform 1s 1s var(--ease), opacity .4s 1s;position:absolute;inset:14px;transform:scale(1.12)}.cta.in .vf-c{opacity:1;transform:none}.vf-c i{border:0 solid var(--cream);filter:drop-shadow(0 0 2px #050d14b3);width:26px;height:26px;position:absolute}.vf-c i:first-child{border-width:2px 0 0 2px;top:0;left:14%}.vf-c i:nth-child(2){border-width:2px 2px 0 0;top:0;right:0}.vf-c i:nth-child(3){border-width:0 0 2px 2px;bottom:0;left:0}.vf-c i:nth-child(4){border-width:0 2px 2px 0;bottom:0;right:14%}.cta-pic .rec{z-index:2;color:var(--cream);text-shadow:1px 0 #ff282880,-1px 0 #28dcff80;opacity:0;background:#0b213399;align-items:center;gap:8px;padding:5px 9px 4px;font:400 26px/1 VT323,monospace;transition:opacity .3s 1.4s;display:flex;position:absolute;top:20px;right:17%}.rec i{background:#ff3b2f;border-radius:50%;width:11px;height:11px;animation:1s steps(2,jump-none) infinite blink}.rec b{font-variant-numeric:tabular-nums;font-weight:400}.cta.in .rec{opacity:1}.loader{z-index:100;display:none;position:fixed;inset:0}.loader.on{display:block}.vhs{transform-origin:50%;background:#000;position:absolute;inset:0;overflow:hidden}.vhs canvas{filter:saturate(1.25)contrast(1.08)blur(.4px);width:100%;height:100%;position:absolute;inset:0}.vhs:before{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px);position:absolute;inset:0}.vhs:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.osd{z-index:2;color:#f4f1ff;text-shadow:2px 0 #ff28288c,-2px 0 #28dcff8c;font:400 clamp(24px,3vw,40px)/1 VT323,monospace;position:absolute}.vhs .osd-play{top:5vh;left:6vw}.vhs .osd-ch{top:5vh;right:6vw}.vhs .osd-tc{bottom:6vh;right:6vw}.tv{z-index:3;flex-direction:column;align-items:flex-start;transition:opacity .15s;display:flex;position:absolute;bottom:6vh;left:6vw}.tv-tag{background:var(--lav);color:var(--navy);font:700 clamp(11px, 1.4vw, 15px)/1 var(--text);letter-spacing:.16em;text-transform:uppercase;padding:5px 9px}.tv-main{border-left:6px solid var(--orange);background:#0a1e2eeb;display:flex}.tv-main b{font:800 italic clamp(18px, 2.6vw, 30px)/1 var(--display);background:var(--cream);color:var(--navy);text-transform:uppercase;padding:8px 12px}.tv-main span{font:700 clamp(16px, 2.2vw, 26px)/1 var(--text);font-variant-numeric:tabular-nums;padding:9px 14px}.vhs.logo-phase .tv,.vhs.logo-phase .osd-tc{opacity:0}:root{--roll:.48s}.roller{will-change:transform;height:109vh;position:absolute;top:0;left:0;right:0}.roller .vhs{height:100vh;inset:0 0 auto}.sync{background:#000;height:9vh;position:absolute;top:100vh;left:0;right:0;overflow:hidden}.sync:before{content:"";background:#f1e8d6d9;height:3px;position:absolute;top:38%;left:0;right:0;box-shadow:0 0 12px #f1e8d699}.sync:after{content:"";background:repeating-linear-gradient(90deg,#ffffff2e 0 2px,#0000 2px 7px,#ffffff14 7px 9px,#0000 9px 17px);animation:.12s steps(2,end) infinite syncNoise;position:absolute;inset:0}@keyframes syncNoise{50%{transform:translate(-9px)}}.roller.roll{animation:vroll var(--roll) cubic-bezier(.5,0,.8,.3) forwards}.rollin{animation:vrollin var(--roll) cubic-bezier(.5,0,.8,.3) forwards}@keyframes vroll{0%{transform:translateY(0)}16%{transform:translateY(-6vh)}28%{transform:translateY(1.5vh)}to{transform:translateY(-109vh)}}@keyframes vrollin{0%{transform:translateY(109vh)}16%{transform:translateY(103vh)}28%{transform:translateY(110.5vh)}to{transform:translateY(0)}}.osd-trk{white-space:nowrap;opacity:0;bottom:13vh;left:50%;transform:translate(-50%)}.vhs.tracking .osd-trk{opacity:1}.vhs.tracking .osd-ch,.vhs.tracking .osd-play{opacity:0}.arrive{z-index:95;pointer-events:none;opacity:0;position:fixed;inset:0}.arrive:before{content:"";background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}.arrive.go{animation:.9s forwards arrFade}@keyframes arrFade{0%,65%{opacity:1}to{opacity:0}}.arrive .osd{top:12vh;left:6vw}.arrive.go .osd{animation:.3s steps(2,jump-none) 2 osdBlink}@keyframes osdBlink{50%{opacity:0}}.a-band{mix-blend-mode:screen;background:linear-gradient(#0000,#f1e8d61a 35%,#fff6 50%,#f1e8d61a 65%,#0000);height:10vh;position:absolute;top:-12vh;left:0;right:0}.arrive.go .a-band{animation:.6s linear forwards band}@keyframes band{to{transform:translateY(126vh)}}.hero.settle{animation:.35s steps(5,end) settle}@keyframes settle{0%{filter:saturate(1.6)contrast(1.15);transform:translate(-7px)}30%{transform:translate(5px)}55%{filter:saturate(1.3);transform:translate(-3px)}80%{transform:translate(1px)}to{filter:none;transform:none}}.skip{z-index:5;font:600 11px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);cursor:pointer;background:#00000059;border:1px solid #f1e8d64d;padding:9px 12px;position:absolute;bottom:16px;right:16px}@media (width<=1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid .card:nth-child(3n+2){transform:none}.grid .card:nth-child(2n){transform:translateY(var(--off,0px))}}.chip--m{display:none}@media (width<=860px){.intro h2,.intro-side{grid-column:1/-1}.br-wide,.chip--d{display:none}.chip--m{display:inline-block}.intro h2{font-size:min(54px,13.6vw)}.grid{grid-template-columns:1fr}.grid .card:nth-child(2n){transform:none}.cap{grid-template-columns:1fr;gap:12px}.cap-title{flex-direction:column;align-items:flex-start;gap:8px}.cap-title span{white-space:normal}.segs{width:100%}.hint{display:none}.feat-media,.feat--flip .feat-media,.feat-text,.feat--flip .feat-text{grid-area:auto/1/auto/-1}.feat-name{white-space:normal;width:auto}.cta-main,.cta-pic{grid-column:1/-1}.cta-pic div{min-height:280px}.work-title .btn{display:none}.film-count{top:10vh}}@media (prefers-reduced-motion:reduce){.marquee{animation:none}}