:root{color-scheme:dark;font-family:Georgia,Times New Roman,serif;line-height:1.7}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#000;color:#e8e0d4}html.lenis,html.lenis body{height:auto}.story-container{position:relative;z-index:1}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.hero-content{max-width:700px;padding:2rem}.hero-title{font-size:clamp(3.5rem,10vw,8rem);font-weight:300;letter-spacing:-.03em;line-height:1;margin-bottom:1.5rem;text-shadow:0 0 80px rgba(255,255,255,.08)}.hero-title-accent{font-style:italic;background:linear-gradient(135deg,#4fc3f7,#ce93d8,#ffb74d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1.15rem;color:#e8e0d480;letter-spacing:.04em;margin-bottom:3rem;line-height:1.8}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent)}.chapter{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem;position:relative}.chapter-scene-card{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1050px;width:100%;align-items:center}.chapter-scene-card.reversed{direction:rtl}.chapter-scene-card.reversed>*{direction:ltr}.scene-media{position:relative}.scene-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:0 4px}.scene-caption{font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:#e8e0d44d}.scene-rec-dot{width:6px;height:6px;border-radius:50%;background:#ef5350;animation:rec-pulse 1.5s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.2}}.scene-visual{position:relative;border-radius:12px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.scene-canvas{display:block;width:100%;height:auto;aspect-ratio:560 / 340}.scene-stats{display:flex;gap:0;margin-top:.75rem;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden;background:#ffffff04}.scene-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem}.scene-stat:not(:last-child){border-right:1px solid rgba(255,255,255,.06)}.scene-stat-label{font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.55rem;text-transform:uppercase;letter-spacing:.2em;color:#e8e0d44d;margin-bottom:.25rem}.scene-stat-value{font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.85rem;font-weight:600;letter-spacing:.02em}.scene-text{position:relative;padding:1rem 0}.chapter-subtitle{display:block;font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:#e8e0d459;margin-bottom:1rem}.chapter-line{width:60px;height:1px;background:#e8e0d433;margin-bottom:1.5rem;transform-origin:left}.chapter-title{font-size:clamp(2rem,4vw,3rem);font-weight:300;letter-spacing:-.02em;line-height:1.15;margin-bottom:1.5rem;text-shadow:0 0 60px rgba(255,255,255,.05)}.chapter-narrative{font-size:.95rem;line-height:1.9;color:#e8e0d4b3;margin-bottom:2rem}.chapter-quote{font-style:italic;font-size:1.05rem;color:#e8e0d466;padding-left:1.25rem;border-left:2px solid rgba(232,224,212,.1);line-height:1.7}.chapter-nav{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:1rem}.chapter-nav-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(232,224,212,.3);background:transparent;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);padding:0}.chapter-nav-dot:hover{border-color:#e8e0d4b3;transform:scale(1.3)}.chapter-nav-dot.active{border-color:transparent;transform:scale(1.4);box-shadow:0 0 12px currentColor}.story-footer{min-height:60vh;display:flex;align-items:center;justify-content:center}.footer-text{font-style:italic;font-size:1.1rem;color:#e8e0d440;letter-spacing:.05em}@media(max-width:900px){.chapter-scene-card{grid-template-columns:1fr;gap:2rem}.chapter-scene-card.reversed{direction:ltr}.chapter-nav{right:1rem;gap:.75rem}.chapter-nav-dot{width:8px;height:8px}.chapter{padding:4rem 1.5rem}}