/* finesse · register=brand · A=graphite+electric-orange · B=900/400 · C=asymmetric-poster · D=Canvas-voxel-assembly · E=organizational-structure · SOUL=8 SPECTACLE=6 DENSITY=2 */
@font-face{font-family:Token Sans;src:url('./assets/display.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:Token Sans;src:url('./assets/body.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#111315;--ink:#edf0ee;--muted:#969b9e;--orange:#ff6b35;--border:rgba(220,231,237,.16);--grid:rgba(220,231,237,.025);--font:'Token Sans',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.poster{max-width:1920px;margin:auto;padding:0 clamp(24px,4.2vw,80px);min-height:100svh;min-height:100dvh;display:flex;flex-direction:column}.masthead{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:20px;letter-spacing:-.6px;min-height:44px;white-space:nowrap}.brand img{display:block}.edition,.header-mark{font:10px var(--mono);letter-spacing:1.5px;color:var(--muted)}.header-mark{font-size:12px;color:var(--ink)}
main{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:0;padding:54px 0 46px;min-height:620px}.copy{position:relative;z-index:2;min-width:0}.intro{font:9px var(--mono);letter-spacing:1.4px;color:var(--muted);display:flex;gap:12px;align-items:center;margin-bottom:28px}.tiny-cross{color:var(--orange);font-size:20px}h1{font-size:clamp(86px,12.8vw,206px);font-weight:900;line-height:1;letter-spacing:-.085em;margin:0 0 30px -0.065em;overflow-wrap:anywhere;min-width:0}h1>span{display:block}.org{color:var(--ink)}.period{color:var(--orange)}.statement{padding-left:2px}.statement p{font-size:clamp(18px,1.65vw,25px);line-height:1.45;letter-spacing:-.5px;margin:0}.statement .chinese{font-family:var(--font),sans-serif;font-size:13px;color:var(--muted);letter-spacing:2px;margin-top:18px}
.visual{min-width:0;margin:0;align-self:center;position:relative}.scene-frame{position:relative;width:100%;aspect-ratio:1.1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center, var(--bg) 43%,transparent 74%)}canvas,.fallback{display:block;position:absolute;inset:0;width:100%;height:100%}.fallback{opacity:.8}.canvas-ready .fallback{display:none}.cross{position:absolute;color:var(--muted);font:18px var(--mono)}.corner-one{top:8%;left:8%}.corner-two{bottom:8%;right:8%}figcaption{display:flex;align-items:center;justify-content:space-between;margin:10px 30px 0;font:9px var(--mono);letter-spacing:1.2px;color:var(--muted)}.scene-label{display:flex;align-items:center;gap:9px}.signal{width:5px;height:5px;background:var(--orange)}button{font:inherit;color:var(--muted);background:transparent;border:1px solid var(--border);padding:0 12px;min-height:44px;display:flex;gap:9px;align-items:center;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}button[hidden]{display:none}button:hover{color:var(--ink);border-color:var(--muted)}button:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.control-icon{font-size:14px}.control-label{font-size:9px}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:96px;border-top:1px solid var(--border);font:10px var(--mono);letter-spacing:1.2px}.coming{display:flex;align-items:center;gap:12px;color:var(--orange);white-space:nowrap}.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%}.soon-cn{color:var(--muted);font-size:11px;letter-spacing:1px;margin-left:8px}.footer-note{color:var(--muted);font-size:9px}.footer-domain{color:var(--muted);letter-spacing:0}.footer-domain span{color:var(--orange);margin-left:16px;font-size:16px}
.copy,.masthead,footer{animation:enter .9s cubic-bezier(.16,1,.3,1) both}.copy{animation-delay:.1s}footer{animation-delay:.25s}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){main{min-height:760px}}
@media(max-width:1000px){.edition{display:none}.intro{font-size:8px;letter-spacing:.6px}.poster{padding-inline:32px}main{min-height:580px}figcaption{margin-inline:0}.scene-label{font-size:8px;letter-spacing:.5px}.footer-domain{display:none}}
@media(max-width:700px){.poster{padding-inline:24px}.masthead{height:80px}.brand{font-size:17px}.brand img{width:26px;height:26px}.header-mark{font-size:10px}main{grid-template-columns:minmax(0,1fr);padding:35px 0 25px;min-height:0;gap:8px}.intro{margin-bottom:20px;font-size:7px;letter-spacing:.7px}h1{font-size:clamp(84px,23vw,154px);margin-bottom:22px}.statement p{font-size:19px}.statement .chinese{margin-top:12px;font-size:12px}.visual{width:100%;max-width:440px;justify-self:center}.scene-frame{aspect-ratio:1.2}figcaption{margin:0 2px;font-size:8px}.scene-label{font-size:8px}footer{min-height:80px;font-size:9px;gap:8px}.soon-cn{display:none}.footer-domain span{margin-left:6px}.coming{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.footer-note{letter-spacing:0;font:12px var(--font)}.footer-note a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.footer-note a:hover{color:var(--orange)}
@media(max-width:700px){.footer-note{font-size:11px}}