@charset "UTF-8";
:root{color-scheme:dark;--ink:#171719;--paper:#f4f2f0;--muted:#a5a3aa;--line:#ffffff20;--violet:#BF55E0;--yellow:#FFD142;--green:#20DB7F;--cyan:#26B6FF;--mono:Consolas,"Courier New",monospace;--ease:cubic-bezier(.2,0,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;-webkit-font-smoothing:antialiased}body.at-entrance{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button{border:0}button::-moz-focus-inner{border:0}[hidden]{display:none!important}.yellow{color:var(--yellow)}.green{color:var(--green)}.cyan{color:var(--cyan)}.violet{color:var(--violet)}.skip-link{position:fixed;z-index:100;left:16px;top:12px;padding:12px 18px;background:var(--paper);color:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:none}
body::after{content:"";position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}
/* Independent, dismissible entrance, not the first scroll section. */
.entrance{position:fixed;inset:0;z-index:30;background:#171719;clip-path:inset(0);transition:clip-path .78s var(--ease);isolation:isolate}.entrance.is-leaving{clip-path:inset(0 0 100% 0);pointer-events:none}.entrance-hit{width:100%;height:100%;padding:0;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;text-align:center}.entrance-hit:focus-visible{outline-offset:-10px}.entrance-top,.entrance-bottom{position:absolute;left:3.8%;right:3.8%;display:flex;justify-content:space-between;align-items:center;text-align:left}.entrance-top{top:28px;font-size:15px;letter-spacing:.1em}.entrance-top b{font:11px var(--mono);margin-left:18px;color:var(--muted);letter-spacing:.16em}.entrance-edition{font:10px var(--mono);color:var(--muted);letter-spacing:.13em}.entrance-bottom{bottom:25px;font-size:11px;letter-spacing:.18em;color:#a8a7ac}.entrance-center{width:min(1000px,76vw);display:flex;flex-direction:column;align-items:center;padding-top:12px}.entrance-kickers{display:flex;justify-content:space-between;width:calc(100% - 8px);font:10px var(--mono);letter-spacing:.18em;color:#c7c4cc;margin-bottom:17px}.brand-screen{position:relative;display:block;width:100%;aspect-ratio:2.34;background:radial-gradient(ellipse at 50% 84%,#5a316926 0%,transparent 52%),linear-gradient(130deg,#1c1b1f,#121214 65%,#211d25);border:1px solid #ffffff30;box-shadow:0 25px 80px #0005;overflow:hidden;animation:screen-arrive 1s var(--ease) both}.screen-corner{position:absolute;width:12px;height:12px;border-color:#b1a7b7;z-index:4}.corner-tl{top:0;left:0;border-top:2px solid;border-left:2px solid}.corner-tr{top:0;right:0;border-top:2px solid;border-right:2px solid}.corner-bl{bottom:0;left:0;border-bottom:2px solid;border-left:2px solid}.corner-br{bottom:0;right:0;border-bottom:2px solid;border-right:2px solid}.screen-caption,.screen-index{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;z-index:3;font:8px var(--mono);letter-spacing:.14em;color:#8b868f}.screen-caption{top:22px}.screen-index{bottom:19px}.screen-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.screen-word{font:900 clamp(75px,10.5vw,145px)/1 system-ui,sans-serif;letter-spacing:-.055em;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);color:transparent;-webkit-text-stroke:1px #b6aabc35;white-space:nowrap}.screen-mark{position:absolute;width:37%;height:78%;object-fit:contain;left:31.5%;top:10%;filter:drop-shadow(0 25px 18px #0005);animation:mark-arrive 1.2s var(--ease) both}.screen-floor{position:absolute;left:28%;right:28%;bottom:12%;height:2%;background:#0008;filter:blur(8px);border-radius:50%}.screen-trace{position:absolute;width:1px;height:36%;opacity:.36;transform:rotate(45deg);animation:trace-pass 8s var(--ease) infinite}.trace-yellow{background:var(--yellow);top:28%;left:20%;animation-delay:-1s}.trace-green{background:var(--green);top:6%;left:80%;animation-delay:-3.5s}.trace-blue{background:var(--cyan);top:54%;left:72%;animation-delay:-5.5s}.entrance-title{font-size:clamp(28px,3.4vw,46px);font-weight:850;letter-spacing:.28em;margin:29px 0 9px;padding-left:.28em;animation:caption-arrive .8s .12s var(--ease) both}.entrance-subtitle{font-size:11px;letter-spacing:.3em;color:#c5c1ca;animation:caption-arrive .8s .2s var(--ease) both}.enter-prompt{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.1em;margin-top:30px;color:#dbd5df}.enter-prompt i{width:5px;height:5px;background:var(--violet);transform:rotate(45deg)}.enter-prompt>span{font-size:20px;margin-left:7px;transition:transform .3s}.entrance-hit:hover .enter-prompt>span{transform:translate(4px,-4px)}.entrance-hit:hover .brand-screen{border-color:#ba70cf70}.entrance-hit:hover .screen-mark{filter:drop-shadow(0 20px 20px #6d217020)}
@keyframes screen-arrive{from{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:none}}@keyframes mark-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes caption-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes trace-pass{0%,10%{opacity:0;translate:60px -60px}35%,65%{opacity:.4}90%,100%{opacity:0;translate:-60px 60px}}
/* Persistent navigation appears after entry. */
.site-header{height:66px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:stretch;background:#171719ed;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff25}.brand-home{background:transparent;display:flex;gap:13px;align-items:center;padding:0 29px;border-right:1px solid var(--line);text-align:left}.brand-home img{object-fit:contain}.brand-home>span{font-size:14px;font-weight:700;white-space:nowrap;letter-spacing:.08em}.brand-home small{display:block;font:8px var(--mono);color:#c2bacb;margin-top:4px;letter-spacing:.16em}.main-nav{display:flex;flex:1}.main-nav a{flex:1;display:flex;align-items:center;justify-content:center;position:relative;font-size:12px;border-right:1px solid var(--line);color:#c8c6ce;transition:background .25s,color .25s}.main-nav small{position:absolute;right:10px;bottom:9px;font:8px var(--mono);opacity:.5}.main-nav a:hover,.main-nav .is-current{background:#ffffff06;color:var(--paper)}.main-nav .is-current::after{content:"";width:5px;height:5px;position:absolute;left:14px;top:14px;transform:rotate(45deg);background:var(--violet)}.motion-control{background:none;width:65px;display:flex;justify-content:center;align-items:center;gap:5px;font:9px var(--mono);border-left:0;color:#d4ceda}.motion-icon{font-size:14px}.motion-label{font-size:9px}.reading-progress{height:1px;position:absolute;bottom:-1px;left:0;width:100%;transform:scaleX(var(--reading,0));transform-origin:left;background:var(--violet)}.menu-toggle{display:none}
/* Scroll scale and pointer tilt use separate wrappers; five physical depths share one scene. */
.about-section{height:165svh;position:relative}.about-stage{position:sticky;top:0;height:100svh;min-height:570px;overflow:hidden;padding:104px 5vw 32px}.chapter-label{display:flex;justify-content:space-between;position:relative;font:10px var(--mono);color:#b4adb9;letter-spacing:.1em}.chapter-label>span:last-child{font-family:inherit;font-size:12px}.about-composition{position:absolute;top:16%;left:6%;width:88%;height:70%;perspective:1800px;transform:scale(var(--about-scale,1));opacity:var(--about-opacity,1);will-change:transform,opacity}.depth-scene{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));will-change:transform}.depth-layer{position:absolute;transform:translateZ(var(--depth,0px));transform-style:preserve-3d}.about-ring-layer{width:min(39vw,480px);height:min(39vw,480px);left:50%;top:43%;margin-left:max(-19.5vw,-240px);margin-top:max(-19.5vw,-240px)}.about-ring{width:100%;height:100%;border:1px dashed #b7a2c04d;border-radius:50%;position:relative;animation:ring-turn 70s linear infinite}.about-ring::before,.about-ring::after{content:"";position:absolute;border:1px solid #ffffff08;border-radius:50%;inset:15%}.about-ring::after{inset:-15%;border-style:dotted;border-color:#ffffff09}.about-ring span{position:absolute;left:50%;top:0;font:8px var(--mono);color:#a288ad;letter-spacing:.2em;background:var(--ink);padding:0 7px;transform:translate(-50%,-50%)}.about-ring span:nth-child(2){left:93.30127%;top:75%;transform:translate(-50%,-50%) rotate(120deg)}.about-ring span:nth-child(3){left:6.69873%;top:75%;transform:translate(-50%,-50%) rotate(240deg)}.wordmark-layer{width:100%;height:100%;left:0;top:0}.about-wordmark{position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;justify-content:center;gap:0;white-space:nowrap;line-height:.94;letter-spacing:-.075em;font-size:clamp(85px,13.65vw,207px);font-weight:850;margin:0;font-family:Arial,system-ui,sans-serif}.about-wordmark>span{display:inline-block;opacity:0;translate:0 35px;transition:opacity .7s var(--ease),translate .9s var(--ease);transition-delay:calc(var(--letter-index)*.07s)}.about-stage.has-arrived .about-wordmark>span{opacity:1;translate:0 0}#about-title{position:absolute;top:55%;left:0;width:100%;text-align:center;font-size:clamp(25px,3vw,40px);letter-spacing:.35em;margin:0;font-weight:750;outline:0;padding-left:.35em}#about-title>span{display:block;font-size:10px;font-weight:400;letter-spacing:.25em;margin-top:14px;color:#b9b4be}.about-emblem{width:clamp(205px,23vw,340px);aspect-ratio:1827/1488;left:50%;top:27%;translate:-50% -50%;filter:drop-shadow(0 22px 15px #0008);opacity:0;transition:opacity .8s .2s var(--ease)}.about-emblem>img{height:100%;width:100%;object-fit:contain}.about-stage.has-arrived .about-emblem{opacity:1}.about-copy{top:71%;width:28%;font-size:14px;line-height:1.85;opacity:0;translate:0 16px;transition:opacity .7s .45s var(--ease),translate .7s .45s var(--ease)}.about-copy p{margin:0;letter-spacing:.035em}.about-copy small{font-size:9px;color:#8c858f;letter-spacing:.12em;display:block;margin-top:12px}.copy-left{left:2%}.copy-right{right:2%;text-align:right}.copy-anchor{position:absolute;top:16px;width:30%;height:1px;background:#bdaec563;transform:scaleX(0);transition:transform .6s .85s var(--ease)}.copy-left .copy-anchor{left:103%;transform-origin:left}.copy-right .copy-anchor{right:103%;transform-origin:right}.copy-anchor::after{content:"";position:absolute;right:-2px;top:-2px;width:4px;height:4px;background:#d2bed9;transform:rotate(45deg)}.copy-right .copy-anchor::after{right:auto;left:-2px}.about-stage.has-arrived .about-copy{opacity:1;translate:0 0}.about-stage.has-arrived .copy-anchor{transform:scaleX(1)}.discipline-row{display:flex;width:95%;justify-content:space-between;left:2.5%;top:46%;font:9px var(--mono);letter-spacing:.1em;color:#aaa2b0}.discipline-row>span>span{font-size:18px;margin-left:6px;line-height:0}.scroll-to-works{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;font-size:10px;letter-spacing:.12em;line-height:1.8;color:#d8d1dd}.scroll-to-works>span{width:1px;height:28px;background:linear-gradient(transparent,#cbbdd2);margin-bottom:10px}.scroll-to-works small{font:7px var(--mono);letter-spacing:.15em;color:#938a9b}.scroll-to-works:hover{color:var(--violet)}@keyframes ring-turn{to{rotate:360deg}}
.works-section{position:relative;scroll-margin-top:0;background:#161618;min-height:600px;padding:0;border-top:1px solid #ffffff13}.site-footer{border-top:1px solid var(--line);padding:58px 5vw 30px;display:grid;grid-template-columns:1fr 1fr;gap:30px;color:#b7afc0}.site-footer>div{display:flex;align-items:center;gap:22px}.site-footer p{font-size:24px;letter-spacing:.15em;margin:0;color:var(--paper);font-weight:700}.site-footer p small{font:9px var(--mono);display:block;letter-spacing:.2em;margin-top:7px;color:#b7afc0}.site-footer nav{display:flex;justify-content:flex-end;align-items:center;gap:30px;font-size:11px}.site-footer nav a:hover{color:var(--violet)}.site-footer>span{grid-column:1/-1;font:9px var(--mono);letter-spacing:.05em;padding-top:25px;border-top:1px solid #ffffff0c}.no-script{max-width:600px;margin:100px auto;padding:20px;text-align:center}.no-script a{margin:20px;display:inline-block;text-decoration:underline}
.motion-paused *,body.page-hidden *{animation-play-state:paused!important}.motion-paused .depth-scene{transform:none!important}.motion-paused .about-composition{transform:none!important;opacity:1!important}.motion-paused .brand-screen,.motion-paused .screen-mark,.motion-paused .entrance-title,.motion-paused .entrance-subtitle{animation:none!important}
@media(min-width:1600px){.about-composition{left:calc(50% - 700px);width:1400px}.about-wordmark{font-size:216px}}
@media(max-width:900px){.brand-home{padding:0 18px;gap:8px}.brand-home>span{font-size:12px}.main-nav a{font-size:11px}.entrance-center{width:86vw}.screen-word{font-size:12vw}.about-composition{left:4%;width:92%}.about-copy{width:32%;font-size:12px}.copy-left{left:1%}.copy-right{right:1%}.copy-anchor{width:17%}.about-ring-layer{width:49vw;height:49vw;margin:-24.5vw 0 0 -24.5vw}.about-wordmark{font-size:14vw}.about-emblem{width:29vw}.site-footer nav{gap:18px}}
@media(max-width:640px){html{scroll-padding-top:60px}.entrance-top{top:22px;left:22px;right:22px;font-size:13px}.entrance-top b{margin-left:10px;font-size:8px}.entrance-edition{display:none}.entrance-bottom{left:22px;right:22px;font-size:9px;bottom:23px}.entrance-center{width:86vw;padding:0}.entrance-kickers{font-size:8px;margin-bottom:13px}.brand-screen{aspect-ratio:.93;background:radial-gradient(ellipse at 50% 76%,#69397926,transparent 68%),linear-gradient(135deg,#1d1b21,#131316)}.screen-word{font-size:16.5vw;top:49%}.screen-mark{width:72%;height:63%;left:14%;top:17%}.screen-caption,.screen-index{left:15px;right:15px;font-size:6px;letter-spacing:.08em}.screen-caption{top:17px}.screen-index{bottom:15px}.screen-grid{background-size:32px 32px}.screen-trace{height:24%}.entrance-title{font-size:33px;margin-top:24px;letter-spacing:.25em}.entrance-subtitle{font-size:9px;letter-spacing:.22em}.enter-prompt{margin-top:25px;font-size:11px}.site-header{height:60px}.brand-home{padding:0 18px;border:0;flex:1}.brand-home img{width:39px;height:33px}.brand-home>span{font-size:13px}.brand-home small{font-size:7px}.motion-control{width:54px;border-left:1px solid var(--line)}.motion-label{display:none}.menu-toggle{display:flex;width:60px;background:none;justify-content:center;align-items:center;flex-direction:column;gap:6px;border-left:1px solid var(--line)}.menu-toggle span{height:1px;background:#e5dce9;width:18px;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{position:absolute;top:60px;left:0;right:0;display:none;background:#171719f8;border-bottom:1px solid #ffffff25;padding:12px 0}.main-nav.is-open{display:flex;flex-direction:column}.main-nav a{flex:none;min-height:56px;border:0;justify-content:flex-start;padding-left:28px;font-size:13px}.main-nav small{right:28px;bottom:24px;font-size:9px}.main-nav .is-current::after{left:14px;top:25px}.about-section{height:125svh}.about-stage{min-height:620px;padding:92px 7vw 20px}.chapter-label{font-size:8px}.chapter-label>span:last-child{font-size:10px}.about-composition{top:19%;left:7%;width:86%;height:68%;perspective:none;transform:none!important;opacity:1!important}.depth-scene{transform:none!important;transform-style:flat}.depth-layer{transform:none!important}.about-ring-layer{width:72vw;height:72vw;max-width:360px;max-height:360px;left:50%;top:30%;margin-left:max(-36vw,-180px);margin-top:max(-36vw,-180px)}.about-ring span{font-size:6px}.about-wordmark{top:35%;font-size:15.8vw;letter-spacing:-.08em}.about-emblem{width:49vw;max-width:245px;top:27%}#about-title{top:51%;font-size:28px}#about-title>span{font-size:8px;margin-top:10px}.discipline-row{top:45%;width:100%;left:0;font-size:6px;letter-spacing:.08em}.discipline-row>span>span{font-size:11px;margin-left:2px}.about-copy{top:70%;width:49%;font-size:11px;line-height:1.85}.about-copy small{font-size:7px;letter-spacing:.02em;margin-top:9px}.copy-left{left:0}.copy-right{right:0}.copy-anchor{display:none}.scroll-to-works{bottom:34px;font-size:9px}.scroll-to-works>span{height:20px}.scroll-to-works small{font-size:6px}.works-section{padding:0;min-height:720px;scroll-margin-top:0}.site-footer{padding:36px 7vw 22px;grid-template-columns:1fr;gap:30px}.site-footer>div{gap:17px}.site-footer>div img{width:52px;height:42px}.site-footer p{font-size:20px}.site-footer nav{justify-content:flex-start;font-size:10px;gap:25px}.site-footer>span{padding-top:18px}}
@media(max-height:690px) and (min-width:641px){.entrance-center{width:min(900px,66vw)}.entrance-title{margin-top:18px;font-size:30px}.enter-prompt{margin-top:20px}.about-stage{min-height:500px}.about-composition{top:18%;height:67%}.scroll-to-works{bottom:22px}.about-copy{font-size:12px}.about-ring-layer{width:34vw;height:34vw;margin:-17vw 0 0 -17vw}}
/* Keep the entrance usable with browser bars, landscape phones and small windows. */
@media(max-width:640px){.brand-screen{width:min(100%,calc((100svh - 300px)*.93))}.entrance-kickers{width:min(100%,calc((100svh - 300px)*.93))}.screen-word{font-size:min(16.5vw,calc((100svh - 300px)*.19))}.about-section{height:max(125svh,710px)}}
@media(max-width:640px) and (max-height:650px){.entrance-top{top:16px}.entrance-bottom{bottom:15px}.entrance-title{font-size:25px;margin-top:16px}.entrance-subtitle{font-size:8px}.enter-prompt{margin-top:17px;font-size:10px}.brand-screen{width:min(100%,calc((100svh - 240px)*.93))}.entrance-kickers{width:min(100%,calc((100svh - 240px)*.93))}.screen-word{font-size:min(16.5vw,calc((100svh - 240px)*.19))}.about-stage{min-height:540px}.about-section{height:max(125svh,650px)}}
@media(max-height:460px) and (min-width:641px){.entrance-center{width:min(56vw,calc((100svh - 185px)*2.34))}.entrance-title{font-size:23px;margin:13px 0 5px}.entrance-subtitle{font-size:8px}.enter-prompt{margin-top:12px;font-size:10px}.entrance-kickers{margin-bottom:9px;font-size:8px}.screen-caption,.screen-index{font-size:6px;left:13px;right:13px}.screen-caption{top:12px}.screen-index{bottom:12px}.entrance-top{top:16px;font-size:11px}.entrance-bottom{bottom:14px;font-size:8px}.screen-word{font-size:min(10.5vw,calc((100svh - 185px)*.3))}.about-section{height:max(165svh,650px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}.about-composition,.depth-scene{transform:none!important;opacity:1!important}.about-wordmark>span,.about-emblem,.about-copy{opacity:1!important;translate:0 0!important}.copy-anchor{transform:scaleX(1)!important}}