*{box-sizing:border-box}
:root{--bg:#07080a;--fg:#f0eee8;--muted:#9a978f;--line:rgba(255,255,255,.14);--panel:rgba(255,255,255,.035);--ease:cubic-bezier(.22,1,.36,1);--header-h:68px;--spot-x:50vw;--spot-y:50vh}
html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#090a0c,#07080a 58%,#090a0c);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
.site-head{position:fixed;z-index:70;left:0;right:0;top:0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(16px,3vw,34px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,8,10,.78);backdrop-filter:blur(16px)}
.brand-link{font-size:15px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.brand-link small{margin-left:9px;font-size:9px;font-weight:500;letter-spacing:.2em;color:var(--muted)}
.global-nav{display:flex;gap:20px;align-items:center}.global-nav a{font-size:10px;letter-spacing:.18em;color:var(--muted);padding:8px 0;position:relative;white-space:nowrap}.global-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:currentColor;transition:right .35s var(--ease)}.global-nav a:hover,.global-nav a.active{color:var(--fg)}.global-nav a:hover:after,.global-nav a.active:after{right:0}
.back-link{position:fixed;z-index:65;left:clamp(16px,3vw,34px);top:calc(var(--header-h) + 14px);font-size:10px;letter-spacing:.13em;color:var(--muted);padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(7,8,10,.72);backdrop-filter:blur(12px);transition:transform .32s var(--ease),color .25s,border-color .25s}.back-link:hover{transform:translateX(-4px);color:var(--fg);border-color:rgba(255,255,255,.28)}
.page{padding:calc(var(--header-h) + 72px) clamp(18px,4.7vw,70px) 72px;position:relative;z-index:3}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--muted)}.page-title{font-size:clamp(58px,10vw,132px);line-height:.9;letter-spacing:-.07em;margin:15px 0 22px}.page-intro{font-size:clamp(18px,2vw,29px);line-height:1.68;max-width:30em;color:#cbc8c0}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
/* circular stage spotlight: no beam */
.spot-vignette,.spot-pool{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .55s var(--ease)}
.spot-vignette{background:radial-gradient(circle 240px at var(--spot-x) var(--spot-y),transparent 0 48%,rgba(0,0,0,.08) 67%,rgba(0,0,0,.48) 100%)}
.spot-pool{inset:auto;width:520px;height:520px;left:var(--spot-x);top:var(--spot-y);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,244,214,.15),rgba(255,231,182,.065) 37%,transparent 69%);filter:blur(7px);mix-blend-mode:screen}
body.spot-on .spot-vignette,body.spot-on .spot-pool{opacity:1}
.stage-entry{position:fixed;z-index:90;width:360px;height:360px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) scale(.2);pointer-events:none;background:radial-gradient(circle,rgba(255,246,220,.22),rgba(255,230,170,.05) 46%,transparent 70%);opacity:0;animation:entrySpot .78s var(--ease) both}@keyframes entrySpot{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}35%{opacity:.75}100%{opacity:0;transform:translate(-50%,-50%) scale(2.3)}}
body.is-leaving main,body.is-leaving .site-head,body.is-leaving .back-link{opacity:.15;transition:opacity .3s ease}body.is-leaving .spot-pool{opacity:.95!important;transform:translate(-50%,-50%) scale(.38);transition:opacity .25s,transform .3s var(--ease)}
.panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:11px 16px;font-size:11px;letter-spacing:.13em;color:var(--fg);background:rgba(255,255,255,.025);transition:transform .3s var(--ease),background .3s}.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}
::selection{background:#eee9dc;color:#111}
@media(max-width:820px){.global-nav{gap:11px;max-width:70vw;overflow:auto;scrollbar-width:none}.global-nav::-webkit-scrollbar{display:none}.global-nav a{font-size:9px}.brand-link small{display:none}.page{padding:calc(var(--header-h) + 66px) 16px 54px}.spot-vignette,.spot-pool{display:none}.back-link{left:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.spot-vignette,.spot-pool,.stage-entry{display:none!important}}