:root{--serif:"Songti SC", "Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif;--sans:"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--ink:#0a0908;--ivory:#f3f2ec;--paper:#fff;--line-dark:#f2ece124;--line-light:#dedcd3;--gold:#c8a163;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--sans);background:var(--ink)}.mono{font-family:var(--mono)}.brand{font-family:var(--serif);letter-spacing:.34em;font-size:17px;font-weight:400}.kicker{letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:9.5px}.footer{white-space:nowrap;align-items:baseline;gap:10px;font-size:13px;line-height:1;display:flex;overflow:hidden}.footer--dark{color:#f2ece166;border-top:1px solid #f2ece114;padding:16px 44px 18px}.footer--light{color:#1b1b1866;border-top:1px solid var(--line-light);padding:16px 0 18px}.a{background:var(--ink);color:#f2ece1;min-height:100svh;position:relative;overflow:hidden}.a__stage{position:absolute;inset:0;transform:translate(13%)}.a__stage canvas{display:block}.a__vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,#0000 38%,#0000008c 100%);position:absolute;inset:0}.a__grain{pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:absolute;inset:0}.a__top{pointer-events:none;justify-content:space-between;align-items:baseline;padding:34px 44px;display:flex;position:absolute;top:0;left:0;right:0}.a__tag{letter-spacing:.22em;color:#f2ece157;font-size:9.5px}.a__hud{text-align:right;pointer-events:none;gap:20px;display:grid;position:absolute;top:50%;right:44px;transform:translateY(-50%)}.a__hud i{letter-spacing:.24em;color:#f2ece14d;margin-bottom:5px;font-size:9px;font-style:normal;display:block}.a__hud b{letter-spacing:.08em;color:#f2ece1e0;font-variant-numeric:tabular-nums;font-size:13px;font-weight:400}.a__copy{pointer-events:none;max-width:620px;position:absolute;bottom:132px;left:44px}.a__copy .kicker{color:var(--gold)}.a__copy h1{font-family:var(--serif);letter-spacing:.015em;color:#f6f0e4;margin:18px 0 20px;font-size:clamp(40px,4.6vw,66px);font-weight:400;line-height:1.14}.a__sub{color:#f2ece180;max-width:30em;margin:0;font-size:14px;line-height:1.95}.golden-button{touch-action:manipulation;box-sizing:border-box;height:2.9em;font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#783205;text-shadow:0 2px 2px #fae385;cursor:pointer;pointer-events:auto;background-image:linear-gradient(160deg,#a54e07,#b47e11,#fef1a2,#bc881b,#a54e07);background-position:50%;background-size:100% 100%;border:1px solid #a55d07;border-radius:5px;outline:none;margin-top:30px;padding:0 1.7em;font-size:12.5px;line-height:2.7em;transition:all .2s ease-in-out;display:inline-block;box-shadow:0 3px 6px #00000029,0 3px 6px #6e501466,inset 0 -2px 5px 1px #8b4208,inset 0 -1px 1px 3px #fae385}.golden-button:focus,.golden-button:hover{color:#783205cc;background-size:150% 150%;border:1px solid #a55d0799;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b,inset 0 -2px 5px 1px #b17d10,inset 0 -1px 1px 3px #fae385}.golden-button:active{box-shadow:0 3px 6px #00000029,0 3px 6px #6e501466,inset 0 -2px 5px 1px #b17d10,inset 0 -1px 1px 3px #fae385}.a__hint{letter-spacing:.14em;color:#f2ece147;pointer-events:none;margin:0;font-size:10px;position:absolute;bottom:84px;right:44px}.a>.footer{padding-left:44px;padding-right:44px;position:absolute;bottom:0;left:0;right:0}.b{background:var(--ivory);color:#1b1b18;flex-direction:column;min-height:100svh;padding:26px 40px 0;display:flex}.b__top{border-bottom:1px solid var(--line-light);justify-content:space-between;align-items:baseline;padding-bottom:22px;display:flex}.b__nav{letter-spacing:.2em;color:#6b6b63;gap:26px;font-size:10px;display:flex}.b__main{flex:1;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:52px;padding:40px 0 32px;display:grid}.b__copy{max-width:560px}.b__copy .kicker{color:#8a7a5c}.b__copy h1{font-family:var(--serif);letter-spacing:-.005em;color:#16160f;margin:16px 0 22px;font-size:clamp(38px,4.1vw,62px);font-weight:400;line-height:1.08}.b__sub{color:#55554c;max-width:30em;margin:0;font-size:15px;line-height:1.95}.b__specs{border-top:1px solid var(--line-light);grid-template-columns:repeat(3,auto);justify-content:start;gap:54px;margin:38px 0 0;padding-top:18px;display:grid}.b__specs dt{letter-spacing:.22em;color:#8b8b80;margin-bottom:7px;font-size:9.5px}.b__specs dd{font-family:var(--serif);letter-spacing:.04em;color:#1b1b18;margin:0;font-size:20px}.b__hint{letter-spacing:.13em;color:#9a9a8e;margin:30px 0 0;font-size:10px}.b__viewer{background:#131310;border:1px solid #e0dfd6;border-radius:5px;height:min(64svh,580px);overflow:hidden}.b__viewer canvas{display:block}@media (width<=900px){.a__top{padding:22px 22px 0}.a__tag{display:none}.a__stage{transform:translateY(-10%)}.a__hud{text-align:left;gap:18px;display:flex;top:86px;right:22px;transform:none}.a__hud i{margin-bottom:3px;font-size:8px}.a__hud b{font-size:11px}.a__copy{bottom:96px;left:22px;right:22px}.a__copy h1{margin:14px 0;font-size:33px}.a__sub{font-size:13px;line-height:1.85}.golden-button{margin-top:22px}.a__hint{display:none}.a>.footer{letter-spacing:0;gap:8px;padding:13px 22px 15px;font-size:11px}.b{padding:20px 20px 0}.b__main{grid-template-columns:1fr;gap:24px;padding:20px 0 18px}.b__viewer{order:-1;height:40svh}.b__copy h1{margin:12px 0 16px;font-size:34px}.b__sub{font-size:14px;line-height:1.85}.b__specs{gap:28px;margin-top:24px;padding-top:14px}.b__hint{margin-top:18px}.b>.footer{letter-spacing:0;gap:8px;font-size:11px}}