*{box-sizing:border-box}html{background:#0b171d}body{margin:0;height:500vh;height:500svh;color:#e9eeeb;font-family:Arial,Helvetica,sans-serif;--text:#e9eeeb}#scene{position:fixed;inset:0;z-index:0;background:#0b171d}canvas{display:block;width:100%;height:100%}.intro-brand,.skip-intro,.chapter,.scroll-note,.progress{position:fixed;z-index:3;color:var(--text)}.intro-brand{top:32px;left:4vw;font:32px Georgia,serif;display:flex;align-items:center;gap:17px}.intro-brand>span{font:11px Arial,sans-serif;letter-spacing:2px;border-left:1px solid currentColor;padding:6px 0 6px 17px}.skip-intro{top:38px;right:4vw;text-decoration:none;font-size:14px;padding:8px;border-bottom:1px solid currentColor}.captions{position:fixed;inset:0;pointer-events:none;z-index:2;color:var(--text)}.caption{position:absolute;top:36%;width:31vw;max-width:440px;opacity:0;transform:translateY(20px)}.caption:first-child{opacity:1}.caption.left{left:6vw}.caption.right{right:6vw;text-align:right}.caption>span,.finish>span{font-size:11px;letter-spacing:2px;font-weight:600}.caption h1,.caption h2{font:400 clamp(32px,4.2vw,68px)/1.08 Georgia,serif;letter-spacing:-1.7px;margin:24px 0}.caption p{font-size:16px;line-height:1.65;max-width:310px}.caption.right p{margin-left:auto}.scroll-note{bottom:34px;left:4vw;font-size:10px;letter-spacing:2px}.scroll-note span{display:inline-block;margin-left:14px;font-size:20px}.chapter{right:4vw;bottom:36px;font-size:12px;letter-spacing:2px}.progress{bottom:0;left:0;right:0;height:3px;background:#7f969322}.progress span{display:block;height:100%;background:var(--text);transform:scaleX(0);transform-origin:left}.finish{position:fixed;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;color:var(--text);background:linear-gradient(0deg,#e9ede840,transparent)}[hidden]{display:none!important}.finish a,.fallback a{font:24px Georgia,serif;background:#122d35;color:white;padding:22px 32px;text-decoration:none;border:1px solid #ffffff40}.finish a span{margin-left:32px}.fallback{position:fixed;inset:0;z-index:6;background:#0b171d;color:white;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}a:focus-visible{outline:3px solid #b66e46;outline-offset:6px}@media(max-width:700px){.intro-brand{top:22px}.intro-brand>span{display:none}.skip-intro{top:24px;font-size:12px}.caption{top:auto;bottom:17%;width:80vw;max-width:none}.caption.left{left:7vw}.caption.right{right:7vw}.caption h1,.caption h2{font-size:42px;margin:16px 0}.caption p{font-size:14px;max-width:270px}.scroll-note{font-size:9px;max-width:200px;line-height:1.5}.finish a{font-size:22px}}@media(prefers-reduced-motion:reduce){.caption{transform:none}}