/* Fourth-stage changes are scoped to the retained third-step project. */
:root{--blue:#97c8ff;--display:"DengXian","Microsoft YaHei UI",sans-serif}
.site-head{top:18px;left:28px;right:25px;align-items:flex-start}.wordmark{margin-top:6px}
.index-trigger,.music-toggle{width:70px;height:60px;min-height:56px;padding:0;gap:0;filter:drop-shadow(0 0 6px #8075d333);transition:filter .3s,transform .3s}
.index-trigger picture,.index-trigger .nav-motion,.music-toggle img{width:55px;height:43px;object-fit:contain}.index-trigger .nav-label,.music-toggle span{font:7px var(--mono);letter-spacing:.1em;margin-top:0}.music-toggle{margin-left:5px}.index-trigger:hover,.music-toggle:hover{transform:scale(1.065);filter:drop-shadow(0 0 9px #aaabf777)}
.index-panel{top:91px;width:340px;padding:22px;right:28px;max-width:calc(100vw - 36px)}.index-links a{padding:10px 0;font-size:11px;line-height:1.75}.index-links a span{max-width:255px}.index-links a small{font-size:8px}
.home{height:720svh}.ip-video,.ip-video-wrap{filter:none}.ip-video{opacity:1;image-rendering:auto}.home-copy{opacity:var(--type-opacity,0)!important;transform:none;clip-path:none;width:35%;left:5%;top:18%;transition:opacity .18s;pointer-events:none}
.home-copy .lumen-char{filter:none!important;opacity:1!important}.home-copy h1{font:300 clamp(35px,3.4vw,62px)/1.13 var(--display);letter-spacing:.03em;text-shadow:0 0 26px #668edd33}.home-copy h1>span:not(.lumen-char){font:10px var(--mono);letter-spacing:.28em;color:#9fb3d3;margin-top:12px}.home-copy h2{font:300 clamp(25px,2.55vw,44px)/1.55 var(--display);margin-top:28px;color:#edf4ff;text-shadow:0 0 25px #648ec633}.home-role{font-size:14px;letter-spacing:.09em}.home-artist-en{font:italic 13px Georgia,serif;color:#a3b8d9}.home-description{font-size:12px;line-height:2.1;color:#c2d1e7;max-width:355px}.home-english.secondary{font:10px/1.95 var(--mono);color:#94aacb}.home-english{color:#b7cbe8}
.home-type-particles{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}
.home-quick-links{position:absolute;z-index:10;left:5%;bottom:28px;display:flex;gap:25px;font:9px var(--mono);color:#b0bfd7}.home-quick-links a{padding:12px 0;border-bottom:1px solid #8197bd55}.home-quick-links a:hover{color:white;border-color:white}.scroll-cue{bottom:86px;left:5%}.home-original-sound{bottom:65px;right:5%;font-size:9px;z-index:10}.home-film{bottom:103px;right:5%;font-size:9px}.home-side-note{font-size:8px;right:5%}.home-space[data-phase="tools"] .home-original-sound,.home-space[data-phase="exit"] .home-original-sound{display:none}
.tool.hovered{scale:1.09;filter:drop-shadow(0 0 15px #a6c2ff99)}.tool.dimmed{filter:grayscale(1) opacity(.2)}.tool-label{font-size:9px;background:#060816a0}.tool-detail{bottom:12%;border-top-color:#9dbbe688;background:linear-gradient(90deg,#070919ee,#07091988,transparent);box-shadow:none}.tools-heading{top:12%}
/* The cave film becomes the main surface of the chapter. */
.project-cave{display:flex;flex-direction:column;gap:35px;align-items:stretch;padding:125px 6% 85px;min-height:100svh;background:#0c1214}.cave-copy{display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;align-items:end}.cave-copy>.eyebrow{grid-column:1/-1}.cave-copy h2{font:300 clamp(44px,5.1vw,78px)/1.15 var(--display);margin:0}.cave-copy h2 br{display:none}.cave-copy h2 i{margin-left:.2em}.cave-copy .project-description{font-size:13px;line-height:1.95;margin:0;max-width:680px}.cave-video{width:100%;max-width:1720px;margin:0 auto;aspect-ratio:16/9}.cave-video video{object-fit:contain}.project-cave .section-number{top:65px}
/* Independent product film entry, between selected works and visual design. */
.commercial-section{position:relative;min-height:105svh;padding:120px 6% 70px;background:#e2e1dc;color:#26312e;display:grid;grid-template-columns:.75fr 1.25fr;gap:5% 6%;align-items:center;overflow:hidden}
.commercial-heading .eyebrow{color:#657268;font-size:9px;letter-spacing:.12em}.commercial-heading h2{font:300 clamp(37px,4.5vw,74px)/1.45 var(--display);margin:25px 0;color:#24352f}.commercial-heading h2 em{font-style:normal;color:#7a8c80}.commercial-heading p{font-size:20px;font-weight:300;margin-top:25px}.commercial-heading small{font:8px/1.8 var(--mono);color:#78827a;display:block;margin-top:10px;letter-spacing:.1em}.commercial-visual{position:relative;overflow:hidden;display:block;aspect-ratio:16/10;background:#9eaaa0;box-shadow:0 30px 70px #23312826}.commercial-visual img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.commercial-visual:hover img{transform:scale(1.035)}.commercial-visual span{position:absolute;right:20px;bottom:20px;font:9px var(--mono);background:#e8ebe6e8;color:#253a30;padding:12px 16px}.commercial-tail{grid-column:1/-1;display:flex;justify-content:space-between;gap:30px;align-items:end;border-top:1px solid #31463833;padding-top:22px}.commercial-tail p{font-size:12px;line-height:1.9;color:#5d6f64;max-width:600px}.commercial-tail a{font-size:11px;white-space:nowrap}
.gallery-heading h2{font:300 clamp(44px,4.7vw,72px)/.97 var(--display);letter-spacing:-.025em}.gallery-heading p{max-width:330px;font-size:13px;line-height:1.9}.gallery-heading small{display:block;margin-top:9px;font-size:8px}.gallery-index{gap:1px}.gallery-series{padding:7px 0}.gallery-focus strong{font-weight:300}
.video-world{padding:115px 5% 75px}.video-world-head h2{font-size:clamp(65px,6vw,98px)}.video-filters{display:flex;flex-wrap:wrap;gap:7px 18px;margin:28px 0 10px;position:relative;z-index:4;max-width:1050px}.video-filter{padding:8px 0;border:0;border-bottom:1px solid #8d99b22b;background:none;color:#8a93a5;font-size:11px;transition:color .25s,border-color .25s}.video-filter.active{color:#e3ecff;border-color:#b4c9ff}.video-filter:hover{color:#c8dcff}.video-world-stage{margin-top:15px;grid-template-columns:1.18fr .82fr;gap:7%}.video-cube-wrap{height:680px;top:95px}.video-cube{top:0;bottom:122px}.video-world-list{padding-top:0;max-height:670px}.video-world-row{opacity:.66;transform:none!important;position:relative;padding:15px 0 15px 17px;gap:12px}.video-world-row:before{content:"";width:3px;height:3px;position:absolute;left:1px;top:26px;background:#91baff;opacity:0;box-shadow:0 0 9px #91baff}.video-world-row.is-focused:before{opacity:1}.video-world-row strong{font-size:15px;transform-origin:left center;transition:transform .35s,color .35s}.video-world-row.is-focused strong{transform:scale(1.045);color:#edf4ff}.video-world-row.is-focused{opacity:1}.video-world-row>span{font-size:8px;color:#8b9ab4;max-width:30%;line-height:1.8}.video-focus{max-width:94%;bottom:0;padding-top:16px}.video-focus strong{font-size:23px}.video-focus p{max-height:6em;line-height:1.9;font-size:11px}.case-notes{max-width:900px;width:100%;font-size:12px;border-top:1px solid #c6d3e329;padding:13px 0}.case-notes summary{cursor:pointer;color:#bacbe4;font-size:11px;list-style:none}.case-notes h3{font-size:13px;color:#d2def1;margin:20px 0 8px}.case-notes p{font-size:12px;line-height:1.9;color:#93a5bf}.version-links{display:flex;gap:20px;flex-wrap:wrap;width:100%;max-width:900px}.version-links button{font-size:10px}
/* Native 720p footage is not pushed beyond a restrained 1600px desktop plane. */
.recognition-stage{height:100svh;min-height:760px;background:radial-gradient(ellipse at 50% 45%,#11122a 0%,#060810 75%)}
.recognition-intro,.recognition-loop{inset:auto;left:50%;top:50%;translate:-50% -50%;width:min(100%,1600px);height:auto;aspect-ratio:16/9;object-fit:contain;transform:none;filter:none}.recognition-loop{transition:opacity 1.1s}.interactive .recognition-loop{mask-image:linear-gradient(#000 0%,#000 34%,transparent 48%)}.recognition-heading{top:13%;left:5%;max-width:25%}.recognition-heading h2{font-weight:300;font-size:36px}.recognition-heading h2 span{font-size:8px;letter-spacing:.18em}.recognition-scenery{background:linear-gradient(0deg,#050711 0%,#0a1024 15%,#13152b88 30%,transparent 62%)}.award-track{inset:34% 0 9%}.award-sheet{filter:drop-shadow(0 0 2px #b2c8ff44) drop-shadow(0 22px 30px #02020b70);width:min(38vw,600px)}.award-sheet img{max-height:39svh}.award-caption{bottom:6%;max-width:45%}.award-caption strong{font-size:19px;font-weight:300}.award-caption p{font-size:10px}.award-controls{bottom:6%;gap:12px}.award-controls .icon-button{width:29px;height:29px;font-size:12px;border-color:#7f8eae33;background:none}.award-controls small{display:none}.award-count{font-size:9px}.award-drag-hint{position:absolute;z-index:8;left:50%;bottom:6%;translate:-50% 0;font:15px Georgia,serif;color:#9cafcf77;letter-spacing:.4em;pointer-events:none;animation:drift-hint 3s ease-in-out infinite}@keyframes drift-hint{50%{transform:translateX(8px);opacity:.4}}
.recognition-start,.recognition-skip,.recognition-audio{font-size:10px;background:#0c112266;border-color:#9fb9db44}
.contact{height:100svh;min-height:800px}.ending-video,.ending-loop{object-fit:contain;object-position:center;transform:none;opacity:1;filter:none}.ending-loop{opacity:0}.contact.looping .ending-loop{opacity:1}.ending-shade{background:linear-gradient(90deg,#030611f5 0%,#050916e0 25%,#070d1d94 39%,transparent 60%)}.contact-content{left:5%;top:13%;width:38%;max-width:630px;text-shadow:none;transform:none;transition:opacity .25s}.contact.readable .contact-content{opacity:var(--type-opacity,0)}.contact-content h2{font:300 clamp(23px,2.25vw,36px)/1.6 var(--display);margin:20px 0 25px;letter-spacing:.04em}.contact-content .lumen-char{opacity:1!important;filter:none!important}.ending-biography p{font-size:clamp(11px,.95vw,15px);line-height:2.12;font-weight:300;color:#b9c8e0;text-align:left;margin-bottom:16px}.ending-signature{margin-top:26px;padding-top:19px;border-top:1px solid #b1c6ea29;grid-template-columns:1fr auto;gap:9px 18px}.ending-signature strong{font:300 clamp(26px,2.7vw,44px)/1.1 var(--display);letter-spacing:.025em}.ending-signature>span{letter-spacing:.24em;font-size:7px;color:#96abc9}.ending-signature em{font-size:12px;color:#a2b5d3}.ending-return{position:absolute;left:5%;bottom:8%;z-index:10;font-size:11px;padding:12px 0;gap:20px;border-color:#8fa9d14d}.ending-return span{font:7px var(--mono);letter-spacing:.14em;color:#7f95b7}.contact-real{position:absolute;z-index:10;right:5%;bottom:8%;margin:0}.contact-real a{font-size:10px}.ending-toggle,.ending-start{right:5%;bottom:15%;font-size:10px}.ending-audio{bottom:21%;font-size:10px}.contact footer{font-size:7px;bottom:22px}.ending-status{bottom:4%;font-size:10px}
@media(min-width:1600px){.home-copy{top:21%}.home-description{max-width:410px;font-size:13px}.home-english.secondary{max-width:440px;font-size:10px}.contact-content{top:15%}.ending-biography p{font-size:14px}.video-cube-wrap{height:760px}.video-cube{bottom:130px}.recognition-stage{min-height:850px}}
@media(max-height:800px) and (min-width:901px){.home-copy{top:13%;width:35%}.home-copy h1{font-size:35px}.home-copy h2{font-size:26px;margin-top:18px}.home-role{font-size:12px}.home-description{font-size:11px;margin-top:17px}.home-english.secondary{font-size:9px}.contact{min-height:740px}.contact-content{top:12%;width:40%}.contact-content h2{font-size:24px;margin:14px 0 18px}.ending-biography p{font-size:11px;line-height:1.95;margin-bottom:11px}.ending-signature{margin-top:16px;padding-top:13px}.ending-return{bottom:7%}.video-cube-wrap{height:590px}.video-world-row{padding-top:13px;padding-bottom:13px}.recognition-stage{min-height:740px}}
@media(max-width:1000px){.commercial-section{grid-template-columns:.85fr 1.15fr;padding-top:110px}.commercial-heading h2{font-size:43px}.commercial-heading p{font-size:16px}.video-world-row>span{display:none}.video-world-stage{grid-template-columns:1.15fr 1fr;gap:5%}.video-cube-wrap{height:570px}.contact-content{width:43%}.contact-content h2{font-size:25px}.ending-biography p{font-size:11px}.ending-signature strong{font-size:27px}.ending-signature em{font-size:10px}.recognition-heading{max-width:38%}.recognition-intro,.recognition-loop{width:100%}}
@media(max-width:600px){
 .site-head{left:16px;right:12px;top:12px}.wordmark{font-size:9px;margin-top:7px}.index-trigger,.music-toggle{width:56px;height:52px;min-height:48px}.index-trigger picture,.index-trigger .nav-motion,.music-toggle img{width:41px;height:35px}.music-toggle span,.index-trigger .nav-label{font-size:6px;letter-spacing:0}.music-toggle{margin-left:2px}.index-panel{top:78px;right:16px;width:330px}.index-links a{padding:9px 0;font-size:10px}
 .home{height:640svh}.home-copy{width:88%;left:6%;top:13%;padding-right:31%}.home-copy h1{font-size:30px}.home-copy h1>span:not(.lumen-char){font-size:8px;letter-spacing:.14em}.home-copy h2{font-size:21px;line-height:1.6;margin-top:18px}.home-role{font-size:11px}.home-artist-en{font-size:10px}.home-description{position:static;font-size:10px;line-height:2;width:148%;max-width:310px;margin-top:20px}.home-english{font-size:10px}.home-english.secondary{font-size:8px;width:148%;max-width:310px;display:block}.home-quick-links{left:6%;bottom:20px;gap:15px;font-size:7px}.home-quick-links a{padding:10px 0}.home-side-note{display:none}.scroll-cue{bottom:70px;left:6%;font-size:7px}.home-film{right:6%;bottom:91px;font-size:8px;padding:8px 11px}.home-original-sound{right:6%;bottom:55px;font-size:8px;padding:8px 11px}.tool-detail{bottom:15%;min-height:105px}.tools-heading{top:14%}
 .project-cave{padding:105px 5% 55px;gap:25px;min-height:auto}.cave-copy{display:block}.cave-copy h2{font-size:48px;margin:20px 0}.cave-copy .project-description{font-size:12px;line-height:1.95}.cave-video{width:calc(100% + 10vw);max-width:none;margin-left:-5vw}.cave-video .preview-watch{right:15px;bottom:13px;font-size:10px}
 .commercial-section{display:flex;flex-direction:column;align-items:stretch;padding:95px 6% 55px;gap:32px;min-height:auto}.commercial-heading h2{font-size:45px;line-height:1.35;margin:18px 0}.commercial-heading p{font-size:18px}.commercial-heading small{font-size:7px}.commercial-visual{aspect-ratio:16/10}.commercial-tail{display:block;padding-top:17px}.commercial-tail p{font-size:11px}.commercial-tail a{margin-top:18px;font-size:10px}.commercial-visual span{font-size:8px;right:12px;bottom:12px;padding:8px 11px}
 .gallery-heading{top:12%}.gallery-heading h2{font-size:42px}.gallery-heading p{font-size:10px;max-width:190px}.gallery-heading small{font-size:6px;max-width:190px;line-height:1.8}.gallery-index{bottom:6%;max-width:42%}.gallery-series{font-size:9px;padding:5px 0;min-width:120px}.gallery-focus{bottom:6%}
 .video-world{padding:95px 6% 60px}.video-world-head h2{font-size:62px}.video-filters{gap:6px 15px;margin-top:25px}.video-filter{font-size:9px;padding:6px 0}.video-world-stage{display:block;margin-top:10px}.video-cube-wrap{height:470px;top:auto}.video-cube{bottom:115px}.video-world-list{max-height:520px;margin-top:20px}.video-world-row strong{font-size:14px}.video-world-row{padding:13px 0 13px 16px}.video-focus strong{font-size:20px}.video-focus p{font-size:10px;max-height:7em}
 .recognition-stage{min-height:720px;height:100svh}.recognition-intro,.recognition-loop{width:auto;height:100%;max-width:none;aspect-ratio:16/9;object-fit:contain;opacity:1}.recognition-loop{opacity:0}.interactive .recognition-loop{opacity:1;mask-image:linear-gradient(#000 0%,#000 32%,transparent 46%)}.recognition-heading{left:6%;top:13%;max-width:75%}.recognition-heading h2{font-size:29px}.award-track{inset:36% 0 18%}.award-sheet{width:83vw}.award-sheet img{max-height:34svh}.award-caption{left:6%;bottom:13%;max-width:86%}.award-caption strong{font-size:16px}.award-caption p{font-size:9px}.award-controls{bottom:6%;left:6%;right:auto;gap:13px}.award-drag-hint{bottom:7%;left:75%;font-size:13px}.recognition-skip,.recognition-start{font-size:9px}.recognition-audio{bottom:14%;font-size:9px}
 .contact{height:auto;min-height:1410px;background:#030610}.ending-video,.ending-loop{top:85px;inset-inline:0;bottom:auto;height:450px;object-fit:contain;opacity:1;object-position:center}.ending-loop{opacity:0}.contact.looping .ending-loop{opacity:1}.ending-shade{background:linear-gradient(0deg,#030610 0%,#030610 52%,transparent 79%)}.contact-content{position:relative;top:auto;left:auto;width:86%;margin:0 7%;padding-top:460px;max-width:none}.contact-content h2{font-size:26px;line-height:1.6;max-width:none;margin:18px 0 24px}.ending-biography p{font-size:12px;line-height:2.05;margin-bottom:18px}.ending-signature{display:grid;grid-template-columns:1fr auto;margin-top:25px;padding-top:20px}.ending-signature strong{font-size:28px}.ending-signature>span{font-size:6px}.ending-signature em{font-size:10px}.ending-return{left:7%;bottom:82px;gap:13px;font-size:10px}.ending-return span{font-size:6px}.contact-real{right:7%;bottom:82px}.contact-real a{font-size:9px}.ending-start,.ending-toggle{right:7%;top:355px;bottom:auto;font-size:9px}.ending-audio{left:7%;right:auto;top:355px;bottom:auto;font-size:9px}.contact footer{left:7%;right:7%;bottom:26px;font-size:6px}.ending-status{left:7%;bottom:45px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.award-drag-hint{animation:none}.home-copy .lumen-char,.contact-content .lumen-char{opacity:1!important;filter:none!important}}

.contact-real{display:grid;gap:10px;font-size:14px}.contact-real a{color:inherit;text-decoration:none}@media(max-width:600px){.contact-real{left:7%;right:7%;bottom:135px}.ending-return{bottom:75px}}
.ending-start{top:125px;bottom:auto;right:5%;z-index:12}.contact-real{z-index:8}@media(max-width:600px){.ending-start{top:145px;right:7%}}