@import url('/assets/profile-font.css');
:root{--ink:#161914;--paper:#eeede6;--muted:#777b6d;--line:#d2d3c7;--gold:#c8d293;--pad:clamp(24px,6vw,112px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c0d17a;outline-offset:6px}img{max-width:100%;display:block}svg{vertical-align:middle}.skip{position:fixed;left:20px;top:-90px;z-index:100;background:white;padding:15px}.skip:focus{top:15px}.nav{height:90px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;color:#efeee6;border-bottom:1px solid #ffffff20}.brand{font-size:23px;font-weight:600;letter-spacing:2px}.brand span{font-size:10px;color:#a0a394;letter-spacing:1px;display:inline-block;margin-left:24px;font-weight:400}.nav nav{display:flex;gap:40px;font-size:12px}.nav nav a{padding:15px 0;transition:color .2s}.nav nav a:hover{color:var(--gold)}.nav nav a:last-child{margin-left:32px}.nav nav span{margin-left:20px}#menu{display:none}.hero{height:max(820px,100svh);max-height:1200px;position:relative;background:#11120f;color:var(--paper);overflow:hidden;padding:135px var(--pad) 0}.hero-top{display:flex;justify-content:space-between;font:10px/1.5 monospace;letter-spacing:2px;color:#8a8e7c;position:relative;z-index:2}.hero-art{position:absolute;inset:40px -10% 0 29%;pointer-events:none}.hero-art canvas{width:100%;height:100%;display:block;position:absolute;z-index:1}.art-fallback{position:absolute;inset:14% 12%;border-radius:50%;background:radial-gradient(ellipse at 65% 24%,#dce9b1 0,#a8b674 10%,#525f2b 25%,#1b2213 42%,#11120f 60%);filter:blur(18px);opacity:.45}.hero-copy{position:relative;z-index:2;padding-top:8vh;width:56%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:4px;color:#c4c7b5;margin:0 0 32px}h1{font-size:clamp(80px,8.5vw,150px);font-weight:450;line-height:1.09;letter-spacing:-7px;margin:0}h1 em{font-family:Georgia,'Songti SC',serif;font-weight:400;color:#ccd5a8;font-style:normal}.intro{font-size:14px;line-height:1.95;color:#a1a594;margin:32px 0 24px}.circle-link{display:inline-flex;align-items:center;gap:25px;font-size:12px}.circle-link i{font-size:25px;font-style:normal;border:1px solid #7c8563;border-radius:100%;width:53px;height:53px;display:grid;place-items:center;transition:background .3s,transform .3s}.circle-link:hover i{background:#c8d293;color:#171b12;transform:rotate(45deg)}.hero-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:30px;border-top:1px solid #ffffff23;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:#92977f;gap:18px}.hero-bottom small{font-size:10px;color:#70765f}.edition{font-family:monospace;letter-spacing:1px}.statement{padding:125px var(--pad) 110px}.label{font-size:12px;color:#6b705e;margin-bottom:40px}.statement h2{font-size:clamp(32px,4.3vw,68px);line-height:1.5;letter-spacing:-2px;font-weight:400;margin:0}.statement h2 span{color:#8b9277}.statement-bottom{display:flex;justify-content:flex-end;align-items:flex-end;gap:9vw;margin-top:46px}.statement-bottom p{font-size:14px;line-height:2;max-width:390px;margin:0;color:#6a705f}.statement-bottom a{font-size:12px;white-space:nowrap;border-bottom:1px solid #a5ac93;padding-bottom:8px}.visual-interlude{height:640px;position:relative;overflow:hidden;margin:0 24px}.visual-interlude img{width:100%;height:120%;object-fit:cover;position:absolute;top:-10%;filter:brightness(.65)}.visual-interlude>div{position:absolute;bottom:65px;left:calc(var(--pad) - 24px);color:white}.visual-interlude span,.work-heading>span{font:10px monospace;letter-spacing:3px}.visual-interlude h2{font-size:clamp(32px,4vw,60px);font-weight:400;letter-spacing:-1px;margin:20px 0}.visual-interlude p{font-size:11px;color:#d0d1c3}.archive{padding:110px var(--pad) 100px}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:55px;gap:24px}.section-title h2{font-size:36px;font-weight:400;letter-spacing:-1px;margin:0}.section-title>span,.section-title>p{font-size:11px;color:#858b77}.subsection-title{font-size:11px;font-weight:400;color:#787e69;margin:0 0 25px;letter-spacing:2px}.wechat-articles{display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.wechat-articles>.subsection-title{grid-column:1/-1;margin:0}.published-card{position:relative;display:block}.published-card>img{width:100%;height:310px;object-fit:cover;filter:saturate(.7);transition:filter .5s,clip-path .6s;clip-path:inset(0)}.published-card:hover>img{filter:saturate(1);clip-path:inset(6px)}.published-card:nth-of-type(2){padding-top:100px}.published-card:nth-of-type(2)>img{height:280px}.article-meta{font-size:10px;color:#7b816c;display:block;margin:24px 0 13px}.published-card h3,.article-feature h3{font-size:clamp(23px,2.2vw,33px);font-weight:400;line-height:1.55;letter-spacing:-.5px;margin:0 0 15px}.published-card p,.article-feature p,.article-row p{font-size:13px;line-height:1.9;color:#777d6a;max-width:480px}.wechat-read,.read-link{font-size:11px;display:inline-block;border-bottom:1px solid #b8bea8;padding-bottom:8px;margin-top:18px}.picture-credit{font-size:9px;color:#868b7b;display:block;margin-top:8px}.local-notes-title{margin-top:80px;border-top:1px solid var(--line);padding-top:35px}.article-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.article-feature>img{width:100%;max-height:340px;object-fit:cover}.article-row{display:flex;justify-content:space-between;align-items:center;margin-top:38px;border-top:1px solid var(--line);padding:15px 0}.article-row h3{font-size:22px;font-weight:400}.film{background:#171a14;color:var(--paper);padding:100px var(--pad)}.film .section-title>span{color:#99a385}.channel-entry{position:relative;padding:40px 0 45px;border-top:1px solid #414635;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.channel-entry h3{font-size:32px;font-weight:400;margin:0 0 20px}.channel-entry p{font-size:12px;color:#9ca68d;line-height:1.9}.primary-link{border:1px solid #667252;border-radius:50%;width:145px;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font-size:11px;transition:background .3s}.primary-link:hover{background:#303a25}.video-availability{grid-column:1/-1;margin:0}.sample-archive{border-top:1px solid #414635;padding-top:28px}.sample-archive>summary{font-size:13px;cursor:pointer;padding:12px 0}.video-work{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;padding-top:30px}.video-stage{background:#0b0d09;min-height:340px;display:flex;align-items:center;justify-content:center}.video-stage video{width:100%;height:500px;object-fit:contain}.video-description h3{font-size:28px;font-weight:400}.video-description p{font-size:13px;line-height:1.9;color:#a2ac94}.video-description summary{font-size:12px;cursor:pointer;margin:30px 0 20px}.work{padding:110px var(--pad)}.work-heading{text-align:center;margin-bottom:60px}.work-heading>span{color:#7f876d}.work-heading h2{font-size:clamp(32px,4vw,55px);font-weight:400;letter-spacing:-1px;margin:20px 0}.work-heading p{font-size:13px;color:#818873}.work-cover{display:block}.work-cover img{width:100%;height:auto;max-height:540px;object-fit:cover}.work-cover>span{display:flex;justify-content:space-between;padding:20px 0;font-size:12px}.work-cover i{font-style:normal;font-size:20px}.disciplines{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;font-size:16px}.disciplines span{font:10px monospace;color:#929a7b;margin-right:20px}.contact-wrap{padding:100px var(--pad);background:#d8dfc8}.contact-pre{font:10px monospace;letter-spacing:2px;color:#6e795b}.contact-wrap>h2{font-size:clamp(48px,7vw,106px);font-weight:400;line-height:1.25;letter-spacing:-4px;margin:40px 0 70px}.contact-wrap>h2 em{font-style:normal;color:#778662}.contact-section .section-title{margin-bottom:40px}.contact-section .section-title h2{display:none}.contact-section .section-title p{color:#5a6749;font-size:13px}.contact-list{display:flex;gap:100px;margin:0 0 50px}.contact-list>div{flex:1;border-top:1px solid #b2bda1;padding-top:20px}.contact-list dt{font-size:11px;color:#687559;margin-bottom:15px}.contact-list dd{margin:0;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:25px}.plain-action,.account-row button{background:none;border:0;color:#596b45;font-size:11px;padding:8px 0;border-bottom:1px solid #abb798}.accounts{max-width:650px}.accounts h3{font-size:13px;font-weight:400}.accounts>p{font-size:11px;color:#6f7c60}.account-row{display:flex;align-items:center;padding:18px 0;border-bottom:1px solid #b9c3aa;gap:25px;font-size:12px}.account-row>span{color:#748264;font-size:10px}.account-row b{font-weight:400}.account-row button{margin-left:auto}.footer{padding:35px var(--pad);font-size:10px;color:#7b816f;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#11140e}.footer>div{display:flex;gap:25px;flex-wrap:wrap}.footer a{display:flex;align-items:center;gap:5px}.footer img{width:14px;height:15px}#copy-status{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 25px;background:#202719;color:#e0e8d0;z-index:50;box-shadow:0 8px 30px #0004;font-size:13px;max-width:90vw}.hero-copy{animation:enter 1.2s both}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.reveal-ready{transition:opacity .8s,transform .8s}.reveal-ready.is-away{opacity:0;transform:translateY(28px)}
@media(min-width:1700px){.hero-copy{padding-top:10vh}}@media(max-width:900px){.brand span{display:none}.hero{height:900px;min-height:100svh}.hero-art{inset:150px -40% 0 10%;opacity:.85}.hero-copy{width:80%;padding-top:80px}.hero-copy h1{font-size:100px}.hero-top span:last-child{display:none}.statement-bottom{justify-content:space-between;gap:25px}.visual-interlude{height:480px}.wechat-articles{gap:30px}.published-card>img{height:230px}.article-feature{gap:30px}.contact-list{gap:35px}.video-work{gap:25px}.contact-list dd{font-size:20px}.footer{align-items:flex-start;flex-direction:column}.edition{display:none}}
@media(max-width:600px){:root{--pad:24px}.nav{height:75px}.brand{font-size:20px}.nav nav{display:none;position:absolute;left:0;right:0;top:75px;background:#171c12;padding:25px;flex-direction:column;gap:10px}.nav nav.open{display:flex}.nav nav a:last-child{margin-left:0}#menu{display:block;background:none;border:0;color:#cad0bd;font-size:12px}.hero{height:900px;max-height:1100px;padding-top:106px;min-height:100svh}.hero-top{font-size:9px}.hero-copy{padding-top:57px;width:100%}.eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:26px}h1,.hero-copy h1{font-size:86px;letter-spacing:-4px}.hero-art{inset:275px -60% 50px -15%;opacity:.72}.hero-copy .intro{font-size:12px;margin-top:28px;max-width:250px;color:#c0c6b2;text-shadow:0 2px 14px #000}.circle-link{margin-top:10px}.hero-bottom{font-size:9px;bottom:24px}.hero-bottom small{display:none}.statement{padding:75px 24px}.statement h2{font-size:31px;letter-spacing:-1px}.statement-bottom{display:block;margin-top:30px}.statement-bottom p{font-size:13px;margin-bottom:24px}.visual-interlude{margin:0 10px;height:440px}.visual-interlude>div{left:24px;bottom:30px;right:24px}.visual-interlude h2{font-size:30px}.visual-interlude span{font-size:9px}.archive,.film,.work,.contact-wrap{padding:70px 24px}.section-title{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:35px}.section-title h2{font-size:30px}.wechat-articles{display:block}.wechat-articles>.subsection-title{margin-bottom:25px}.published-card>img,.published-card:nth-of-type(2)>img{height:240px}.published-card:nth-of-type(2){padding-top:45px}.published-card h3{font-size:25px}.article-feature{display:block}.article-feature h3{font-size:25px}.article-feature>img{max-height:250px}.local-notes-title{margin-top:45px}.article-row h3{font-size:20px}.channel-entry{display:block}.channel-entry h3{font-size:26px}.primary-link{width:110px;height:110px;margin:25px 0}.video-availability{font-size:10px!important}.video-work{display:block}.video-stage video{height:460px}.video-description{padding-top:15px}.work-heading{text-align:left;margin-bottom:30px}.work-heading h2{font-size:31px}.disciplines{display:block;font-size:15px}.disciplines p{padding:10px 0}.contact-wrap>h2{font-size:60px;letter-spacing:-2px;margin:35px 0 45px}.contact-pre{font-size:8px;line-height:1.8}.contact-list{display:block}.contact-list>div{padding:20px 0}.contact-list dd{font-size:24px}.account-row{gap:15px}.account-row>span{font-size:9px}.account-row b{font-size:11px}.footer{padding:30px 24px;font-size:9px}.footer>div{gap:15px}.visual-interlude img{object-position:55% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready.is-away{opacity:1;transform:none}}
.hero-bottom{z-index:2}.hero-art{top:90px}
@media(max-width:600px){.hero-art{top:275px}}
/* Homepage art revision: suspended prism / photon field */
.hero{background:#060a0e}.hero-art{inset:90px -7% 0 28%;overflow:hidden}.hero-art canvas{mix-blend-mode:screen}.art-fallback{inset:15% 15%;border-radius:0;background:linear-gradient(128deg,transparent 20%,#155a73 40%,#60dbed 41%,#102b46 43%,transparent 65%);filter:blur(45px);opacity:.32}.hero-copy h1 em{color:#c0e1e9}.hero-copy .eyebrow{color:#9fb9c5}.hero-bottom{color:#819cac}.hero-copy .intro{color:#a3b6c2}.hero .circle-link i{border-color:#496b7e}.hero .circle-link:hover i{background:#bce8f5;color:#09131d}.hero-top{color:#7d9bad}.hero-art:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#060a0e 0%,transparent 18%,transparent 85%,#060a0e 100%);pointer-events:none}
@media(max-width:900px){.hero-art{inset:170px -35% 0 12%}}
@media(max-width:600px){.hero-art{inset:310px -27% 0 5%;opacity:.95}.hero-copy .intro{max-width:255px;text-shadow:0 2px 12px #060a0e}.hero-art:after{background:linear-gradient(180deg,#060a0e 0%,transparent 25%,transparent 90%,#060a0e 100%)}.hero-copy{z-index:3}}
/* Full-bleed cinema background, environment plate + locally composited motion. */
.hero{background:#04090b;isolation:isolate}.hero-cinema{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero-cinema video{width:100%;height:100%;object-fit:cover;object-position:58% 50%;filter:saturate(.84);display:block}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,10,.72) 0%,rgba(2,8,10,.40) 32%,rgba(2,8,10,.03) 68%),linear-gradient(180deg,rgba(2,8,10,.38),transparent 28%,transparent 75%,rgba(2,8,10,.72))}.hero-copy h1 em{color:#e4ddc7}.hero-copy .eyebrow{color:#d3c9b1}.hero-copy .intro{color:#b7c4c2;text-shadow:0 2px 15px #000}.hero-top{color:#9daea9}.hero-bottom{color:#afb9b1;border-color:#ffffff25;align-items:center}.hero-bottom small{color:#9da89d}.cinema-controls{display:flex;gap:28px;align-items:center}.cinema-controls button{background:transparent;border:0;color:#d0d5c9;font-size:10px;padding:5px 0;letter-spacing:.5px}.cinema-controls button:hover{color:#f4ddb0}.hero .circle-link i{border-color:#a1a993}.hero .circle-link:hover i{background:#eee6cb;color:#171d17}.hero-cinema:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 68% 40%,transparent 20%,#03090840 100%);pointer-events:none}.hero-copy{width:60%}
@media(max-width:900px){.hero-cinema video{object-position:62% center}.hero-copy{width:85%}.cinema-shade{background:linear-gradient(90deg,#02080aba,transparent 90%),linear-gradient(0deg,#02080acc,transparent 40%)}}
@media(max-width:600px){.hero{height:920px;min-height:100svh}.hero-copy{width:100%;padding-top:68px}.hero-cinema video{object-position:57% center;filter:saturate(.8) brightness(.85)}.cinema-shade{background:linear-gradient(180deg,#03090bcc 0%,#03090b73 32%,#03090b26 60%,#03090bdb 100%),linear-gradient(90deg,#03090b99,transparent 90%)}.hero-copy .intro{color:#d3d9cd}.hero-bottom{flex-wrap:wrap;row-gap:18px;bottom:26px}.hero-bottom>a{margin-left:auto}.cinema-controls{width:100%;justify-content:space-between;border-top:1px solid #ffffff17;padding-top:12px}.cinema-controls button{font-size:10px}.hero-copy h1 em{color:#e6dfc4}}

.footer{flex-wrap:wrap}.personal-site-note{max-width:400px;line-height:1.9;color:#9ba28e}