:root{--black:#080808;--white:#f3f1ea;--acid:#d8ff2f;--red:#ff4a32;--line:rgba(255,255,255,.22);--sans:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;--display:"Archivo Black","Arial Black",Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;color:var(--white);background:var(--black);font-family:var(--sans);font-size:14px;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img,video{display:block;width:100%;height:100%;object-fit:cover}.outline{color:transparent;-webkit-text-stroke:1.4px currentColor}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-loader{position:fixed;inset:0;z-index:999;display:grid;grid-template-columns:1fr auto;align-items:end;padding:2.3vw;color:var(--black);background:var(--acid);transition:clip-path .9s cubic-bezier(.77,0,.18,1),visibility .9s;clip-path:inset(0 0 0 0)}.site-loader.is-done{clip-path:inset(0 0 100% 0);visibility:hidden}.loader-word{font:clamp(54px,12vw,190px)/.72 var(--display);letter-spacing:-.085em}.loader-word span{vertical-align:top;font:10px/1 var(--sans);letter-spacing:0}.loader-count{font:700 clamp(44px,8vw,120px)/.75 var(--sans);letter-spacing:-.08em}.loader-line{position:absolute;right:2.3vw;bottom:1.3vw;left:2.3vw;height:2px;background:rgba(0,0,0,.2)}.loader-line i{display:block;width:0;height:100%;background:#000;transition:width .12s linear}
.cursor{position:fixed;top:0;left:0;z-index:1000;display:grid;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;color:#000;background:var(--acid);border-radius:50%;font:700 10px/1 var(--sans);letter-spacing:.08em;pointer-events:none;opacity:0;transform:scale(.25);transition:opacity .2s,transform .2s;mix-blend-mode:normal}.cursor.is-visible{opacity:1}.cursor.is-active{transform:scale(1)}
.topbar{position:fixed;inset:0 0 auto;z-index:80;display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:42px;padding:18px 24px;color:#fff;border-bottom:1px solid rgba(255,255,255,.26);mix-blend-mode:difference;transition:transform .4s}.topbar.is-hidden{transform:translateY(-110%)}.brand{display:flex;align-items:center;gap:10px;width:max-content}.brand strong{font:36px/.8 var(--display);letter-spacing:-.09em}.brand span{font-size:8px;line-height:1.25;letter-spacing:.08em}.availability{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.12em}.availability i{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 4px rgba(216,255,47,.15);animation:pulse 1.6s infinite}.topbar nav{display:flex;gap:28px;font-size:11px}.topbar nav a,.topbar-cta{position:relative}.topbar nav a:after,.topbar-cta:after{position:absolute;right:0;bottom:-5px;left:0;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:right;transition:transform .25s}.topbar nav a:hover:after,.topbar-cta:hover:after{transform:scaleX(1);transform-origin:left}.topbar-cta{font-size:11px}.menu-button{display:none}.mobile-menu{display:none}
.hero{position:relative;min-height:100svh;overflow:hidden;background:#111}.hero-media{position:absolute;inset:0}.hero-media video{position:absolute;inset:0;z-index:2;display:none}.hero-media.has-video video{display:block}.hero-media.has-video .hero-fallback{display:none}.hero-fallback{position:absolute;inset:0}.hero-fallback img{position:absolute;inset:0;opacity:0;transform:scale(1.08);filter:saturate(.8);transition:opacity 1.2s ease,transform 6s ease}.hero-fallback img.is-active{opacity:1;transform:scale(1)}.hero-shade{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.02) 45%,rgba(0,0,0,.74)),linear-gradient(90deg,rgba(0,0,0,.38),transparent 62%)}.hero-copy{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;padding:120px 2.2vw 72px}.hero-eyebrow{position:absolute;top:23%;left:2.5vw;margin:0;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}.hero-copy h1{display:flex;flex-direction:column;margin:0;font:clamp(82px,18vw,286px)/.73 var(--display);letter-spacing:-.09em}.hero-copy h1 span:last-child{align-self:flex-end;-webkit-text-stroke-color:#fff}.hero-cn{position:absolute;right:3vw;top:21%;margin:0;font-size:clamp(16px,1.65vw,27px);font-weight:500;line-height:1.35;letter-spacing:-.05em}.hero-bottom{position:absolute;right:2.2vw;bottom:20px;left:2.2vw;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.hero-bottom p{display:flex;gap:22px;margin:0;font-size:9px;letter-spacing:.08em}.hero-status{display:flex;align-items:end;gap:4px}.hero-status b{font:36px/.8 var(--display)}.hero-status span{font-size:9px;opacity:.7}.hero-bottom>a{justify-self:end;font-size:9px;letter-spacing:.12em}.hero-bottom>a i{display:inline-grid;place-items:center;width:30px;height:30px;margin-left:9px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-style:normal}
.section-code{display:flex;gap:18px;align-items:center;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.section-code span:first-child{display:grid;place-items:center;width:27px;height:27px;border:1px solid currentColor;border-radius:50%;font-size:7px}.manifesto{position:relative;display:grid;grid-template-columns:1fr 4fr 1.5fr;gap:30px;min-height:100vh;padding:150px 2.2vw 90px;color:#111;background:var(--white)}.manifesto-copy{align-self:center;margin:0;font-size:clamp(42px,6vw,104px);font-weight:700;line-height:1.07;letter-spacing:-.075em}.manifesto-copy span{color:var(--red)}.manifesto-side{align-self:end;padding-bottom:5vw}.manifesto-side p{margin:0 0 42px;font-size:13px;line-height:1.9}.manifesto-side>span{font-size:8px;letter-spacing:.15em}.reveal{opacity:0;transform:translateY(70px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.75,.25,1)}.reveal.is-visible{opacity:1;transform:none}
.selected{background:var(--black)}.chapter-head{display:grid;grid-template-columns:1fr 2.2fr 1.2fr;gap:32px;align-items:end;min-height:74vh;padding:120px 2.2vw 80px}.chapter-head h2,.format-head h2{margin:0;font-size:clamp(52px,7.2vw,122px);font-weight:700;line-height:1.02;letter-spacing:-.08em}.chapter-head>p{max-width:360px;margin:0;font-size:13px;line-height:1.9;color:#aaa}.cinema-project{position:relative;display:block;height:125vh;min-height:850px;overflow:hidden;color:#fff;background:#0d0d0d}.cinema-media{position:sticky;top:0;width:62%;height:100vh;margin-left:auto;overflow:hidden}.cinema-media img,.cinema-media video{transform:scale(1.05);transition:transform 1.2s cubic-bezier(.16,1,.3,1);filter:saturate(.85)}.cinema-project:hover .cinema-media img,.cinema-project:hover .cinema-media video{transform:scale(1)}.cinema-title{position:absolute;top:18vh;left:2.2vw;z-index:2}.cinema-title>span{font-size:8px;letter-spacing:.16em}.cinema-title h3{max-width:72vw;margin:2vw 0 0;font:clamp(84px,14vw,225px)/.78 var(--display);letter-spacing:-.08em;overflow-wrap:anywhere}.cinema-meta{position:absolute;right:2.2vw;bottom:28vh;left:2.2vw;z-index:2;display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(255,255,255,.55);font-size:9px;letter-spacing:.1em}.cinema-project-light{color:#111;background:var(--acid)}.cinema-project-light .cinema-media{width:70%;margin:0}.cinema-title-right{right:2.2vw;left:auto;text-align:right}.cinema-project-light .cinema-meta{border-color:rgba(0,0,0,.45)}
.work-index{position:relative;min-height:100vh;padding:130px 2.2vw 170px;color:#111;background:var(--white)}.index-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:110px}.index-head h2{margin:0;font-size:clamp(66px,10vw,158px);font-weight:900;letter-spacing:-.09em}.index-head>p{justify-self:end;margin:0 0 16px;font-size:10px}.work-rows{position:relative;z-index:3}.work-row{display:grid;grid-template-columns:60px 1.8fr 1fr 50px 26px;align-items:center;min-height:134px;border-top:1px solid #aaa;transition:color .25s,padding .35s}.work-row:last-child{border-bottom:1px solid #aaa}.work-row:hover{padding:0 18px;color:var(--red)}.work-row>span,.work-row>b,.work-row>i{font-size:9px;font-weight:500;font-style:normal}.work-row h3{margin:0;font-size:clamp(30px,4vw,66px);font-weight:500;letter-spacing:-.06em}.work-row p{font-size:10px}.work-preview{position:fixed;top:50%;left:58%;z-index:2;width:min(25vw,380px);aspect-ratio:3/4;overflow:hidden;opacity:0;pointer-events:none;transform:translate(-50%,-45%) scale(.86) rotate(4deg);transition:opacity .25s,transform .35s}.work-index.has-preview .work-preview{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}.work-preview img{transition:opacity .2s}.work-preview video{display:none}
.motion-section{position:relative;min-height:140vh;background:#111}.motion-media{position:sticky;top:0;height:100vh;overflow:hidden}.motion-media video{position:absolute;inset:0;z-index:2;display:none}.motion-media.has-video video{display:block}.motion-media.has-video .motion-fallback{display:none}.motion-fallback{position:absolute;inset:-8%;width:116%;height:116%;animation:motionDrift 11s ease-in-out infinite alternate;filter:saturate(.2) contrast(1.1)}.motion-grid{position:absolute;inset:0;z-index:4;background:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.9));background-size:25vw 25vw,25vw 25vw,100% 100%}.motion-copy{position:absolute;inset:auto 2.2vw 8vh;z-index:5}.motion-copy h2{display:flex;flex-direction:column;margin:30px 0 24px;font:clamp(64px,12vw,190px)/.82 var(--display);letter-spacing:-.08em}.motion-copy h2 span:last-child{align-self:flex-end;-webkit-text-stroke-color:#fff;font-size:.52em}.motion-copy>p{max-width:420px;margin:0;font-size:13px;line-height:1.8}.motion-copy button{position:absolute;right:1vw;bottom:0;display:grid;grid-template-columns:auto auto;gap:3px 12px;align-items:center;padding:18px 24px;color:#000;background:var(--acid);border:0;border-radius:100px;cursor:pointer}.motion-copy button i{grid-row:1/3;font-style:normal}.motion-copy button span{font-weight:700}.motion-copy button small{font-size:7px;opacity:.65}
.format-section{min-height:140vh;padding:130px 2.2vw;color:#111;background:var(--acid)}.format-head{display:grid;grid-template-columns:1fr 3fr;align-items:start;margin-bottom:110px}.format-stage{display:grid;grid-template-columns:1fr 180px;gap:40px;align-items:center}.ratio-frame{position:relative;justify-self:center;width:min(72vw,1050px);max-height:78vh;margin:0;aspect-ratio:var(--ratio);overflow:hidden;background:#bbb;box-shadow:0 30px 80px rgba(0,0,0,.18);transition:width .65s cubic-bezier(.16,1,.3,1),aspect-ratio .65s}.ratio-frame img{object-position:center}.ratio-frame figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;padding:15px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));font-size:8px;letter-spacing:.12em}.ratio-switcher{display:flex;flex-direction:column;border-top:1px solid rgba(0,0,0,.4)}.ratio-switcher button{display:flex;justify-content:space-between;padding:15px 0;color:rgba(0,0,0,.48);background:transparent;border:0;border-bottom:1px solid rgba(0,0,0,.4);cursor:pointer;font:22px/1 var(--display);text-align:left;transition:padding .25s,color .25s}.ratio-switcher button:hover,.ratio-switcher button.is-active{padding-left:16px;color:#000}.ratio-switcher button.is-active:after{content:"●";font:8px/1 var(--sans)}
.about-section{padding:120px 2.2vw 160px;background:#111}.about-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:9vw;margin-top:110px}.about-lead{margin:0;font-size:clamp(44px,6vw,98px);font-weight:500;line-height:1.12;letter-spacing:-.075em}.about-lead span{color:var(--acid)}.about-list{align-self:end}.about-list>div{display:grid;grid-template-columns:44px 1fr auto;align-items:center;padding:22px 0;border-top:1px solid #444}.about-list>div:last-child{border-bottom:1px solid #444}.about-list span,.about-list small{font-size:8px;letter-spacing:.12em}.about-list p{margin:0;font-size:17px}.about-list small{color:#777}
.contact-section{position:relative;min-height:100svh;padding:28px 2.2vw 20px;overflow:hidden}.contact-bg{position:absolute;inset:0}.contact-bg:after{position:absolute;inset:0;background:rgba(0,0,0,.52);content:""}.contact-bg img{filter:saturate(.6)}.contact-section>.section-code,.contact-inner,.contact-section footer{position:relative;z-index:2}.contact-inner{display:flex;flex-direction:column;justify-content:center;min-height:82vh}.contact-inner p{align-self:flex-end;width:29vw;margin:0 2vw 20px;font-size:13px;line-height:1.8}.contact-inner a{display:flex;flex-direction:column;width:100%;font:clamp(100px,19vw,300px)/.73 var(--display);letter-spacing:-.1em}.contact-inner a span:last-child{align-self:flex-end;color:var(--acid)}.contact-section footer{display:grid;grid-template-columns:1fr 1fr auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.45);font-size:8px;letter-spacing:.12em}.contact-section footer b{font-weight:400}
@keyframes pulse{50%{opacity:.4;transform:scale(.7)}}@keyframes motionDrift{0%{transform:scale(1) translate3d(-1%,1%,0)}100%{transform:scale(1.08) translate3d(3%,-2%,0)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-loader{display:none}.hero-fallback img{transition:none}.hero-fallback img:not(.is-active){display:none}.motion-fallback{animation:none}.reveal{opacity:1;transform:none;transition:none}}
@media (max-width:900px){.cursor{display:none}.topbar{grid-template-columns:1fr auto}.availability,.topbar nav,.topbar-cta{display:none}.menu-button{display:flex;flex-direction:column;gap:5px;padding:10px;background:transparent;border:0}.menu-button i{width:25px;height:1px;background:#fff}.mobile-menu{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;justify-content:center;padding:24px;color:#111;background:var(--acid);transform:translateY(-100%);transition:transform .55s cubic-bezier(.77,0,.18,1)}.mobile-menu.is-open{transform:none}.mobile-menu a{padding:15px 0;border-bottom:1px solid rgba(0,0,0,.3);font-size:42px;font-weight:700;letter-spacing:-.05em}.hero-copy{padding:110px 18px 80px}.hero-copy h1{font-size:clamp(72px,22vw,155px)}.hero-cn{top:18%;right:18px;font-size:14px}.hero-eyebrow{top:17%;left:18px}.hero-bottom{right:18px;left:18px}.hero-bottom p{display:none}.hero-bottom{grid-template-columns:1fr 1fr}.hero-status{justify-self:start}.manifesto{grid-template-columns:1fr;min-height:auto;padding:110px 18px}.manifesto-copy{font-size:clamp(38px,10vw,72px)}.manifesto-side{max-width:420px;margin-left:auto}.chapter-head{grid-template-columns:1fr;min-height:auto;padding:110px 18px 70px}.chapter-head h2{font-size:clamp(54px,15vw,96px)}.cinema-project{height:auto;min-height:0;padding-bottom:80px}.cinema-media,.cinema-project-light .cinema-media{position:relative;width:100%;height:70svh;margin:0}.cinema-title,.cinema-title-right{position:relative;top:auto;right:auto;left:auto;padding:30px 18px;text-align:left}.cinema-title h3{font-size:20vw}.cinema-meta{position:static;margin:0 18px}.index-head{grid-template-columns:1fr;margin-bottom:60px}.index-head h2{margin-top:40px}.index-head>p{justify-self:start}.work-index{padding:100px 18px}.work-preview{display:none}.work-row{grid-template-columns:38px 1fr 36px 20px;min-height:100px}.work-row p{display:none}.work-row h3{font-size:28px}.motion-copy{right:18px;left:18px}.motion-copy h2{font-size:18vw}.motion-copy button{position:relative;right:auto;bottom:auto;width:max-content;margin-top:30px}.format-section{min-height:auto;padding:100px 18px}.format-head{grid-template-columns:1fr}.format-head h2{margin-top:40px;font-size:14vw}.format-stage{grid-template-columns:1fr}.ratio-frame{width:100%;max-height:70vh}.ratio-switcher{display:grid;grid-template-columns:repeat(3,1fr)}.ratio-switcher button{font-size:18px}.about-section{padding:100px 18px}.about-grid{grid-template-columns:1fr}.about-lead{font-size:11vw}.contact-section{padding:24px 18px}.contact-inner p{align-self:flex-start;width:auto}.contact-inner a{font-size:22vw}.contact-section footer{grid-template-columns:1fr auto}.contact-section footer span:nth-child(2){display:none}}
@media (max-width:520px){.loader-word{font-size:18vw}.loader-count{font-size:15vw}.hero-copy h1{font-size:24vw}.hero-bottom>a{font-size:8px}.manifesto-side{margin:0}.cinema-media{height:62svh}.work-row{min-height:84px}.format-stage{gap:22px}.ratio-switcher button{padding:12px 4px;font-size:16px}.about-list>div{grid-template-columns:32px 1fr}.about-list small{display:none}.contact-inner{min-height:84vh}}