:root{--ink:#07090b;--ink-soft:#101318;--paper:#eeeee8;--paper-soft:rgba(238,238,232,0.68);--muted:rgba(238,238,232,0.42);--line:rgba(238,238,232,0.15);--line-strong:rgba(238,238,232,0.28);--accent:#a9baff;--accent-soft:rgba(169,186,255,0.14);--pad:clamp(24px,4.5vw,82px);--header-h:80px;--ease:cubic-bezier(0.19,0.82,0.18,1);--serif:Georgia,"Times New Roman",serif;--sans:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--ink)}body{margin:0;overflow-x:hidden;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.overlay-open{overflow:hidden}a{text-decoration:none}a,button{color:inherit}button{padding:0;border:0;background:none;font:inherit}a,button{cursor:pointer}img,video{display:block;width:100%}::selection{color:var(--ink);background:var(--accent)}.grain{position:fixed;z-index:1200;inset:0;pointer-events:none;opacity:.065;background-image:radial-gradient(circle at 10% 20%,#fff 0 .5px,transparent .8px),radial-gradient(circle at 70% 35%,#fff 0 .45px,transparent .75px),radial-gradient(circle at 35% 80%,#fff 0 .45px,transparent .75px);background-size:9px 11px,13px 15px,17px 19px;mix-blend-mode:soft-light;animation:grain-shift .28s steps(2) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-.7%,.5%)}50%{transform:translate(.5%,-.6%)}75%{transform:translate(.6%,.7%)}}.site-frame{z-index:1000;inset:10px;border:1px solid rgba(238,238,232,.13);border-radius:14px}.scroll-track,.site-frame{position:fixed;pointer-events:none}.scroll-track{z-index:1100;right:10px;top:10px;bottom:10px;width:2px;overflow:hidden;background:rgba(255,255,255,.04)}.scroll-track span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:top}.cursor-crosshair{--cursor-x:-40px;--cursor-y:-40px;--cursor-scale:1;position:fixed;z-index:1400;left:0;top:0;width:43.2px;height:43.2px;pointer-events:none;color:#eceae4;opacity:0;transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-50%,-50%) scale(var(--cursor-scale));transform-origin:center;will-change:transform,width,height,opacity;transition:width .14s var(--ease),height .14s var(--ease),opacity .14s linear,transform .12s var(--ease)}.cursor-arm{position:absolute;display:block;opacity:.82;transition:opacity .14s linear}.cursor-arm.is-bottom,.cursor-arm.is-top{left:50%;width:1px;height:calc(50% - 4px);transform:translateX(-50%)}.cursor-arm.is-left,.cursor-arm.is-right{top:50%;width:calc(50% - 4px);height:1px;transform:translateY(-50%)}.cursor-arm.is-top{bottom:calc(50% + 4px);background:linear-gradient(0deg,#eceae4 0 18%,rgba(236,234,228,.48) 58%,transparent)}.cursor-arm.is-right{left:calc(50% + 4px);background:linear-gradient(90deg,#eceae4 0 18%,rgba(236,234,228,.48) 58%,transparent)}.cursor-arm.is-bottom{top:calc(50% + 4px);background:linear-gradient(180deg,#eceae4 0 18%,rgba(236,234,228,.48) 58%,transparent)}.cursor-arm.is-left{right:calc(50% + 4px);background:linear-gradient(270deg,#eceae4 0 18%,rgba(236,234,228,.48) 58%,transparent)}.cursor-crosshair>i{position:absolute;z-index:1;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:1;transform:translate(-50%,-50%)}.cursor-crosshair.is-visible{opacity:.74}.cursor-crosshair.is-interactive{width:50.4px;height:50.4px;opacity:.96}.cursor-crosshair.is-interactive .cursor-arm{opacity:1}.cursor-crosshair.is-pressed{--cursor-scale:0.82;transition-duration:80ms}.cursor-crosshair.is-text{opacity:0}.site-header{position:fixed;z-index:900;top:0;left:0;width:100%;height:var(--header-h);padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:white;mix-blend-mode:difference;pointer-events:none}.site-header>*{pointer-events:auto}.brand{justify-self:start;height:54px;display:inline-flex;align-items:center;gap:9px;transition:transform .35s var(--ease)}.brand img{width:52px;height:40px;object-fit:contain}.brand-year{align-self:flex-start;margin-top:11px;color:var(--accent);font:8px/1 var(--mono);letter-spacing:.08em}.site-header .role{justify-self:center;margin:0;display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.72);font:9px/1.2 var(--mono);letter-spacing:.14em;white-space:nowrap}.site-header .role span{width:23px;height:1px;background:currentColor}.site-header nav{justify-self:end;display:flex;align-items:center;gap:clamp(17px,2.5vw,38px)}.site-header nav a,.site-header nav button{position:relative;font:9px/1 var(--mono);letter-spacing:.15em;opacity:.72;transition:opacity .2s,transform .35s var(--ease)}.site-header nav a:after,.site-header nav button:after{content:"";position:absolute;right:100%;bottom:-7px;left:0;height:1px;background:currentColor;transition:right .35s var(--ease)}.site-header nav a:hover,.site-header nav button:hover{opacity:1}.site-header nav a:hover:after,.site-header nav button:hover:after{right:0}#about,#motion,#studies,#work{scroll-margin-top:var(--header-h)}.hero{--mx:50%;--my:50%;position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:#0c0f12}.hero-media,.motion-media{position:absolute;z-index:-6;inset:0;overflow:hidden;background:#090b0e}.hero-layer,.motion-layer{position:absolute;inset:-2%;opacity:0;transform:scale(1.045);transition:opacity 1s var(--ease),transform 1.45s var(--ease);will-change:opacity,transform}.hero-layer.is-active,.motion-layer.is-active{opacity:1;transform:scale(1)}.hero-layer img,.hero-layer video,.motion-layer img,.motion-layer video{position:absolute;inset:0;height:100%;object-fit:cover}.hero-layer img,.motion-layer img{z-index:-1;filter:saturate(.78) contrast(1.04) brightness(.86)}.hero-layer video,.motion-layer video{z-index:1;filter:saturate(.74) contrast(1.06) brightness(.84)}.hero-shade,.motion-shade{position:absolute;z-index:-4;inset:0;pointer-events:none}.hero-shade{background:radial-gradient(circle at var(--mx) var(--my),rgba(169,186,255,.065),transparent 3.6%),linear-gradient(90deg,rgba(4,5,7,.18) 0,rgba(4,5,7,.04) 54%,rgba(4,5,7,.28) 100%),linear-gradient(0deg,rgba(4,5,7,.9) 0,rgba(4,5,7,.02) 54%,rgba(4,5,7,.34) 100%)}.hero-grid,.motion-grid{position:absolute;z-index:-3;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 0);background-size:64px 64px;mask-image:linear-gradient(180deg,#000,transparent 34%,transparent 68%,#000)}.hero-grid{opacity:.1}.hero-orbit{position:absolute;z-index:-2;right:-13vw;top:-26vw;width:65vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none;opacity:.52}.hero-orbit:after,.hero-orbit:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.075);border-radius:inherit}.hero-orbit:before{inset:12%}.hero-orbit:after{inset:27%}.hero-content{min-height:100svh;padding:calc(var(--header-h) + 34px) var(--pad) 30px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;align-items:end;gap:30px}.hero-stage{position:relative;align-self:stretch;min-height:0}.hero-accessible-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.eyebrow{position:absolute;top:0;left:0;margin:0;display:flex;align-items:center;gap:12px;color:rgba(238,238,232,.58);font:9px/1.3 var(--mono);letter-spacing:.16em}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px var(--accent);animation:signal 2.2s ease-in-out infinite}@keyframes signal{50%{opacity:.38;transform:scale(.72)}}.hero-intro{position:absolute;left:50%;bottom:clamp(14px,2.5vh,36px);width:min(520px,42vw);margin:0;padding-top:19px;display:grid;justify-items:center;gap:3px;line-height:1.7;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.5);transform:translateX(-50%)}.hero-progress-track{position:absolute;top:0;left:0;width:100%;height:1px;display:grid;border-right:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.18);overflow:hidden}.hero-progress-track>i{display:block;border-left:1px solid rgba(255,255,255,.13)}.hero-progress-track>b{position:absolute;top:0;height:2px;background:var(--accent);box-shadow:0 0 12px rgba(132,153,255,.45);animation-name:hero-segment-countdown;animation-timing-function:linear;animation-fill-mode:forwards;transform-origin:right center;will-change:transform}@keyframes hero-segment-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.hero-intro-cn{color:rgba(238,238,232,.68);font-size:clamp(12px,.88vw,14px)}.hero-intro-en{color:rgba(238,238,232,.28);font-size:clamp(10px,.72vw,12px);font-weight:300;letter-spacing:.015em}.project-shelf{grid-column:1/-1;padding-top:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:end;border-top:1px solid var(--line)}.shelf-label{align-self:center;min-width:120px;display:grid;gap:7px;color:var(--muted);font:8px/1.25 var(--mono);letter-spacing:.14em}.shelf-label strong{color:var(--paper);font-weight:400}.project-thumbs{display:flex;gap:clamp(12px,1.4vw,22px);overflow-x:auto;padding:7px 4px 4px;scrollbar-width:none}.project-thumbs::-webkit-scrollbar{display:none}.project-thumb{flex:0 0 clamp(138px,13vw,225px);display:grid;gap:10px;text-align:left;opacity:.5;transform:perspective(900px) rotateY(-3deg) rotate(-.7deg) translateY(4px);transform-origin:center bottom;transition:opacity .35s var(--ease),transform .45s var(--ease),flex-basis .45s var(--ease)}.project-thumb:nth-child(2n){transform:perspective(900px) rotateY(3deg) rotate(.7deg) translateY(4px)}.project-thumb.is-active,.project-thumb:focus-visible,.project-thumb:hover{flex-basis:clamp(188px,18vw,315px);opacity:1;transform:none;outline:none}.project-thumb>span{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#101318}.project-thumb>span.wide{aspect-ratio:16/9}.project-thumb>span.cinema{aspect-ratio:2.35/1}.project-thumb img{height:100%;object-fit:cover;filter:grayscale(.45) brightness(.74);transform:scale(1.06);transition:filter .5s,transform .8s var(--ease)}.project-thumb.is-active img,.project-thumb:hover img{filter:none;transform:scale(1)}.project-thumb.is-active>span{border-color:var(--accent)}.project-thumb small{display:flex;justify-content:space-between;gap:12px;color:rgba(238,238,232,.66);font:8px/1.3 var(--mono);letter-spacing:.1em}.project-thumb small b{color:var(--paper);font-weight:400}.project-thumb small i{font-style:normal}.hero-actions{align-self:center;display:flex;gap:12px}.hero-actions button{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;font-size:13px;transition:background .2s,transform .25s var(--ease),border-color .2s}.hero-actions button:hover{border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.09);transform:scale(1.06)}.scroll-cue{position:absolute;right:var(--pad);bottom:110px;z-index:5;display:flex;align-items:center;gap:10px;color:rgba(238,238,232,.46);font:8px/1 var(--mono);letter-spacing:.15em;transform:rotate(90deg) translateX(100%);transform-origin:right bottom}.scroll-cue i{width:46px;height:1px;overflow:hidden;background:rgba(255,255,255,.18)}.scroll-cue i:after{content:"";display:block;width:48%;height:100%;background:var(--accent);animation:scroll-cue 1.8s ease-in-out infinite}@keyframes scroll-cue{0%{transform:translateX(-110%)}to{transform:translateX(225%)}}.section{position:relative;padding:clamp(110px,14vw,230px) var(--pad)}.section-head{margin-bottom:clamp(80px,11vw,180px);display:grid;grid-template-columns:minmax(145px,.38fr) 1fr;gap:clamp(34px,6vw,112px);align-items:start}.section-index{padding-top:13px;color:var(--accent);font:10px/1 var(--mono);letter-spacing:.16em}.section-head h2{margin:0;max-width:1120px;font-size:clamp(50px,7.5vw,136px);line-height:.88;letter-spacing:-.068em}.section-head h2 em{color:transparent;-webkit-text-stroke:1px rgba(238,238,232,.5);font-family:var(--serif);font-weight:400}.section-head>p{grid-column:2;max-width:650px;margin:-50px 0 0;color:rgba(238,238,232,.58);font-size:14px;line-height:1.85}.reveal{opacity:0;transform:translateY(48px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-in{opacity:1;transform:none}.work-section{overflow:clip;background:radial-gradient(circle at 82% 20%,rgba(132,153,255,.075),transparent 26%),var(--ink)}.work-list{display:grid;gap:clamp(145px,19vw,300px)}.work-item{position:relative;min-height:78svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.35fr);gap:clamp(34px,5vw,90px);align-items:center}.work-item:nth-child(2n){grid-template-columns:minmax(250px,.35fr) minmax(0,1fr)}.work-item:nth-child(2n) .work-visual{order:2}.work-item:nth-child(2n) .work-copy{order:1}.ghost-number{position:absolute;z-index:0;top:-12vw;left:-1vw;color:rgba(255,255,255,.026);font-size:clamp(190px,33vw,610px);line-height:.72;font-weight:800;letter-spacing:-.1em;pointer-events:none}.work-item:nth-child(2n) .ghost-number{right:-2vw;left:auto}.work-visual{position:relative;z-index:1;overflow:hidden;border:1px solid rgba(255,255,255,.17);background:#101318;text-align:left;clip-path:inset(0 100% 0 0);transition:clip-path 1.15s var(--ease)}.work-item.is-in .work-visual{clip-path:inset(0)}.work-visual.wide{aspect-ratio:16/9}.work-visual.cinema{aspect-ratio:2.35/1}.work-visual img{height:100%;object-fit:cover;filter:saturate(.82) brightness(.86);transform:scale(1.08);transition:transform 1.4s var(--ease),filter .45s}.work-item.is-in .work-visual img{transform:scale(1.02)}.work-visual:hover img{transform:scale(1.065);filter:none}.visual-tag{position:absolute;top:15px;left:15px;padding:8px 10px;color:rgba(255,255,255,.72);background:rgba(6,8,10,.55);backdrop-filter:blur(12px);font:8px/1 var(--mono);letter-spacing:.12em}.work-visual>i{position:absolute;right:17px;bottom:17px;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(7,9,11,.32);font-style:normal;font-size:16px;backdrop-filter:blur(10px);transition:transform .35s var(--ease),background .2s}.work-visual:hover>i{transform:rotate(45deg);background:var(--accent);color:var(--ink)}.work-copy{position:relative;z-index:2;opacity:0;transform:translateY(34px);transition:opacity .8s .22s var(--ease),transform .8s .22s var(--ease)}.work-item.is-in .work-copy{opacity:1;transform:none}.work-kicker{margin-bottom:34px;padding-bottom:15px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);font:8px/1.4 var(--mono);letter-spacing:.12em}.work-kicker strong{color:var(--accent);font-weight:400}.work-kicker span{color:var(--muted);text-align:right}.work-cn{margin:0 0 8px!important;color:var(--muted)!important;font-size:12px!important}.work-copy h3{margin:0;font-size:clamp(40px,4.2vw,78px);line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.work-copy>p{margin:23px 0 0;color:rgba(238,238,232,.58);font-size:13px;line-height:1.85}.work-tags{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px}.work-tags span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:8px/1 var(--mono);letter-spacing:.09em}.motion-section{position:relative;height:100svh;min-height:760px;overflow:hidden;isolation:isolate;background:#080a0c}.motion-shade{background:linear-gradient(90deg,rgba(5,6,8,.86),rgba(5,6,8,.16) 49%,rgba(5,6,8,.7)),linear-gradient(0deg,rgba(5,6,8,.88),transparent 52%,rgba(5,6,8,.45))}.motion-ui{position:relative;z-index:2;height:100%;padding:calc(var(--header-h) + 34px) var(--pad) 34px;display:grid;grid-template-columns:minmax(210px,.44fr) minmax(0,1fr) minmax(190px,.32fr);grid-template-rows:1fr auto;gap:32px clamp(34px,5vw,90px);align-items:center}.motion-index{align-self:center;display:grid;border-top:1px solid var(--line)}.motion-index button{min-height:76px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-items:center;gap:5px 13px;border-bottom:1px solid var(--line);color:var(--muted);text-align:left;transition:padding .35s var(--ease),color .2s,background .2s}.motion-index button>span{grid-row:1/3;font:9px/1 var(--mono)}.motion-index button b{font-size:14px;font-weight:500;letter-spacing:-.02em}.motion-index button i{font:8px/1 var(--mono);font-style:normal;letter-spacing:.1em}.motion-index button.is-active,.motion-index button:hover{padding-left:12px;color:var(--paper);background:rgba(255,255,255,.035)}.motion-index button.is-active>span{color:var(--accent)}.motion-center{justify-self:center;width:min(100%,760px);text-align:center}.motion-center>span{color:var(--accent);font:9px/1 var(--mono);letter-spacing:.16em}.motion-center h2{margin:30px 0 22px;font-size:clamp(64px,8.2vw,150px);line-height:.76;letter-spacing:-.075em}.motion-center>p{max-width:570px;margin:0 auto;color:rgba(238,238,232,.62);font-size:13px;line-height:1.8}.motion-play{margin:32px auto 0;display:flex;align-items:center;gap:13px;color:rgba(238,238,232,.8);font:9px/1 var(--mono);letter-spacing:.13em}.motion-play>i{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;font-style:normal;transition:background .2s,color .2s}.motion-play:hover>i{color:var(--ink);background:var(--accent)}.motion-meta{align-self:center;justify-self:end;width:min(100%,260px)}.motion-meta dl{margin:0;border-top:1px solid var(--line)}.motion-meta dl>div{padding:17px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.motion-meta dt{color:var(--muted);font:8px/1 var(--mono);letter-spacing:.12em}.motion-meta dd{margin:0;font:9px/1 var(--mono);text-align:right}.motion-timeline{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;color:var(--muted);font:8px/1 var(--mono);letter-spacing:.11em}.motion-timeline>i{height:1px;overflow:hidden;background:var(--line)}.motion-timeline>i>b{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;transition:transform .12s linear}.studies-section{overflow:hidden;background:#ecebe5;color:#111318}.studies-section .section-index{color:#5366bc}.studies-section .section-head h2 em{-webkit-text-stroke-color:rgba(17,19,24,.4)}.studies-section .section-head>p{color:rgba(17,19,24,.58)}.section-head.compact{margin-bottom:clamp(70px,9vw,135px)}.study-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2.2vw,36px);align-items:start}.study-card{color:#111318;transition-delay:calc(var(--delay, 0) * 80ms)}.study-card>div{overflow:hidden;background:#d8d8d2}.study-card img{height:100%;object-fit:cover;filter:saturate(.78);transform:scale(1.035);transition:transform .9s var(--ease),filter .5s}.study-card:hover img{transform:scale(1);filter:none}.study-card>p{margin:13px 0 0;display:flex;justify-content:space-between;gap:16px;font:9px/1.4 var(--mono);letter-spacing:.08em}.study-card>p b{font-weight:500}.study-card>p span{color:rgba(17,19,24,.48);text-align:right}.study-1{grid-column:1/7;--delay:0}.study-1>div{aspect-ratio:16/9}.study-2{grid-column:8/13;margin-top:8vw;--delay:1}.study-2>div{aspect-ratio:2.35/1}.study-3{grid-column:1/5;margin-top:5vw;--delay:2}.study-3>div{aspect-ratio:4/3}.study-4{grid-column:6/13;margin-top:-1vw;--delay:3}.study-4>div{aspect-ratio:16/9}.about-section{position:relative;min-height:95svh;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 84% 20%,rgba(169,186,255,.09),transparent 27%),#080a0c}.about-mark{position:absolute;top:clamp(72px,10vw,145px);right:var(--pad);width:clamp(120px,14vw,245px);opacity:.045;pointer-events:none}.about-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.52fr);gap:clamp(55px,8vw,145px);align-items:end}.about-index{grid-column:1/-1;margin:0 0 -3vw;color:var(--accent);font:10px/1 var(--mono);letter-spacing:.16em}.about-grid h2{margin:0;font-size:clamp(62px,9vw,166px);line-height:.76;letter-spacing:-.08em}.about-grid h2 em{display:block;color:transparent;-webkit-text-stroke:1px rgba(238,238,232,.54);font-family:var(--serif);font-weight:400}.about-copy>p{margin:0;color:rgba(238,238,232,.62);font-size:clamp(14px,1.2vw,18px);line-height:1.9}.about-copy strong{color:var(--paper);font-weight:520}.about-copy dl{margin:45px 0;border-top:1px solid var(--line)}.about-copy dl>div{padding:18px 0;display:grid;grid-template-columns:82px 1fr;gap:20px;border-bottom:1px solid var(--line)}.about-copy dt{color:var(--muted);font:8px/1.4 var(--mono);letter-spacing:.11em}.about-copy dd{margin:0;font:10px/1.4 var(--mono)}.about-copy dd i{display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:#81d6a0;box-shadow:0 0 14px rgba(129,214,160,.7)}.contact-link{padding-bottom:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-strong);font:11px/1 var(--mono);letter-spacing:.1em;transition:color .2s,border-color .2s}.contact-link:hover{color:var(--accent);border-color:var(--accent)}.contact-link span{font-size:18px}footer{padding:0 var(--pad) 34px;background:#080a0c}footer>div{padding-top:22px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;border-top:1px solid var(--line);color:var(--muted);font:8px/1.4 var(--mono);letter-spacing:.11em}.footer-brand{display:inline-flex;align-items:center;gap:12px}.footer-brand img{width:27px;height:21px;object-fit:contain;opacity:.7}.footer-brand b{font:inherit;font-weight:400}footer button{color:rgba(238,238,232,.72);font:inherit}footer span:last-child{text-align:right}.project-modal,.tools-drawer{position:fixed;z-index:1300;inset:0;visibility:hidden;pointer-events:none}.project-modal.is-open,.tools-drawer.is-open{visibility:visible;pointer-events:auto}.project-modal,.tools-drawer{transition:visibility 0s linear .42s}.project-modal.is-open,.tools-drawer.is-open{transition-delay:0s}.drawer-backdrop,.modal-backdrop{position:absolute;inset:0;width:100%;height:100%;background:rgba(3,4,6,.83);opacity:0;backdrop-filter:blur(12px);transition:opacity .45s var(--ease)}.is-open>.drawer-backdrop,.is-open>.modal-backdrop{opacity:1}.project-modal>.modal-backdrop,.tools-drawer>.drawer-backdrop{background:rgba(3,4,6,.48);backdrop-filter:blur(4px) saturate(.82)}.modal-panel{position:absolute;right:0;top:0;width:min(92vw,1320px);height:100%;overflow-y:auto;color:#e7e5df;background-color:#0d100f;background-image:radial-gradient(circle at 12% 18%,rgba(230,238,234,.021) 0 .45px,transparent .78px),radial-gradient(circle at 68% 42%,rgba(151,164,160,.017) 0 .4px,transparent .72px),radial-gradient(ellipse 88% 48% at 14% 1%,rgba(42,76,73,.27),transparent 68%),radial-gradient(ellipse 70% 42% at 58% 10%,rgba(59,70,94,.14),transparent 72%);background-size:9px 11px,13px 15px,100% 100%,100% 100%;box-shadow:-30px 0 80px rgba(0,0,0,.38);opacity:0;transition:opacity .42s var(--ease)}.project-modal.is-open .modal-panel{opacity:1}.overlay-close{position:sticky;z-index:5;top:23px;float:right;width:48px;height:48px;margin:23px 23px -71px 0;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:rgba(8,10,12,.52);font-size:25px;line-height:1;backdrop-filter:blur(10px);transition:transform .25s,background .2s}.overlay-close:hover{transform:rotate(90deg);background:rgba(255,255,255,.1)}.project-modal .overlay-close{color:#e7e5df;border-color:#343a37;background:rgba(231,229,223,.045)}.project-modal .overlay-close:hover{background:rgba(231,229,223,.09)}.modal-heading{position:relative;padding:clamp(85px,10vw,150px) var(--pad) clamp(50px,6vw,90px);overflow:hidden;isolation:isolate}.modal-heading:before{content:"";position:absolute;z-index:-1;left:-12%;top:-34%;width:92%;height:142%;pointer-events:none;background:radial-gradient(ellipse at 38% 48%,rgba(71,91,97,.18),transparent 68%);filter:blur(28px)}.modal-heading>span{color:#6c70e8;font:9px/1 var(--mono);letter-spacing:.15em}.modal-heading>p:first-of-type{margin:32px 0 8px;color:#858c88;font-size:12px}.modal-heading h2{margin:0;max-width:1000px;color:#e7e5df;font-size:clamp(68px,9vw,160px);line-height:.8;letter-spacing:-.08em;text-transform:uppercase}.modal-heading>p:last-child{max-width:660px;margin:34px 0 0;color:#aaafaa;font-size:15px;line-height:1.8}.modal-hero{margin:0 var(--pad);aspect-ratio:16/9;overflow:hidden;background:#121615;box-shadow:0 0 0 1px #292e2c,0 30px 80px rgba(0,0,0,.16)}.modal-hero img{height:100%;object-fit:cover}.modal-intent{margin-top:clamp(70px,8vw,125px);padding:clamp(54px,6vw,92px) var(--pad);display:grid;grid-template-columns:minmax(130px,.3fr) minmax(0,1fr) minmax(210px,.4fr);gap:clamp(28px,5vw,80px);align-items:start;border-top:1px solid #343a37;border-bottom:1px solid #292e2c;background:linear-gradient(180deg,rgba(20,25,24,.8),rgba(16,20,19,.46))}.modal-intent>span{color:#6c70e8;font:9px/1 var(--mono);letter-spacing:.15em}.modal-intent>p{margin:0;color:#c1c5c0;font-size:clamp(16px,1.5vw,23px);line-height:1.75}.modal-intent dl{margin:0;border-top:1px solid #343a37}.modal-intent dl>div{padding:15px 0;border-bottom:1px solid #343a37}.modal-intent dt{margin-bottom:8px;color:#747a77;font:8px/1 var(--mono);letter-spacing:.12em}.modal-intent dd{margin:0;color:#d7d7d2;font:9px/1.4 var(--mono)}.modal-gallery{padding:0 var(--pad) var(--pad);display:grid;gap:clamp(18px,2vw,32px)}.modal-gallery img{aspect-ratio:16/9;object-fit:cover}.tools-drawer aside{position:absolute;right:0;top:0;width:min(94vw,920px);height:100%;overflow-y:auto;padding:clamp(75px,8vw,120px) clamp(28px,6vw,78px);color:#e7e5df;background-color:#0d100f;background-image:radial-gradient(circle at 12% 18%,rgba(230,238,234,.021) 0 .45px,transparent .78px),radial-gradient(circle at 68% 42%,rgba(151,164,160,.017) 0 .4px,transparent .72px),radial-gradient(ellipse 86% 52% at 12% 3%,rgba(42,76,73,.27),transparent 67%),radial-gradient(ellipse 72% 46% at 58% 13%,rgba(59,70,94,.14),transparent 70%);background-size:9px 11px,13px 15px,100% 100%,100% 100%;box-shadow:-30px 0 80px rgba(0,0,0,.38);opacity:0;transition:opacity .42s var(--ease)}.tools-drawer.is-open aside{opacity:1}.tools-drawer .overlay-close{position:absolute;top:23px;right:23px;margin:0;color:#e7e5df;border-color:#292e2c;background:rgba(231,229,223,.045)}.tools-drawer .overlay-close:hover{background:rgba(231,229,223,.09)}.tools-drawer header{position:relative;isolation:isolate}.tools-drawer header:before{content:"";position:absolute;z-index:-1;left:-18%;top:-44%;width:100%;height:138%;pointer-events:none;background:radial-gradient(ellipse at 38% 48%,rgba(71,91,97,.17),transparent 68%);filter:blur(26px)}.tools-drawer header>span{color:#6c70e8;font:9px/1 var(--mono);letter-spacing:.15em}.tools-drawer header h2{margin:27px 0 28px;color:#e7e5df;font-size:clamp(66px,8vw,128px);line-height:.76;letter-spacing:-.08em}.tools-drawer header p{max-width:600px;margin:0;color:#aaafaa;font-size:14px;line-height:1.8}.tool-list{margin:clamp(55px,7vw,100px) clamp(-16px,-1.4vw,-10px) 0;padding:0 clamp(10px,1.4vw,16px);border-top:1px solid #343a37;background:linear-gradient(180deg,#141918,#121615 72%,#101312);box-shadow:0 30px 80px rgba(0,0,0,.17),inset 0 1px rgba(231,229,223,.025)}.tool-row{--tool-x:50%;--tool-y:50%;position:relative;min-height:110px;display:grid;grid-template-columns:42px minmax(180px,.7fr) minmax(130px,1fr) 142px 26px;grid-template-areas:"index name description meta action";gap:22px;align-items:center;overflow:clip;isolation:isolate;color:inherit;border-bottom:1px solid #343a37;text-decoration:none;transition:background-color .34s var(--ease)}.tool-row>*{position:relative;z-index:2}.tool-row>span{grid-area:index;display:inline-flex;align-items:center;color:#6c70e8;font:9px/1 var(--mono)}.tool-download:before{content:"";position:absolute;z-index:0;inset:-60px;opacity:0;pointer-events:none;background:radial-gradient(250px circle at var(--tool-x) var(--tool-y),rgba(108,112,232,.16),rgba(108,112,232,.045) 38%,transparent 72%);transition:opacity .38s var(--ease)}.tool-download>span:after{content:"";width:0;height:1px;margin-left:8px;opacity:0;background:#6c70e8;transition:width .32s var(--ease),opacity .24s var(--ease)}.tool-download:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:#6c70e8;transform:scaleX(0);transform-origin:left center;transition:transform .46s var(--ease)}.tool-download:is(:hover,:focus-visible,:active){outline:none;background-color:#1a201e}.tool-download:is(:hover,:focus-visible,:active):before{opacity:1}.tool-download h3{transition:color .32s var(--ease),transform .36s var(--ease)}.tool-download p{transition:color .34s var(--ease),opacity .34s var(--ease),transform .38s var(--ease)}.tool-download b{transition:color .34s var(--ease)}.tool-download>i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;isolation:isolate;transition:color .32s var(--ease),transform .38s var(--ease)}.tool-download>i:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:0;height:0;border-radius:50%;background:#6c70e8;transform:translate(-50%,-50%);transition:width .36s var(--ease),height .36s var(--ease)}.tool-download:is(:hover,:focus-visible,:active) h3{color:#6c70e8;transform:translateX(6px)}.tool-download:is(:hover,:focus-visible,:active)>span:after{width:18px;opacity:1;transition-delay:.04s}.tool-download:is(:hover,:focus-visible,:active) p{color:#c1c5c0;opacity:1;transform:translateX(3px);transition-delay:.08s}.tool-download:is(:hover,:focus-visible,:active):after{transform:scaleX(1);transition-delay:.12s}.tool-download:is(:hover,:focus-visible,:active)>i{color:#fff;transform:translateY(2px);transition-delay:.16s}.tool-download:is(:hover,:focus-visible,:active)>i:before{width:26px;height:26px;transition-delay:.16s}.tool-slot{color:#858a87}.tool-slot>span{color:#555d97}.tool-list .tool-slot h3{color:#898e8a;font-family:var(--mono);font-size:14px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.tool-list .tool-slot p{color:#747a77}.tool-list .tool-slot b,.tool-list .tool-slot i{color:#626865}.tool-list h3{grid-area:name;min-width:0;margin:0;color:#d7d7d2;font-size:22px;letter-spacing:-.04em}.tool-list p{grid-area:description;min-width:0;margin:0;color:#aaafaa;font-size:12px;line-height:1.6}.tool-list b{grid-area:meta;min-width:0;color:#747a77;font:8px/1 var(--mono);letter-spacing:.1em;white-space:nowrap}.tool-list i{grid-area:action;justify-self:end;font-style:normal;font-size:16px}@media (pointer:fine){html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}body,body *,body :after,body :before,html{cursor:none!important}[contenteditable]:not([contenteditable=false]),input,textarea{cursor:text!important}}@media (pointer:coarse){.cursor-crosshair{display:none}}@media (max-width:1100px){.hero-content{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:24px}.hero-stage{min-height:34vh}.hero-intro{width:min(500px,58%)}.work-item,.work-item:nth-child(2n){min-height:auto;grid-template-columns:1fr;gap:38px}.work-item:nth-child(2n) .work-copy,.work-item:nth-child(2n) .work-visual{order:0}.work-copy{max-width:720px}.motion-ui{grid-template-columns:.38fr 1fr}.motion-meta{display:none}.about-grid{grid-template-columns:1fr}.about-copy{max-width:720px}}@media (max-width:760px){:root{--pad:22px;--header-h:68px}.site-frame{inset:6px;border-radius:10px}.scroll-track{right:6px;top:6px;bottom:6px}.cursor-crosshair,.grain{display:none}.site-header{grid-template-columns:1fr auto}.brand{height:46px;gap:7px}.brand img{width:43px;height:33px}.brand-year{margin-top:8px;font-size:7px}.site-header .role{display:none}.site-header nav{gap:15px}.site-header nav .nav-about{display:none}.site-header nav a,.site-header nav button{font-size:8px}.hero-orbit,.scroll-cue{display:none}.hero-content{min-height:100svh;padding:calc(var(--header-h) + 28px) var(--pad) 22px;grid-template-rows:1fr auto}.hero-stage{min-height:37vh}.eyebrow{font-size:8px}.hero-intro{bottom:18px;width:min(100%,390px);padding-top:14px}.hero-intro-cn{font-size:11px}.hero-intro-en{font-size:9px}.project-shelf{grid-template-columns:minmax(0,1fr) auto;gap:14px}.shelf-label{display:none}.project-thumbs{min-width:0}.project-thumb{flex-basis:124px}.project-thumb.is-active,.project-thumb:hover{flex-basis:178px}.project-thumb small i{display:none}.hero-actions{gap:8px}.hero-actions button{width:38px;height:38px}.section{padding:110px var(--pad)}.section-head{margin-bottom:80px;grid-template-columns:1fr;gap:28px}.section-head h2{font-size:15vw}.section-head>p{grid-column:1;margin:0}.work-list{gap:130px}.work-visual.cinema{aspect-ratio:16/9}.ghost-number{top:-75px;font-size:160px}.work-copy h3{font-size:13vw}.motion-section{min-height:720px}.motion-ui{padding:calc(var(--header-h) + 24px) var(--pad) 22px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:26px}.motion-index{order:2;grid-template-columns:repeat(5,minmax(112px,1fr));overflow-x:auto;border:0;scrollbar-width:none}.motion-index button{min-height:62px;padding:0 10px;border:1px solid var(--line)}.motion-index button i{display:none}.motion-index button.is-active,.motion-index button:hover{padding-left:10px;border-color:var(--accent)}.motion-center{order:1;align-self:center}.motion-center h2{font-size:17vw}.motion-center>p{font-size:12px}.motion-timeline{order:3;grid-column:1}.motion-timeline>span:last-child{display:none}.study-grid{grid-template-columns:1fr;gap:55px}.study-1,.study-2,.study-3,.study-4{grid-column:1;margin-top:0}.study-card>div{aspect-ratio:16/9}.about-index{margin:0}.about-mark{top:75px;right:-12px;width:120px;opacity:.035}.about-grid h2{font-size:18vw}footer>div{grid-template-columns:1fr}footer span:last-child{display:none}footer button{text-align:left}.modal-panel{width:100%}.modal-heading h2{font-size:18vw}.modal-hero{aspect-ratio:4/3}.modal-intent{grid-template-columns:1fr}.tool-row{padding:20px 0;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"index name meta" ". description description";gap:12px}.tool-row>i{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-crosshair,.cursor-crosshair.is-interactive,.cursor-crosshair.is-pressed{--cursor-scale:1;width:43.2px;height:43.2px;filter:none;transition:none!important}.cursor-arm,.cursor-crosshair>i{transition:none!important}.cursor-crosshair>i{opacity:1!important;transform:translate(-50%,-50%)}.hero-progress-track>b{animation:none!important;transform:scaleX(1)}.tool-download:is(:hover,:focus-visible,:active) h3,.tool-download:is(:hover,:focus-visible,:active) p,.tool-download:is(:hover,:focus-visible,:active)>i{transform:none}.grain{display:none}}.footer-registration{margin:24px 0 0;text-align:center;color:rgba(238,238,232,.6);font-size:12px;line-height:1.8;letter-spacing:.035em}.footer-registration a{display:inline-block;padding:6px 2px;color:inherit;text-decoration:none}.footer-registration a:hover{color:var(--paper);text-decoration:underline;text-underline-offset:4px}.footer-registration a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}