:root{--panel:#e6e4dc;--plum-panel:#ddd8e2;--button:#24212b;--button-text:#f4f2e9;--accent:#756181;--on-accent:#fff;--font-body:Arial,"Microsoft YaHei",sans-serif;--frame:0px}
html[data-theme=cinema]{--paper:#13191d;--ink:#e4eae6;--muted:#a4b3ae;--line:#374340;--lime:#b2d3bd;--purple:#91aea2;--accent:#b2d3bd;--on-accent:#152219;--panel:#202b2d;--plum-panel:#273a34;--button:#b2d3bd;--button-text:#13211a;--serif:Georgia,"SimSun",serif;--frame:0px}
html[data-theme=editorial]{--paper:#efe3d0;--ink:#3b2b20;--muted:#8b6c53;--line:#c8b496;--lime:#e9966c;--purple:#be4e32;--accent:#b84e32;--on-accent:#fff4e5;--panel:#e2d1b6;--plum-panel:#e8b295;--button:#a53c26;--button-text:#fff2df;--serif:Georgia,"SimSun",serif;--frame:0px}
html[data-theme=swiss]{--paper:#f2f4ef;--ink:#101a1a;--muted:#667276;--line:#abb7b6;--lime:#a9c5ff;--purple:#2454e9;--accent:#2454e9;--on-accent:#fff;--panel:#e2e8eb;--plum-panel:#cedcff;--button:#2454e9;--button-text:#fff;--serif:Arial,"Microsoft YaHei",sans-serif;--frame:0px}
html[data-theme=eastern]{--paper:#e8e1d0;--ink:#30382b;--muted:#7f806b;--line:#b9b5a1;--lime:#d5ce9c;--purple:#9a3e2b;--accent:#9a3e2b;--on-accent:#fff0d4;--panel:#dbd4bf;--plum-panel:#d5c7af;--button:#354432;--button-text:#efe7d0;--serif:KaiTi,"SimSun",serif;--frame:0px}
html[data-theme=lab]{--paper:#1d1828;--ink:#e7e1ef;--muted:#a99ab8;--line:#50425f;--lime:#d7ed87;--purple:#b5a1cf;--accent:#d7ed87;--on-accent:#20182b;--panel:#2a2238;--plum-panel:#392d48;--button:#d7ed87;--button-text:#20182b;--serif:Arial,"Microsoft YaHei",sans-serif;--frame:7px}
body{font-family:var(--font-body);transition:background-color .35s,color .35s}.nav{gap:23px}.nav .wordmark{font-size:25px;letter-spacing:-1px;gap:10px}.nav .wordmark>span{font-size:17px;letter-spacing:1px;font-weight:400}.nav nav{gap:23px}.nav-role{font-size:7px;letter-spacing:.7px}.sound-toggle{white-space:nowrap;min-width:105px;justify-content:center;background:var(--panel);border-color:var(--line);color:var(--ink)}.sound-toggle[aria-pressed=true]{background:var(--panel);border-color:var(--line)}.sound-toggle.music-playing{border-color:var(--accent);color:var(--accent)}.hero{position:relative;isolation:isolate;background:#16171d;color:#f4f2eb;overflow:hidden}.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.44;filter:saturate(.6)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e1116ed,#11141bac 53%,#15141b40),linear-gradient(0deg,#13131c77,transparent 60%);z-index:-1;pointer-events:none}.hero .hero-description{color:#c3c1bf}.hero .hero-en{color:#deddd7}.hero .hero-en em{color:#c7c2d0}.hero h1 .serif{color:#d4c5df}.hero .eyebrow{color:#ddd6e4}.hero .status-dot{background:var(--lime)}.hero-bottom{color:#a69daa}.hero .primary{background:var(--lime);color:#1e2320}.hero .underlink{color:#e1dfe5;border-color:#736975}.hero-ai{border-color:#e4e1d6;background:#e4e1d6;color:#28272b}.hero-art-caption{color:#d0c8d8}.hero-object{box-shadow:10px 14px 0 #a699bc30}.fusion-stamp{color:#222729}.backdrop-toggle{position:absolute;bottom:14px;right:4.3%;background:#12121b66;border:1px solid #8a809633;color:#bcb2c5;font:8px var(--mono);padding:8px 10px;z-index:2}.hero-art{margin-bottom:14px}.primary,.category-tabs button.active{background:var(--button);color:var(--button-text);border-color:var(--button)}.primary:hover{background:var(--accent);color:var(--on-accent)}.section-head h2 em,.archive-heading h2 em,.about h2 em,footer h2 em{color:var(--accent)}.section-index{color:var(--muted)}.archive-controls{background:var(--panel);border-color:var(--line)}.search-row{border-color:var(--line)}.search-label input{color:var(--ink)}.search-label input::placeholder{color:var(--muted);opacity:.9}.select-label{color:var(--muted)}.select-label select{background:var(--paper);color:var(--ink);border-color:var(--line)}.archive-meta,.card-meta,.feature-meta{color:var(--muted)}.card-meta,.feature-caption{border-color:var(--line)}.category-tabs button span{color:var(--muted)}.category-tabs button.active span{color:inherit;opacity:.6}.category-tabs button:hover{border-color:var(--accent)}.project-card,.featured-image,.card-image,.approach-fusion,.motion-layout,.projectworks-grid article{border-radius:var(--frame)}.group-title{color:var(--accent);border-color:var(--line)}.archive-meta>button,.layout-switch button,.load-more{color:var(--ink);border-color:var(--line)}.layout-switch button.active{color:#25272a}.load-more:hover{background:var(--panel)}#empty{background:var(--panel)}.approach-grid article>span{color:var(--accent)}.approach-fusion{background:var(--plum-panel)}.approach-grid p,.about-copy>p{color:var(--muted)}.approach-fusion a{border-color:var(--line);color:var(--ink)}.fusion-symbol>span{color:var(--accent)}.approach-fusion small{color:var(--muted)}.about-tags>span{color:var(--accent);border-color:var(--line)}footer{background:var(--panel)}footer>p,footer>div>span,footer>div>a:last-child{color:var(--muted)}footer>div{border-color:var(--line)}.project-dialog{background:var(--paper);color:var(--ink)}.dialog-top{border-color:var(--line)}.dialog-top>span,.dialog-info>.section-index,.dialog-tags span,.gallery-heading,.project-navigation>button{color:var(--accent)}.dialog-info>p{color:var(--muted)}.dialog-divider{background:var(--line)}.dialog-tags span{border-color:var(--line)}.dialog-tags span:last-child{background:var(--panel);border-color:var(--line);color:var(--accent)}.dialog-thumbnails button.active{border-color:var(--accent);background:var(--panel)}.project-navigation{border-color:var(--line)}.dialog-related-videos{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.watch-film{border:1px solid var(--accent);background:var(--panel);color:var(--accent);font-size:10px;padding:10px 13px}.gallery-heading span:last-child{color:var(--muted)}.dialog-top>button{color:var(--ink)}
.motion{padding-bottom:35px}.motion .archive-heading{border-top:0;padding-top:0}.motion-layout{display:grid;grid-template-columns:2.1fr 1fr;gap:0;background:#17191b;overflow:hidden;border:1px solid var(--line)}.motion-screen{min-height:440px;position:relative;background:#121416;overflow:hidden;color:#eee}.motion-screen>video{position:absolute;width:100%;height:100%;object-fit:cover}.motion-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#0c0d12e8,transparent 70%);pointer-events:none}.motion-top{position:absolute;left:25px;right:25px;top:23px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;text-shadow:0 1px 6px #000}.motion-caption{position:absolute;bottom:32px;left:28px;right:120px;pointer-events:none}.motion-caption>span{font:8px var(--mono);color:#c7d1c5;letter-spacing:1px}.motion-caption h3{font:400 32px/1.3 var(--serif);margin:13px 0 10px}.motion-caption>p{font-size:9px;color:#b7b7b4}.watch-active{position:absolute;right:27px;bottom:32px;border:1px solid #b8c8a8;background:#242b2b88;backdrop-filter:blur(10px);color:#e9f2d3;width:72px;height:72px;border-radius:50%;font-size:26px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:background .3s}.watch-active>span{font-size:8px}.watch-active:hover{background:#68765d88}.motion-timer{height:3px;position:absolute;bottom:0;left:0;right:0;background:#ffffff12}.motion-timer>i{display:block;width:100%;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left}.motion-list{min-width:0;background:var(--panel);display:flex;flex-direction:column;height:440px;color:var(--ink)}.motion-list-heading{display:flex;justify-content:space-between;padding:20px 19px;border-bottom:1px solid var(--line);font-size:10px}.motion-list-heading>span:last-child{font:8px var(--mono);color:var(--muted)}.video-playlist{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;flex:1}.playlist-item{display:flex;align-items:center;gap:11px;padding:13px 15px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink)}.playlist-item[aria-pressed=true]{background:var(--plum-panel);box-shadow:inset 3px 0 0 var(--accent)}.playlist-item>img{width:82px;height:48px;object-fit:cover;flex-shrink:0}.playlist-number{font:7px var(--mono);color:var(--muted)}.playlist-copy{flex:1;min-width:0}.playlist-copy b{font-size:11px;line-height:1.5;font-weight:400;display:block}.playlist-copy small{font:7px var(--mono);color:var(--muted);display:block;margin-top:7px;letter-spacing:.5px}.playlist-arrow{font-size:15px;color:var(--accent)}.motion-controls{display:flex;align-items:center;justify-content:space-between;padding:17px 0;gap:20px;font-size:9px;color:var(--muted)}.motion-controls>span>i{font-style:normal;font-size:8px}.motion-controls>div{display:flex;gap:9px}.motion-controls button{border:1px solid var(--line);background:none;color:var(--ink);height:34px;min-width:34px;font-size:11px;padding:0 10px}.motion-controls #motion-auto{font-size:9px;min-width:100px}.motion-controls button:hover{background:var(--panel)}.projectworks{padding-top:45px;border-bottom:1px solid var(--line)}.projectworks-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.projectworks-grid article{background:#161b1d;overflow:hidden}.projectworks-grid article>button{position:relative;display:block;padding:0;width:100%;height:320px;border:0;color:#f4f1e6;background:transparent;text-align:left}.projectworks-grid img{object-fit:cover;opacity:.75;transition:transform .7s,opacity .7s}.projectworks-grid article>button:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#131019db,transparent 80%);pointer-events:none}.projectworks-grid article>button:hover img{transform:scale(1.035);opacity:.95}.projectwork-label{position:absolute;top:20px;left:22px;font:8px var(--mono);letter-spacing:1px;z-index:1}.projectworks-grid article>button>div{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:end;justify-content:space-between;gap:20px;z-index:1}.projectworks-grid h3{font:400 26px var(--serif)}.projectworks-grid article>button>div>span{font-size:8px;white-space:nowrap;color:#b5bdc5}.projectworks-all{margin:26px 0 0 auto;background:none;border:0;border-bottom:1px solid var(--accent);padding:12px 0;color:var(--accent)}
.style-toggle{position:fixed;right:24px;bottom:22px;z-index:30;background:#d7ed87;color:#24232b;border:1px solid #2d3021;padding:12px 16px;display:grid;grid-template-columns:24px 1fr;gap:4px 9px;box-shadow:0 7px 25px #0003;border-radius:5px;transition:transform .2s}.style-toggle:hover{transform:translateY(-3px)}.style-toggle>span{font-size:24px;grid-row:span 2;align-self:center}.style-toggle>b{font-size:12px;letter-spacing:1px}.style-toggle>small{font-size:8px;color:#586044;text-align:left}.style-panel{position:fixed;right:24px;bottom:92px;width:360px;max-width:calc(100vw - 32px);padding:22px;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 12px 50px #0004;z-index:35;border-radius:6px}.style-panel>div:first-child{display:flex;justify-content:space-between;align-items:center}.style-panel h2{font-size:19px;font-weight:400;font-family:var(--serif)}.style-panel>div:first-child>button{border:0;background:none;color:var(--ink);font-size:24px;padding:0 0 0 20px}.style-panel>p{font-size:10px;color:var(--muted);margin:12px 0 20px}.style-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.style-options>button{border:1px solid var(--line);padding:7px;background:transparent;text-align:left;color:var(--ink)}.style-options>button[aria-pressed=true]{border:2px solid var(--accent);padding:6px;background:var(--panel)}.theme-swatch{display:block;height:45px;background:var(--swatch-bg);padding:10px 12px}.theme-swatch i{display:block;height:3px;background:var(--swatch-accent);margin-bottom:5px;max-width:70%}.theme-swatch i:nth-child(2){max-width:45%;height:7px}.theme-swatch i:nth-child(3){max-width:80%;height:2px}.style-options>button>span:last-child{display:flex;align-items:center;gap:7px;font-size:10px;margin-top:9px;min-height:19px}.style-options small{font:7px var(--mono);color:var(--muted)}.style-options b{display:none;margin-left:auto;color:var(--accent);font-size:12px}.style-options [aria-pressed=true] b{display:block}.music-hint{position:fixed;left:20px;bottom:23px;z-index:25;border:1px solid var(--line);background:var(--paper);color:var(--muted);font-size:9px;padding:11px 14px;box-shadow:0 3px 15px #0001;pointer-events:none;border-radius:4px}.film-dialog{padding:0;width:94vw;max-width:1450px;max-height:94dvh;overflow:auto;background:var(--paper);border:1px solid var(--line);color:var(--ink);box-shadow:0 25px 100px #0009}.film-dialog[open]{animation:dialogIn .32s both}.film-dialog::backdrop{background:#0a0710ed;backdrop-filter:blur(10px)}.film-header{padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.film-header h2{font:400 25px var(--serif);margin-top:9px}.film-header span{font:8px var(--mono);color:var(--muted);letter-spacing:1px}.film-header>button{border:0;background:none;color:var(--ink);font-size:11px;padding:10px 0 10px 15px;white-space:nowrap}.film-body{background:#070a0b;display:flex;align-items:center;justify-content:center}.film-body>video{display:block;width:100%;max-height:70dvh;object-fit:contain;background:#070a0b;aspect-ratio:16/9}.film-footer{padding:20px 25px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.film-footer>span{font-size:9px;color:var(--muted)}.film-navigation{display:flex;gap:22px;margin-left:auto}.film-navigation button{background:none;color:var(--accent);border:0;font-size:10px;padding:10px 0}.film-navigation button:disabled{opacity:.3;cursor:default}#film-angles{display:flex;gap:5px;flex-wrap:wrap}#film-angles button{padding:6px 9px;font-size:8px;border:1px solid var(--line);background:none;color:var(--ink)}#film-angles button.active{background:var(--button);color:var(--button-text);border-color:var(--button)}
@media(max-width:1300px){.nav-role{display:none}.nav nav{gap:23px}.nav .wordmark{font-size:24px}.nav .wordmark>span{font-size:16px}.motion-screen,.motion-list{height:400px;min-height:400px}.playlist-item{gap:8px;padding:12px}.playlist-item>img{width:66px;height:42px}.playlist-copy b{font-size:10px}}
@media(max-width:900px){.nav{gap:15px}.nav .wordmark{font-size:21px;gap:8px}.nav .wordmark>span{font-size:14px}.nav nav{gap:16px;font-size:10px}.sound-toggle{font-size:9px;min-width:98px;padding:9px}.motion-layout{grid-template-columns:1.8fr 1fr}.motion-screen,.motion-list{height:360px;min-height:360px}.motion-caption{left:20px;bottom:25px;right:100px}.motion-caption h3{font-size:27px}.motion-top{left:20px;right:20px;font-size:8px}.watch-active{width:60px;height:60px;right:20px;bottom:25px;font-size:22px}.watch-active>span{font-size:7px}.playlist-number{display:none}.playlist-item>img{width:58px;height:36px}.playlist-copy b{font-size:9px}.playlist-copy small{font-size:6px}.playlist-arrow{display:none}.projectworks-grid article>button{height:265px}.projectworks-grid h3{font-size:22px}.projectworks-grid article>button>div{left:20px;right:20px;bottom:20px;display:block}.projectworks-grid article>button>div>span{display:block;margin-top:12px}.projectworks-grid{gap:20px}.motion-controls>span>i{display:none}}
@media(max-width:700px){.nav nav{gap:10px;font-size:9px}.nav .wordmark>span{font-size:12px}.nav .wordmark{font-size:19px}.sound-toggle{min-width:94px;font-size:8px}.motion-layout{grid-template-columns:1fr}.motion-screen{height:370px;min-height:370px}.motion-list{height:auto;min-height:0}.motion-list-heading{padding:14px 16px}.video-playlist{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;height:109px;scrollbar-width:thin}.playlist-item{display:block;flex:0 0 150px;padding:10px 10px 8px;border-right:1px solid var(--line);border-bottom:0;position:relative}.playlist-item>img{width:58px;height:34px;margin-bottom:7px;float:left;margin-right:10px}.playlist-copy b{font-size:10px;line-height:1.4;white-space:normal}.playlist-copy small{clear:both;padding-top:9px;font-size:7px}.playlist-item[aria-pressed=true]{box-shadow:inset 0 3px 0 var(--accent)}.motion-caption h3{font-size:29px}.motion-caption{bottom:25px;left:22px}.motion-controls{font-size:8px;gap:10px}.motion-controls>div{gap:5px}.motion-controls button{height:31px;min-width:31px;padding:0 8px}.motion-controls #motion-auto{font-size:8px;min-width:93px}.projectworks .section-head{display:block}.projectworks .section-head h2{margin-top:22px}.projectworks .section-head>p{display:block}.style-toggle{right:16px;bottom:16px;padding:10px 13px;gap:3px 7px}.style-toggle>b{font-size:11px}.style-toggle>span{font-size:22px}.style-toggle>small{font-size:7px}.style-panel{right:16px;bottom:80px}.music-hint{bottom:20px;left:12px;font-size:8px;padding:10px;max-width:calc(100% - 170px)}.film-dialog{width:100vw;max-width:100vw;height:auto;max-height:100dvh;border:0}.film-header{padding:18px}.film-header h2{font-size:22px}.film-header span{font-size:7px}.film-header>button{font-size:10px}.film-footer{padding:15px 18px;gap:13px}.film-footer>span{font-size:8px}.film-navigation{gap:25px}.film-navigation>button{font-size:10px}.film-body>video{max-height:72dvh}.film-dialog::backdrop{background:#080a0df2}}
@media(max-width:600px){.nav{gap:10px}.nav .wordmark{font-size:21px;gap:7px;letter-spacing:-1px}.nav .wordmark>span{font-size:13px;letter-spacing:0}.sound-toggle{min-width:0;padding:8px 0;background:none!important}.sound-toggle>span{font-size:8px}.nav nav{font-size:12px;gap:25px}.menu-toggle{font-size:9px;white-space:nowrap}.hero .hero-description{color:#c3bdc8}.hero{padding-top:30px}.hero-ai{border-color:#e7e5dc}.hero-art-caption{color:#c2b8cd}.backdrop-toggle{font-size:7px;right:6%;bottom:8px;padding:6px 9px}.motion{padding-top:42px;padding-bottom:10px}.motion .archive-heading h2{font-size:29px}.motion .archive-heading>p{font-size:10px}.motion-screen{height:330px;min-height:330px}.motion-top{left:16px;right:16px;top:18px;font-size:7px}.motion-caption{left:18px;bottom:24px;right:92px}.motion-caption>span{font-size:7px;letter-spacing:.5px}.motion-caption h3{font-size:25px;margin:12px 0 8px}.motion-caption>p{font-size:8px}.watch-active{height:55px;width:55px;font-size:22px;right:18px;bottom:24px;gap:3px}.watch-active>span{font-size:6px}.motion-controls>span{font-size:8px;white-space:nowrap}.motion-controls{align-items:center;gap:5px}.motion-controls button{min-width:28px;height:30px;font-size:10px;padding:0 7px}.motion-controls #motion-auto{min-width:88px;font-size:8px}.video-playlist{height:106px}.playlist-item{flex-basis:146px}.projectworks{padding-top:30px;padding-bottom:35px}.projectworks-grid{grid-template-columns:1fr;gap:20px}.projectworks-grid article>button{height:230px}.projectworks-grid h3{font-size:25px}.projectworks-grid article>button>div{left:20px;bottom:20px;right:20px}.projectwork-label{font-size:7px;left:20px;top:18px}.projectworks-all{font-size:10px;width:100%;margin-top:18px;text-align:left}.dialog-top{background:var(--paper)}.watch-film{font-size:10px;padding:10px 12px}.hero .primary{color:#22232b}.approach-fusion>span{color:var(--accent)}footer>div>.wordmark span{font-size:14px}.style-panel{padding:20px}.style-panel h2{font-size:20px}.style-options{gap:9px}.style-options>button>span:last-child{font-size:10px}.style-toggle{border-radius:4px}.music-hint{font-size:7px;max-width:calc(100% - 160px)}.film-header h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.hero-backdrop{opacity:.25}body{transition:none}.film-dialog[open]{animation:none}.projectworks-grid img{transition:none}}