:root{--bg: #0d0905;--bg-2: #150e08;--wood: #1d130b;--paper: #e9dab8;--paper-2: #d9c69c;--ink: #2c2113;--ink-soft: #564327;--gold: #c99a55;--gold-bright: #ecc98a;--bronze: #8a6a42;--bronze-dim: #5c4628;--cream: #f2e8d2;--text: #d8c8a8;--text-dim: #9d8a68;--green: #9db37e;--serif: "Cormorant Garamond", "Times New Roman", serif;--sc: "Cormorant SC", "Cormorant Garamond", serif;--body: "Spectral", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);font-weight:300;font-size:17px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:#c99a5559;color:var(--cream)}.grain{position:fixed;inset:-50%;z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 9s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-2%,2%)}40%{transform:translate(2%,-1%)}60%{transform:translate(-1%,-2%)}80%{transform:translate(1%,2%)}}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,4vw,56px);background:linear-gradient(to bottom,#0a0603d9,#0a060300)}.brand{display:flex;align-items:center;gap:12px;color:var(--gold)}.brand-name{font-family:var(--sc);font-size:19px;letter-spacing:.14em;color:var(--cream)}.topnav{display:flex;gap:clamp(14px,2.4vw,32px)}.topnav a{color:var(--text-dim);text-decoration:none;font-family:var(--sc);font-size:14px;letter-spacing:.18em;transition:color .3s}.topnav a:hover{color:var(--gold-bright)}.btn{display:inline-block;padding:15px 34px;text-decoration:none;font-family:var(--sc);font-size:15px;letter-spacing:.2em;border:1px solid var(--bronze);color:var(--cream);background:transparent;transition:all .35s ease;position:relative}.btn-gold{background:linear-gradient(160deg,#d8ab63,#9c773f);border-color:#e8c98c;color:#241708;font-weight:600;box-shadow:0 6px 28px #c99a5540,inset 0 1px #ffebbe99}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 36px #c99a5566,inset 0 1px #ffebbe99}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-bright);background:#c99a5512}.section{padding:clamp(90px,12vh,150px) clamp(20px,5vw,64px);max-width:1200px;margin:0 auto}.section-head{text-align:center;margin-bottom:clamp(48px,7vh,80px)}.eyebrow{font-family:var(--sc);font-size:13px;letter-spacing:.34em;color:var(--bronze);text-transform:lowercase;margin-bottom:14px}.eyebrow:before,.eyebrow:after{content:"—";color:var(--bronze-dim);margin:0 10px}.section-title{font-family:var(--serif);font-weight:600;color:var(--cream);font-size:clamp(34px,5vw,56px);line-height:1.1;letter-spacing:.01em}.section-sub{color:var(--text-dim);margin-top:14px;font-style:italic;font-size:16px}.rv{opacity:0;transform:translateY(28px)}body.no-js .rv,body.rv-ready .rv{opacity:1;transform:none}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-canvas{position:absolute;inset:0;width:100%;height:100%}.hero-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 50% 42%,transparent 30%,rgba(8,5,2,.72) 100%),linear-gradient(to top,rgba(8,5,2,.9),transparent 36%)}.hero-content{position:relative;z-index:2;padding:90px 20px 40px;max-width:880px}.hero-eyebrow{font-family:var(--sc);font-size:14px;letter-spacing:.42em;color:var(--gold)}.hero-title{font-family:var(--serif);font-weight:700;color:var(--cream);font-size:clamp(52px,10vw,122px);line-height:.98;letter-spacing:.035em;margin-top:22px;text-shadow:0 0 70px rgba(201,154,85,.3),0 2px 1px rgba(0,0,0,.6)}.hero-rule{display:flex;align-items:center;gap:16px;justify-content:center;margin:26px auto 22px;color:var(--bronze)}.hero-rule:before,.hero-rule:after{content:"";width:clamp(60px,12vw,150px);height:1px;background:linear-gradient(to right,transparent,var(--bronze))}.hero-rule:after{background:linear-gradient(to left,transparent,var(--bronze))}.hero-sub{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.6vw,26px);color:var(--text)}.hero-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:40px}.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:2;width:26px;height:44px;border:1px solid var(--bronze);border-radius:14px}.hero-scroll span{position:absolute;top:8px;left:50%;width:3px;height:9px;margin-left:-1.5px;background:var(--gold);border-radius:2px;animation:scrollhint 2.2s ease-in-out infinite}@keyframes scrollhint{0%,to{transform:translateY(0);opacity:1}60%{transform:translateY(14px);opacity:0}}.doc-card{position:relative;padding:38px 36px 34px;background:radial-gradient(ellipse at 18% 8%,rgba(255,244,214,.1),transparent 50%),linear-gradient(168deg,#221709,#19100a 60%,#140d07);border:1px solid rgba(201,154,85,.3);box-shadow:0 22px 60px #00000080,inset 0 0 60px #c99a550d}.doc-card:before{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(201,154,85,.16)}.doc-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.78 0 0 0 0 0.6 0 0 0 0 0.33 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)'/%3E%3C/svg%3E")}.doc-no{font-family:var(--sc);font-size:12px;letter-spacing:.3em;color:var(--bronze);margin-bottom:18px}.doc-stamp{position:absolute;top:22px;right:20px;transform:rotate(8deg);font-family:var(--sc);font-size:10px;letter-spacing:.2em;color:#c99a5580;border:1px solid rgba(201,154,85,.4);border-radius:4px;padding:5px 9px}.wax-seal{position:absolute;top:16px;right:22px;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-10deg);background:radial-gradient(circle at 34% 30%,#b0452f,#6c2014 70%);color:#f3d9b0;font-family:var(--sc);font-size:16px;letter-spacing:.08em;box-shadow:0 4px 14px #00000080,inset 0 0 0 4px #3c10088c,inset 0 2px 6px #ffc8964d}.timer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:30px;max-width:1060px;margin:0 auto}.timer-card{text-align:center}.timer-title{font-family:var(--serif);font-weight:600;font-size:clamp(26px,3vw,34px);color:var(--gold-bright)}.timer-since{font-family:var(--sc);font-size:13px;letter-spacing:.24em;color:var(--text-dim);margin:8px 0 26px}.timer-values{display:flex;align-items:baseline;justify-content:center;gap:clamp(6px,1.4vw,14px)}.tv{display:flex;flex-direction:column;align-items:center;min-width:clamp(56px,7vw,86px)}.tv .num{font-family:var(--serif);font-weight:700;font-variant-numeric:tabular-nums;font-size:clamp(40px,5.6vw,64px);line-height:1;color:var(--cream);text-shadow:0 0 30px rgba(201,154,85,.35)}.tv .lbl{font-family:var(--sc);font-size:12px;letter-spacing:.26em;color:var(--bronze);margin-top:10px}.sep{color:var(--bronze-dim);font-size:30px;align-self:flex-start;padding-top:10px}.timer-motto{margin-top:26px;padding-top:20px;font-style:italic;font-family:var(--serif);font-size:18px;color:var(--gold);border-top:1px solid rgba(201,154,85,.2)}.num.tick{animation:tick .5s ease}@keyframes tick{0%{opacity:.2;transform:translateY(-5px)}to{opacity:1;transform:none}}.history{max-width:1100px}.timeline{position:relative;padding-left:0}.timeline-rail{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#c99a5529}.timeline-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(to bottom,var(--bronze),var(--gold));box-shadow:0 0 12px #c99a5580}.chapter{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);align-items:center;padding:clamp(44px,7vh,80px) 0}.chapter:before{content:attr(data-era);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:600;font-size:20px;color:var(--gold);background:var(--bg-2);border:1px solid rgba(201,154,85,.45);border-radius:50%;box-shadow:0 0 0 7px var(--bg),0 0 26px #c99a5533;z-index:2}.chapter:nth-child(odd of.chapter) .chapter-plate{order:2}.chapter:nth-child(odd of.chapter) .chapter-body{order:1;text-align:right}.chapter:nth-child(odd of.chapter) .chapter-list{direction:rtl}.chapter-plate{display:flex;justify-content:center}.chapter-plate svg{width:min(270px,56vw);height:auto}.pl-ring{fill:#e9dab808;stroke:#c99a5566;stroke-width:1.6}.pl-art rect,.pl-art circle,.pl-art ellipse,.pl-art path{fill:none;stroke:var(--paper-2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.pl-art .pl-thin line,.pl-art .pl-thin path{stroke-width:1.4;stroke:#d9c69cb3;fill:none}.pl-art .pl-fill{fill:var(--paper-2);stroke:none}.pl-text{fill:var(--paper-2);stroke:none;font-family:var(--serif);font-size:19px;text-anchor:middle;letter-spacing:2px}.pl-small{font-size:14px}.pl-suit{font-size:24px}.pl-gold rect,.pl-gold circle,.pl-gold path{stroke:var(--gold-bright)}.pl-gold .pl-thin line{stroke:#ecc98acc}.chapter-final .pl-ring{stroke:#ecc98ab3;fill:#c99a550f}.chapter-kicker{font-family:var(--sc);font-size:13px;letter-spacing:.3em;color:var(--bronze);margin-bottom:12px}.chapter-title{font-family:var(--serif);font-weight:600;font-size:clamp(26px,3.4vw,38px);color:var(--cream);margin-bottom:14px}.chapter-body p{color:var(--text);max-width:46ch}.chapter:nth-child(odd of.chapter) .chapter-body p{margin-left:auto}.chapter-list{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:7px}.chapter-list li{color:var(--text-dim);font-size:15px}.chapter-list li:before{content:"· ";color:var(--gold)}.chapter-final .chapter-title{color:var(--gold-bright)}.scene-section{position:relative;height:280vh}.scene-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#1a110a,var(--bg) 65%)}.scene-canvas{position:absolute;inset:0;width:100%;height:100%}.scene-overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(86px,12vh,120px) clamp(20px,5vw,60px) clamp(26px,5vh,48px)}.scene-head{text-align:center}.scene-caption{text-align:center;font-style:italic;color:var(--text-dim);font-size:15px}.scene-sides{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,64px)}.scene-side{max-width:150px;display:flex;flex-direction:column;gap:8px;font-family:var(--sc);font-size:12px;letter-spacing:.18em;color:var(--text-dim);line-height:1.7}.scene-side-right{text-align:right}.side-tag{font-size:14px;letter-spacing:.3em;color:var(--bronze);border-bottom:1px solid rgba(201,154,85,.3);padding-bottom:6px}.side-tag-gold{color:var(--gold-bright)}.tree-legend{position:absolute;left:clamp(16px,4vw,64px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px;max-width:240px}.tree-row{display:flex;flex-direction:column;gap:4px;font-family:var(--sc);font-size:12.5px;letter-spacing:.16em;color:var(--text-dim)}.tree-part{color:var(--gold);font-size:14px;letter-spacing:.3em}.chronicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:24px}.chron-card{text-align:center;padding:34px 24px 30px}.chron-num{font-family:var(--serif);font-weight:700;font-size:clamp(38px,4.4vw,54px);color:var(--gold-bright);line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 26px rgba(201,154,85,.3)}.chron-title{font-family:var(--sc);font-weight:600;font-size:15px;letter-spacing:.22em;color:var(--cream);margin-top:12px}.chron-note{font-size:13.5px;color:var(--text-dim);font-style:italic;margin-top:10px}.chron-list{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--text-dim)}.chron-list li.done{color:var(--green)}.chron-list li.done:before{content:"✓ "}.chron-list li:not(.done):before{content:"◦ ";color:var(--bronze-dim)}.chron-list-done li{color:var(--text)}.chron-list-done li:before{content:"✓ ";color:var(--green)}.codex{max-width:1000px}.book{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:820px;margin:0 auto;min-height:340px;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55));perspective:1400px}.book-page{position:relative;padding:44px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;background:radial-gradient(ellipse at 30% 20%,rgba(255,250,230,.5),transparent 60%),linear-gradient(150deg,#efe2c0,#d9c69c 70%,#c9b384);color:var(--ink)}.book-page:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.33 0 0 0 0 0.16 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23b)'/%3E%3C/svg%3E")}.book-left{border-radius:8px 0 0 8px;box-shadow:inset -26px 0 36px -22px #5037148c}.book-right{border-radius:0 8px 8px 0;box-shadow:inset 26px 0 36px -22px #5037148c;transform-origin:left center}.book-right.turning{animation:pageturn .6s ease}@keyframes pageturn{0%{transform:rotateY(0)}45%{transform:rotateY(-68deg)}to{transform:rotateY(0)}}.book-spine{position:absolute;left:50%;top:-8px;bottom:-8px;width:14px;margin-left:-7px;background:linear-gradient(to right,#3a2715,#16100a,#3a2715);border-radius:4px;z-index:3}.book-ornament{font-size:34px;color:var(--bronze)}.book-chapter{font-family:var(--sc);font-size:15px;letter-spacing:.34em;color:var(--ink-soft)}.book-quote{position:relative;z-index:1;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(20px,2.6vw,27px);line-height:1.45;color:var(--ink);max-width:30ch}.book-quote:before{content:"«"}.book-quote:after{content:"»"}.book-pageno{font-family:var(--sc);font-size:13px;letter-spacing:.2em;color:var(--ink-soft)}.book-nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:34px}.book-btn{width:46px;height:46px;border-radius:50%;cursor:pointer;background:transparent;border:1px solid var(--bronze);color:var(--gold);font-size:24px;line-height:1;transition:all .3s;font-family:var(--serif)}.book-btn:hover{background:#c99a551f;border-color:var(--gold)}.book-dots{display:flex;gap:9px}.book-dots span{width:7px;height:7px;border-radius:50%;background:var(--bronze-dim);transition:all .3s}.book-dots span.on{background:var(--gold);box-shadow:0 0 8px #c99a55b3}.final{position:relative;min-height:92vh;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.final-sky{position:absolute;inset:0;background:linear-gradient(to top,#d98e3f -15%,#8a4a26 18%,#43251a 45%,#160d08 78%,var(--bg))}.final-sun{position:absolute;left:50%;bottom:-110px;width:380px;height:380px;margin-left:-190px;border-radius:50%;background:radial-gradient(circle,#ffe9b8,#f2b65a 38%,#f2b65a00 70%);filter:blur(2px);opacity:.95;animation:sunpulse 7s ease-in-out infinite}@keyframes sunpulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.05);opacity:1}}#final-particles{position:absolute;inset:0;width:100%;height:100%}.final-ruins{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(110px,18vw,220px)}.final-ruins .ruin path,.final-ruins .ruin rect{fill:none;stroke:#140b06f2;stroke-width:6}.final-ruins .ruin rect{fill:#140b06f2}.final-ruins .ruin path{fill:#140b06f2}.final-ruins .ruin-ground{stroke-width:10}.final-content{position:relative;z-index:2;padding:120px 20px;max-width:760px}.final-title{font-family:var(--serif);font-weight:700;line-height:1.08;font-size:clamp(40px,7vw,76px);color:var(--cream);text-shadow:0 0 50px rgba(242,182,90,.35);margin:14px 0 16px}.final-sub{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.4vw,23px);color:#e3cba2;margin-bottom:40px}.footer{display:flex;flex-direction:column;gap:6px;align-items:center;padding:42px 20px 50px;text-align:center;font-family:var(--sc);font-size:13px;letter-spacing:.22em;color:var(--text-dim);border-top:1px solid rgba(201,154,85,.14);background:#0a0603}.footer-dim{color:var(--bronze-dim)}@media(max-width:860px){.topnav{display:none}.chapter{grid-template-columns:1fr;gap:26px;padding-left:40px}.timeline-rail{left:12px}.chapter:before{left:12px;width:44px;height:44px;font-size:16px}.chapter:nth-child(odd of.chapter) .chapter-body{order:2;text-align:left}.chapter:nth-child(odd of.chapter) .chapter-list{direction:ltr}.chapter:nth-child(odd of.chapter) .chapter-plate{order:1}.chapter:nth-child(odd of.chapter) .chapter-body p{margin-left:0}.chapter-plate{justify-content:flex-start}.scene-section{height:240vh}.scene-sides{position:static;padding:0;margin-top:8px;justify-content:space-between;gap:14px}.scene-side{max-width:46%;font-size:10.5px}.tree-legend{position:static;transform:none;flex-direction:row;flex-wrap:wrap;gap:12px;max-width:none;justify-content:center;margin-top:8px}.tree-row{max-width:30%;font-size:10.5px}.book{grid-template-columns:1fr;min-height:0}.book-left,.book-spine{display:none}.book-right{border-radius:8px}.sep{display:none}.timer-values{flex-wrap:wrap;gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain,.hero-scroll span,.final-sun{animation:none}}