
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050505;color:#fff;font-family:Inter,Arial,sans-serif}
#progress{position:fixed;top:0;left:0;height:4px;background:#fff;width:0;z-index:1000}
#soundBtn{position:fixed;right:24px;bottom:24px;z-index:1000;border:1px solid #333;background:#111;color:#fff;border-radius:999px;padding:12px 16px}
.glass-nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:16px;padding:14px 24px;border-radius:999px;background:rgba(20,20,20,.55);backdrop-filter:blur(18px);z-index:999}
.glass-nav a{color:#fff;text-decoration:none}
.scene{min-height:100vh;display:flex;align-items:center;padding:10vw;background:linear-gradient(#111,#000)}
.chapter:nth-child(even){background:linear-gradient(#1a1a1a,#050505)}
.copy{max-width:800px}
h1{font-size:clamp(3rem,8vw,7rem)}
h2{font-size:clamp(2rem,6vw,5rem)}
p{font-size:1.15rem;line-height:1.8}
.eyebrow{letter-spacing:.3rem;opacity:.75}
.book{text-align:center;padding:12vw 8vw}
.btn{display:inline-block;padding:18px 28px;border-radius:999px;background:#fff;color:#000;text-decoration:none;font-weight:bold}
