:root{--bg:#0a090d;--panel:#121017;--ink:#f5f1fa;--muted:#9c96a8;--line:#ffffff16;--purple:#b69aff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}button,a,summary{ -webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:5px}img{display:block;max-width:100%}::selection{background:#7753b7;color:white}.skip{position:fixed;top:-100px;z-index:50;background:white;color:black;padding:10px}.skip:focus{top:10px}header{height:91px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:17px;letter-spacing:1px;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:2.5px;font-weight:400;color:#a8a2b3;margin-top:1px}nav{display:flex;gap:32px;font-size:13px;color:#bbb4c6}nav a:hover{color:white}.nav-cta{border:1px solid #ffffff30;border-radius:5px;padding:8px 16px;font-size:12px;display:flex;gap:22px}.nav-cta:hover{background:#ffffff0c}.menu{display:none;border:0;background:none;font-size:22px}.hero{min-height:810px;height:calc(100svh - 18px);max-height:1100px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;background:url('assets/hero.png') center right /cover no-repeat;opacity:.93}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a090de8 0%,#0a090db0 25%,#0a090d15 63%),linear-gradient(0deg,#0a090d 0%,transparent 25%,#0a090d55 100%)}.hero-content{position:relative;z-index:1;padding:clamp(180px,22vh,270px) 5.5% 100px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--purple);font-weight:500}.dot{display:inline-block;width:5px;height:5px;background:var(--purple);border-radius:50%;margin:0 8px 2px 0;box-shadow:0 0 12px var(--purple)}h1{font-size:clamp(60px,6.4vw,100px);font-weight:500;line-height:1.24;letter-spacing:-3px;margin:28px 0 24px}.serif{font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:400;color:#d1b6ff}.hero p{color:#b6afc3;font-size:15px;line-height:2}.hero-actions{display:flex;align-items:center;gap:29px;margin:32px 0 0}.button{border:0;display:inline-flex;gap:26px;justify-content:center;align-items:center;padding:13px 22px;border-radius:5px;font-size:13px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:#e6d6ff;color:#23172f}.primary:hover{background:white}.film-link{font-size:13px;display:flex;align-items:center;gap:10px}.play{border:1px solid #ffffff36;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.hero-note{display:flex;align-items:center;gap:15px;color:#8c839b;font-size:8px;letter-spacing:2px;margin-top:47px}.hero-note i{height:3px;width:3px;border-radius:50%;background:#756982}.hero-bottom{position:absolute;bottom:29px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;color:#8d869b;font-size:10px;letter-spacing:.5px;z-index:2}.hero-bottom a{color:#d2c6e2}.section{padding:112px 5.5%}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:49px;gap:35px}h2{font-size:clamp(31px,3.2vw,48px);font-weight:450;letter-spacing:-1.4px;line-height:1.45;margin:18px 0 0}.section-top>p{color:var(--muted);font-size:13px;line-height:1.95;margin-bottom:5px}.muted{color:#8a8298}.directions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.direction{padding:34px 37px 0;position:relative;overflow:hidden;background:#111014;border:1px solid var(--line);border-radius:8px}.number{font-size:10px;letter-spacing:2px;color:#9d8db6}h3{font-size:28px;font-weight:450;margin:14px 0}.direction>p{color:var(--muted);font-size:13px;max-width:380px}.tags{display:flex;gap:8px;margin:22px 0}.tags span{border:1px solid #ffffff17;padding:3px 10px;border-radius:3px;font-size:10px;color:#a9a0b7}.text-link{font-size:11px;letter-spacing:.8px}.direction>img,.video-crop{height:265px;object-fit:cover;margin:22px -37px 0;width:calc(100% + 74px);max-width:none}.video-crop{overflow:hidden}.video-crop img{width:100%;height:100%;object-fit:cover;animation:pan 18s ease-in-out infinite alternate}.motion-label{position:absolute;bottom:20px;left:25px;font-size:8px;letter-spacing:2px;color:#c9b6de}.showcase{padding-top:35px}.filter{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:30px}.filter button{background:transparent;border:0;border-bottom:1px solid transparent;padding:0 0 13px;color:#98909f;font-size:12px}.filter button.active{border-color:var(--purple);color:var(--ink)}.filter button span{font-size:8px;color:var(--purple);margin-left:6px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work{position:relative;height:340px;border:1px solid var(--line);padding:0;text-align:left;overflow:hidden;border-radius:6px;background:#141019}.work-wide{grid-column:span 2}.work img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.work:hover img{transform:scale(1.045)}.work:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09080bd9,transparent 55%);pointer-events:none}.work-caption{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:24px;left:25px;right:25px;z-index:1}.work-caption strong{display:block;font-size:19px;font-weight:450;letter-spacing:1px}.work-caption small{display:block;color:#b3a7bf;font-size:10px;margin-top:4px}.work-caption b{font-weight:400;border:1px solid #ffffff28;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.work-type{position:absolute;top:20px;left:23px;z-index:1;font-size:8px;letter-spacing:2px;color:#ddd0ed}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #ffffff60;border-radius:50%;width:47px;height:47px;display:grid;place-items:center;font-size:20px;z-index:1;backdrop-filter:blur(8px)}.work[hidden]{display:none}.work.motion img{animation:pan 18s ease-in-out infinite alternate}.studio{background:#100d16;border-block:1px solid var(--line)}.studio-frame{display:grid;grid-template-columns:41% 59%;border:1px solid #ffffff20;border-radius:9px;overflow:hidden;background:#151119}.studio-controls{padding:30px;border-right:1px solid var(--line)}.mode-tabs{display:flex;gap:8px;margin-bottom:32px}.mode-tabs button{flex:1;font-size:11px;padding:9px 0;background:none;border:1px solid #ffffff18;border-radius:4px;color:#9e93ab}.mode-tabs button.active{background:#b799fc16;color:#e0cbff;border-color:#b799fc65}label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c7bbd4}label span{font-size:8px;color:#796c88;letter-spacing:1.5px}textarea{resize:vertical;min-height:135px;max-height:280px;width:100%;margin:13px 0;background:#0c0910;border:1px solid #ffffff17;border-radius:4px;padding:15px;color:#c1b7cf;font-size:12px;line-height:1.95}textarea:focus{outline:1px solid #b69aff80}.label-row{display:flex;justify-content:space-between;font-size:11px;color:#b5a7c7}.label-row small{font-size:9px;color:#72647f}.preset-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 24px}.preset-list button{background:none;border:1px solid #ffffff15;color:#a79bb6;font-size:10px;border-radius:4px;padding:8px 5px}.preset-list button.active{border-color:#aa85ef;color:#e3cfff;background:#b99afd0b}.studio-controls>.button{width:100%;justify-content:space-between;padding-inline:17px}.demo-note{font-size:10px;color:#897b98;line-height:1.8;margin-top:14px}.studio-output{position:relative;min-height:485px;overflow:hidden;background:#09070e}.studio-output>img{width:100%;height:100%;position:absolute;object-fit:cover}.studio-output:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#09050ed9,transparent 50%)}.output-top{position:absolute;top:25px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;z-index:1;font-size:8px;letter-spacing:2px}.output-pill{border:1px solid #ffffff35;padding:3px 9px;border-radius:20px;letter-spacing:0;font-size:9px;backdrop-filter:blur(8px)}.output-bottom{position:absolute;z-index:1;bottom:25px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:end}.output-bottom h3{margin:8px 0 0;font-size:24px}.output-bottom button{background:#ffffff09;border:1px solid #ffffff25;border-radius:4px;padding:8px 11px;font-size:10px}.output-bottom .eyebrow{font-size:8px}.render-status{position:absolute;inset:0;z-index:3;background:#100b19de;display:grid;place-items:center;backdrop-filter:blur(8px);font-size:14px}.render-status[hidden]{display:none}.studio-footnote{text-align:center;color:#82728f;font-size:11px;margin:23px 0 0}.studio-output.is-motion>img{animation:pan 18s ease-in-out infinite alternate}.process{border-bottom:1px solid var(--line)}.process h2{font-size:35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:57px;gap:40px}.steps article{border-top:1px solid #ffffff20;padding-top:22px}.steps span{font-size:11px;color:var(--purple);letter-spacing:2px}.steps h3{font-size:21px;margin:18px 0 10px}.steps p{color:var(--muted);font-size:12px}.about{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}.manifesto h2{font-size:42px}.manifesto p{font-size:12px;color:var(--muted);line-height:2.1;margin:23px 0 30px}.faq>.eyebrow{display:block;margin-bottom:23px;font-size:9px}details{border-top:1px solid var(--line);padding:19px 0}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;list-style:none;justify-content:space-between;cursor:pointer;font-size:13px}summary::-webkit-details-marker{display:none}summary span{font-size:20px;color:#b393df;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:12px;margin:16px 20px 0 0}footer{padding:45px 5.5% 25px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.footer-top p{color:#9a8faa;font-size:12px}.footer-top>a:last-child{font-size:10px;color:#c7b9d6}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:#73687f;font-size:9px}dialog{padding:0;max-width:900px;width:90vw;background:#151019;color:var(--ink);border:1px solid #ffffff25;border-radius:9px;overflow:hidden}dialog::backdrop{background:#050308d9;backdrop-filter:blur(8px)}#dialog-art{height:400px;overflow:hidden}#dialog-image{width:100%;height:100%;object-fit:cover}#dialog-art.motion img{animation:pan 14s ease-in-out infinite alternate}.close-dialog{position:absolute;right:17px;top:17px;z-index:3;border:1px solid #ffffff40;background:#09050b80;border-radius:50%;width:35px;height:35px;font-size:24px;line-height:1}.dialog-content{padding:27px 35px}.dialog-content h2{font-size:28px;margin:8px 0}.dialog-content>p:not(.demo-note){font-size:13px;color:#b2a4c2}.dialog-content .button{margin-top:8px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;background:#ebddff;color:#251735;padding:11px 24px;border-radius:5px;font-size:12px;z-index:40;transition:.3s}.toast.show{transform:translateX(-50%);opacity:1}@keyframes pan{0%{transform:scale(1.04) translateX(-1%)}100%{transform:scale(1.15) translateX(1%)}}@media(min-width:1600px){.section,footer{padding-left:max(5.5%,calc((100vw - 1450px)/2));padding-right:max(5.5%,calc((100vw - 1450px)/2))}}@media(max-width:1000px){nav{gap:18px}.hero-content{padding-top:190px}.hero-art{background-position:60% center}.hero-art:after{background:linear-gradient(90deg,#0a090de8,#0a090d40 100%),linear-gradient(0deg,#0a090d,transparent 50%)}.section{padding:80px 5.5%}.showcase{padding-top:25px}.studio-controls{padding:22px}.about{gap:45px}.work{height:290px}.art-credit{display:none}.direction{padding:26px 24px 0}.direction>img,.video-crop{margin-inline:-24px;width:calc(100% + 48px)}.manifesto h2{font-size:36px}}@media(max-width:700px){header{height:76px}.brand{font-size:14px;gap:8px}.brand small{font-size:7px;letter-spacing:1.4px}.brand img{width:25px}.nav-cta{display:none}.menu{display:block}nav{display:none;position:absolute;left:0;top:76px;width:100%;padding:25px 6%;background:#100c17f5;border-bottom:1px solid var(--line);gap:20px;flex-direction:column}nav.open{display:flex}.hero{min-height:730px;height:90svh;max-height:900px}.hero-content{padding-top:173px}.hero-art{background-position:63% center;opacity:.7}.hero-art:after{background:linear-gradient(90deg,#0a090dc9,#0a090d30),linear-gradient(0deg,#0a090d,transparent 60%)}h1{font-size:59px;letter-spacing:-2px;line-height:1.27}.hero p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:2px}.hero-actions{gap:18px;align-items:start;flex-direction:column}.button{font-size:12px;padding:12px 18px}.hero-note{margin-top:32px;font-size:7px;gap:11px}.hero-bottom{font-size:8px;bottom:22px}.section{padding:65px 6%}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:21px;font-size:12px}h2{font-size:32px;letter-spacing:-1px}.directions{grid-template-columns:1fr;gap:18px}.direction{padding:25px 25px 0}.direction>img,.video-crop{height:235px;margin-inline:-25px;width:calc(100% + 50px)}.direction>p{font-size:12px}.showcase{padding-top:12px}.gallery{grid-template-columns:1fr 1fr;gap:13px}.work{height:260px}.work-wide{grid-column:span 2}.work[data-art=landscape],.work[data-art=orbit]{grid-column:span 2}.work-caption{bottom:17px;left:18px;right:18px}.work-type{left:18px;top:17px;font-size:7px}.studio-frame{grid-template-columns:1fr}.studio-controls{border-right:0;border-bottom:1px solid var(--line);padding:23px}.mode-tabs{margin-bottom:23px}.studio-output{min-height:350px}.output-bottom{left:21px;right:21px;bottom:21px}.output-top{left:21px;right:21px}.steps{grid-template-columns:1fr;gap:22px;margin-top:32px}.steps article{padding-top:16px}.steps h3{margin:10px 0;font-size:19px}.steps p{margin-bottom:0}.process h2{font-size:29px}.about{grid-template-columns:1fr;gap:55px}.manifesto h2{font-size:33px}.manifesto p{font-size:11px}.footer-top{align-items:start;gap:20px;flex-wrap:wrap}.footer-top p{width:100%;order:3;font-size:10px;margin:0}.footer-bottom{display:block;font-size:8px}.footer-bottom span{display:block;margin-top:5px}#dialog-art{height:260px}.dialog-content{padding:23px}.dialog-content h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Bilingual header and typography. */
.header-actions{display:flex;align-items:center;gap:17px}#language-toggle{padding:6px 9px;border:1px solid #ffffff26;border-radius:4px;background:#0a090d70;color:#d6c8e7;font-size:11px;min-width:41px}#language-toggle:hover{border-color:#b69aff}html[lang=en] .serif{font-family:Georgia,"Times New Roman",serif;font-style:italic}html[lang=en] .brand{font-size:16px;letter-spacing:.3px}html[lang=en] h1{font-size:clamp(58px,6.4vw,100px);letter-spacing:-3px;line-height:1.13}html[lang=en] h2{letter-spacing:-1.5px}html[lang=en] .direction h3{font-size:27px}html[lang=en] .manifesto h2{font-size:36px}
@media(max-width:1000px){header{gap:17px}nav{gap:16px}html[lang=en] .brand{font-size:14px}html[lang=en] .manifesto h2{font-size:31px}}
@media(min-width:701px) and (max-width:900px){nav{display:none;position:absolute;left:0;top:91px;width:100%;padding:25px 6%;background:#100c17f5;border-bottom:1px solid var(--line);gap:20px;flex-direction:column}nav.open{display:flex}.menu{display:block}.header-actions{margin-left:auto}}
@media(max-width:700px){.header-actions{margin-left:auto;gap:0}header{gap:16px}html[lang=en] .brand{font-size:13px;letter-spacing:0}html[lang=en] .brand small{font-size:6px;letter-spacing:1.6px}html[lang=en] h1{font-size:clamp(38px,11.6vw,58px);line-height:1.22;letter-spacing:-1.8px}html[lang=en] h2{font-size:30px;letter-spacing:-.9px}html[lang=en] .manifesto h2{font-size:29px}html[lang=en] .direction h3{font-size:25px}.section-top>p br{display:none}.hero-bottom{gap:20px}.hero-bottom span:first-child{max-width:55%}#language-toggle{font-size:10px;min-width:38px;padding:5px 7px}.demo-note br{display:none}html[lang=en] .hero p{max-width:330px}}