.intro-stage{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-size:16px;--ink:#ecebe2;--gold:#c5ad75;--muted:#969c8f}
.intro-stage *{box-sizing:border-box}
.intro-stage{margin:0;background:#070908;color:var(--ink)}
.intro-stage button,.intro-stage a{-webkit-tap-highlight-color:transparent}
.intro-stage button{font:inherit;background:none;color:inherit;border:0;cursor:pointer}
.intro-stage button:focus-visible,.intro-stage a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.intro-stage a{color:inherit;text-decoration:none}
.intro-stage{position:relative;height:100svh;min-height:540px;overflow:hidden;background:radial-gradient(ellipse at 60% 44%,#192017 0,#0b100c 43%,#050705 82%)}
.intro-stage #scene{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y}
.intro-stage .fallback{position:absolute;height:66%;width:38%;top:16%;left:43%;object-fit:contain;opacity:.48;transition:opacity .5s;pointer-events:none}
.intro-stage.loaded .fallback{opacity:0}
.intro-stage header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:38px 42px;pointer-events:none;z-index:2}
.intro-stage .brand{font-size:15px;letter-spacing:.22em;pointer-events:auto;font-weight:600}
.intro-stage .brand span{display:block;font-size:12px;letter-spacing:.16em;font-weight:400;color:var(--muted);margin-top:10px}
.intro-stage .edition{font-size:12px;letter-spacing:.15em;color:var(--muted)}
.intro-stage .signature{position:absolute;top:49%;left:6vw;transform:translateY(-50%);pointer-events:none;max-width:43vw;z-index:1}
.intro-stage .eyebrow{font-size:12px;letter-spacing:.12em;color:#adb99e;margin:0 0 24px}
.intro-stage .signature h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(45px,5.8vw,88px);font-weight:400;letter-spacing:-.05em;line-height:1.12;margin:0}
.intro-stage .signature h1 em{color:#bca773;font-weight:400;font-size:.74em;letter-spacing:-.02em}
.intro-stage .byline{font-size:14px;color:var(--muted);margin-top:26px}
.intro-stage footer{position:absolute;bottom:30px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:2}
.intro-stage footer button{font-size:14px;min-height:44px;padding:12px 17px}
.intro-stage .mode-switch{display:flex;gap:3px;padding:3px;border:1px solid #b7cba426;border-radius:30px;background:#0b100ca8;backdrop-filter:blur(12px)}
.intro-stage .mode-switch button{border-radius:25px;color:var(--muted)}
.intro-stage .mode-switch button[aria-pressed=true]{background:#d2c196;color:#121610}
.intro-stage .mode-switch button:hover{color:#eae7d6}
.intro-stage .mode-switch button[aria-pressed=true]:hover{color:#121610}
.intro-stage .actions{display:flex;gap:7px}
.intro-stage .actions button{color:#aaaF9f}
.intro-stage .actions button:hover{color:#eae7d6}
.intro-stage #hint{font-size:12px;letter-spacing:.16em;color:#97a78c;text-align:center}
.intro-stage #loading{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);font-size:14px;color:var(--muted);transition:opacity .4s;z-index:2}
.intro-stage.loaded #loading{opacity:0;pointer-events:none}
.intro-stage .noscript{position:absolute;bottom:130px;left:6vw;font-size:16px}
@media(max-width:1000px){.intro-stage .signature h1{font-size:58px}
.intro-stage .signature{left:5vw}
.intro-stage .eyebrow{max-width:210px;line-height:1.8}
.intro-stage .edition{display:none}}
@media(max-width:700px){.intro-stage{min-height:620px}
.intro-stage header{padding:24px}
.intro-stage .brand{font-size:14px}
.intro-stage .brand span{font-size:12px;margin-top:7px}
.intro-stage .signature{left:24px;right:24px;top:auto;bottom:137px;transform:none;max-width:none}
.intro-stage .eyebrow{font-size:12px;max-width:none;margin-bottom:10px;line-height:1.4}
.intro-stage .signature h1{font-size:42px;line-height:1}
.intro-stage .signature h1 br{display:none}
.intro-stage .signature h1 em{font-size:.72em}
.intro-stage .byline{margin-top:14px;font-size:14px}
.intro-stage footer{left:20px;right:20px;bottom:25px;gap:8px;flex-wrap:wrap}
.intro-stage .mode-switch button{font-size:14px;padding:10px 15px}
.intro-stage .actions{gap:0}
.intro-stage .actions button{font-size:14px;padding:10px}
.intro-stage #hint{position:absolute;bottom:60px;width:100%;font-size:12px;letter-spacing:.10em}
.intro-stage .fallback{left:20%;width:60%;height:53%;top:13%}
.intro-stage #loading{bottom:230px;white-space:nowrap}}
@media(max-width:400px){.intro-stage .signature h1{font-size:36px}
.intro-stage .eyebrow{font-size:12px;letter-spacing:.05em}
.intro-stage .actions button{padding:10px 8px}
.intro-stage .mode-switch button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.intro-stage *{transition:none!important}}
.intro-stage .chapter-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;font-size:14px;color:#c5b282;border-bottom:1px solid #b7cba437}
.intro-stage .chapter-link:hover{color:#ede7d3}


body{margin:0;background:#070908}.intro-stage{position:relative;color:var(--ink)}