@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff")}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,d09GMgABAAAAAAaEABMAAAAADFgAAAYdAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJpBmA/U1RBVIE4AFwvbBEICoJ8gkMLFAAwhCoBNgIkAyIEIAWGUAdiDAcbvgpRVHJOI/viwCYyfSFrJjFIG8raYpYj9+IeSF0s6zD+Lk/4OGrZHhHV+wvt2ffuWPwlA51lIICIosSVmyOKEs5Uzlx3NKeXIgn1ssCydUybDV0IHga+SszIyfrQe9bLTFNxjayzgs76hNsDoSYtRe32fiJ4gxBjrP8L+w//zzHjv7Yqyr9o2vOBDXhCo2jMtr4uwAK/gV1U0PxAq/EAD+yW9EoKOL1KLw8rHrFgCSgRTQRzBzpeXVhweEDlyfY8gIoOa2CQJzrTAHIIoitTMVV2dyFwpJ2iAEQTpSkhPitxD3YwuZHEagTcAhyKAcBmUyPdhTovJThOw6HYiaF2M/J7erdi2OUutor6ES6Ac88AvfZvKpb6fJoArohb524042j6Jij36NI7P8Pb7s721naN9gcTtcjXQP4l+8BKEzFVGMxxoHqlq8Ul4LGneFJBDFaOdKpLPcg8P14YSDwIcn75hdlyJLTBlZ4voL6tT46yC/njunXqpJ0/bSvmrH1o3kRlwZ+j0DBogkF3KbDRVBlbOc+fY5HVXwPoT9hfekPnyZMaEmenYLMSg5npqegFOsgXsBv1IoF9aIVfSCNHkk6+gIzILsiYuhWQCfUtZEpbkRntQxBZgw7MwFbMcRvwJrAnBlDqs7isLtL7pO84Xru1i7ah7tckH1Wreqq6K9u0amxU1bcff/s2Y1ni3rh2I8zHzqkm3PGvv3mzC6NDBz/UcOBIg+nm88rxN8MbdtypvHUL5o1c2zG0urYpRmW+VHZdiba6GXN/3v0B3i3nt4RBsbfAu8ftLqRcTIlZ4VYheFTAS5nXLS65VZrbuW3daF2Ze1ChyGXWZN6u9nUuH1LfyTERifZXEpIueMe28vF8FOoTnsONzw+1djo9P71lZGx1vM8mH/BhvSa2HDsRZ1+Ul+RmpnPOIaEuwWnZZdkgQWAAyCDDZ1wk+0sh7wseAAwA6UlHxbftCgYAAwKAgwIAEA7ACfHIRbV7J6dwF/ZzcRRmAjXUYKAGWAlDCCFmKnH+LJEQfHKEmVrfmKwSEab36AcubXQBoDYJV/aRV+funFD8wAXLSLYbwr9+DR+h/qZIKCfeqRG5ghHpdY0zcV2nuz5iJMhAFjaTDwOcoyKGG9JHrCfdp4cC+kCvUrxc7+bliIMiHj95sPIbUeWZEP/HLnN2tlr9EBeRiktHuWvErx98fRz1MuEvHO3FDRgtsSzL/P0hsDLK2n5/uHMOjvTst0HD6t+80ZN798j7j//kjqHxIOZDFPR/FxurFD6/HxGbB799RPHLx5F89MoBOub9jVuOWtmPH3o9H3r26DIuff+LqPLwff/xryDRmiAYmjxiK0GwS9XU+k8QpUrHsCTs4qH89Fv44ubWbQmOE51M7J8Pt8+h+NKt3zZpa2L9zZqcRlyEc4MaNGdfjQCxgIygn78ne4yAzcLWA3zAJ6RRGbijvHr1W+XN8ywrG0EoZSySb0/A9KsllI7Q/Pq8hLu76tfTy5cF4X8bQxTtYp2vr6/+1oI4AhgAlNYFryt62VaX9ktO6VsAeDLeWx6fff4vdV1ts7N6+gw9GCsQnqPB0QUttB9nEc7Aaf4XM0NQ90VJ+HV1rG04znGCmXcpPCA9+nxdMPgPlT7Dz83NMfZuMJaNeRqbc+tjd2QER/b0B44d7nv5Rif7VC8svYkx9SKWwb3YzN2M3cY8jSNLl+PYZqfjxNTxOLXVCmfmduDc0ty1kLbjeiGfIrDFJXWPTTMD5TKupR8cpZgJeXTofId8NoUj6E8XfAc2k4WPdbCberDYAp8Q7L5dUo8wE8cs9QINZYvwXKzvBS4v/n+fQZkGrrFysKEIuFBgjQpxiHH1XA+ZBI+C+oAoxhYKECc42rGOc8L4mYhsiThGfFjOcKmFubPpDgwnY1918Fwo8ouenDJxvGP96HFWJ28hiOy251oKjkcbGz2POMme8CTMThx6wqOPsFtPI6j6HhDyDTxFQYnL88FcXGAGHl3ZuueRbEuxbK6Hc84ZDvRrREtLzyjj8Xkd/uShR1b0sYd8Nh8/c8znxCnadxQcf2nFVWIyw1g+4StXav9j75s+CQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--serif: "Instrument Serif", Georgia, "Songti SC", "Noto Serif SC", serif;--sans: "Hanken Grotesk Variable", -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--bg: #060709;--bg-1: #0c0e11;--text: #ece8df;--muted: #8a857c;--faint: #5a564f;--line: rgba(236, 232, 223, .1);--line-2: rgba(236, 232, 223, .2);--accent: #79dde8;--ease: cubic-bezier(.22, 1, .36, 1);font-family:var(--sans);background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(80rem 60rem at 50% 30%,rgba(121,221,232,.04),transparent 70%),var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,a{font:inherit;letter-spacing:inherit}button{color:inherit;background:transparent;border:0;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent);color:#fff}:focus-visible{outline:1px solid var(--accent);outline-offset:4px;border-radius:2px}.skip-link{position:absolute;top:-100px;left:8px;z-index:200;padding:10px 16px;color:var(--text);background:var(--bg-1);border:1px solid var(--line-2);border-radius:6px;transition:top .2s var(--ease)}.skip-link:focus{top:8px}.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 clamp(20px,4vw,56px);background:linear-gradient(180deg,rgba(6,7,9,.55),transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text)}.brand-mark{display:inline-block;width:12px;height:12px;border:1.5px solid var(--accent);border-radius:50%;position:relative;transition:border-color .4s var(--ease)}.brand-mark:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--accent);opacity:.6;transition:background .4s var(--ease)}.brand-text{font-family:var(--serif);font-size:22px;letter-spacing:.01em}.site-header nav{display:flex;align-items:center;gap:4px}.site-header nav button{padding:8px 14px;color:var(--muted);font-size:14px;letter-spacing:.02em;border-radius:999px;transition:color .25s var(--ease),background .25s var(--ease)}.site-header nav button:hover{color:var(--text);background:#ece8df0d}.icon-button{display:none;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;color:var(--text)}main{overflow:clip;height:100svh}.scroll-stage{position:relative;height:100svh;isolation:isolate;overflow:hidden}.stage-pin{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.command-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.command-scene canvas{display:block;width:100%!important;height:100%!important}.stage-pin:before,.stage-pin:after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}.stage-pin:before{top:0;height:200px;background:linear-gradient(180deg,var(--bg) 0%,transparent 100%)}.stage-pin:after{bottom:0;height:240px;background:linear-gradient(0deg,var(--bg) 0%,transparent 100%)}.stage-copy{position:absolute;left:clamp(20px,4vw,56px);bottom:clamp(48px,9vh,96px);z-index:3;max-width:min(540px,80vw);color:var(--text);animation:copy-in .8s var(--ease) both}@keyframes copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.copy-index{display:block;font-family:var(--serif);font-size:14px;font-style:italic;color:color-mix(in srgb,var(--accent) 80%,var(--text));margin-bottom:14px;letter-spacing:.05em}.copy-label{display:block;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--faint);margin-bottom:22px}.copy-title{font-family:var(--serif);font-weight:400;font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-.01em;margin-bottom:18px}.copy-title span{color:var(--accent)}.copy-tag{font-size:clamp(16px,1.6vw,20px);color:var(--text);margin-bottom:12px;font-weight:500}.copy-desc{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:22px;max-width:420px}.copy-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.copy-keywords span{padding:4px 12px;font-size:12px;letter-spacing:.04em;color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.copy-form{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.rail{position:absolute;right:clamp(20px,3vw,44px);top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:22px;align-items:flex-end;padding-right:14px}.rail button{display:flex;align-items:center;gap:12px;opacity:.4;transition:opacity .3s var(--ease)}.rail button:hover{opacity:.8}.rail button.active{opacity:1}.rail-index{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--muted);order:2}.rail button.active .rail-index{color:var(--accent)}.rail-label{font-size:11px;letter-spacing:.1em;color:var(--muted);order:1;opacity:0;transform:translate(8px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.rail button:hover .rail-label,.rail button.active .rail-label{opacity:1;transform:translate(0)}.rail button.active .rail-label{color:var(--text)}.rail-line{display:none}.rail-loop-hint{margin-top:8px;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);writing-mode:vertical-rl;opacity:.6}.stage-hint{position:absolute;right:clamp(20px,4vw,56px);bottom:clamp(28px,5vh,48px);z-index:3;display:flex;align-items:center;gap:8px;color:var(--faint);font-size:11px;letter-spacing:.2em;text-transform:uppercase;animation:hint-pulse 2.4s var(--ease) infinite}@keyframes hint-pulse{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.9;transform:translateY(3px)}}.stage-hint.loop svg{animation:loop-spin 4s linear infinite}@keyframes loop-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stage-badge{position:absolute;right:clamp(20px,4vw,56px);top:clamp(84px,12vh,112px);z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:8px;animation:copy-in .8s var(--ease) .1s both}.badge-form{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.badge-cta{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent)}@media(max-width:760px){.site-header{padding:0 18px}.site-header nav{position:fixed;inset:64px 0 auto;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px;background:#060709f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}.site-header nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.site-header nav button{padding:14px 8px;text-align:left;font-size:16px;border-bottom:1px solid var(--line);border-radius:0}.site-header nav button:last-child{border-bottom:0}.icon-button{display:grid}.stage-copy{left:18px;right:18px;bottom:clamp(40px,8vh,72px);max-width:none}.copy-title{font-size:clamp(40px,13vw,64px)}.rail{display:none}.stage-badge{top:80px;right:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}