:root{--pine:#0d1512;--pine-2:#141f1a;--gold:#d9a441;--gold-bright:#efc878;--parchment:#efe6d3;--plum:#6b2d3c;--font-display:"Fraunces", serif;--font-body:"Alegreya Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--pine)}body{font-family:var(--font-body);color:var(--parchment);background:var(--pine);overflow-x:hidden}#preloader{z-index:100;place-items:center;display:grid;position:fixed;inset:0}.pre-half{background:radial-gradient(ellipse at center, var(--pine-2) 0%, #070b09 100%);width:51%;transition:transform 1.3s cubic-bezier(.75,0,.2,1);position:absolute;top:0;bottom:0}.pre-left{transform-origin:0;left:0}.pre-right{transform-origin:100%;right:0}#preloader.open .pre-left{transform:translate(-101%)}#preloader.open .pre-right{transform:translate(101%)}#preloader.open .book{opacity:0;transition:opacity .5s}#preloader.done{pointer-events:none;visibility:hidden;transition:visibility 0s 1.4s}.book{z-index:2;place-items:center;gap:1.5rem;display:grid;position:relative}.book-cover{background:linear-gradient(135deg,#1d1410 0%,#2b1d15 50%,#191009 100%);border:1px solid #d9a44159;border-radius:6px 14px 14px 6px;align-content:center;place-items:center;gap:.75rem;width:190px;height:260px;display:grid;box-shadow:inset 0 0 40px #000000b3,0 20px 60px #000c,inset -8px 0 12px -8px #d9a44140}.book-emblem{font-family:var(--font-display);color:var(--gold);text-shadow:0 0 24px #d9a44180;font-size:4rem;font-weight:900}.book-title{font-family:var(--font-display);letter-spacing:.35em;text-transform:uppercase;color:var(--gold-bright);opacity:.8;font-size:.8rem}.thread{width:260px;height:12px;overflow:visible}#thread-path{filter:drop-shadow(0 0 6px #d9a441b3)}.load-label{letter-spacing:.2em;text-transform:uppercase;opacity:.55;font-size:.85rem}#film{z-index:1;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ambient{object-fit:cover;z-index:2;opacity:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#dust{z-index:40;pointer-events:none;position:fixed;inset:0}#grain{z-index:60;pointer-events:none;opacity:.04;background-image:url(/assets/grain.webp);background-size:400px;position:fixed;inset:-100px}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-40px,30px)}50%{transform:translate(30px,-50px)}75%{transform:translate(-30px,-20px)}to{transform:translate(0)}}#grain{animation:.9s steps(4,end) infinite grain-shift}#eye-glow{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), #efc87838, transparent 70%);mix-blend-mode:screen;position:fixed;inset:0}#flame-cursor{z-index:70;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 75%, #fff3c4 0%, var(--gold-bright) 38%, var(--gold) 62%, transparent 78%);filter:blur(.6px)drop-shadow(0 0 10px #d9a441d9);border-radius:50%/62% 62% 38% 38%;width:14px;height:18px;position:fixed;transform:translate(-50%,-60%)}@keyframes flame-flicker{0%,to{transform:translate(-50%,-60%)scale(1)rotate(-2deg)}30%{transform:translate(-50%,-62%)scale(1.12,1.22)rotate(2deg)}60%{transform:translate(-50%,-58%)scale(.94,1.05)rotate(-3deg)}}#flame-cursor.on{opacity:1;animation:.35s infinite flame-flicker}body.flame-zone{cursor:none}#lang-toggle{z-index:80;font-family:var(--font-display);letter-spacing:.2em;color:var(--gold-bright);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d15128c;border:1px solid #d9a44166;border-radius:999px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:background .3s,color .3s;position:fixed;top:1.4rem;right:1.6rem}#lang-toggle:hover{color:#fff;background:#d9a4412e}#menu-toggle{z-index:86;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d15128c;border:1px solid #d9a44166;border-radius:999px;place-items:center;width:46px;height:46px;transition:background .3s;display:grid;position:fixed;top:1.4rem;left:1.6rem}#menu-toggle:hover{background:#d9a4412e}.menu-lines{gap:5px;width:18px;display:grid}.menu-lines i{background:var(--gold-bright);border-radius:2px;height:1.5px;transition:transform .35s,opacity .35s,width .35s}.menu-lines i:nth-child(2){justify-self:end;width:72%}#menu-toggle.open .menu-lines i:first-child{transform:translateY(6.5px)rotate(45deg)}#menu-toggle.open .menu-lines i:nth-child(2){opacity:0}#menu-toggle.open .menu-lines i:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}#chapter-menu{z-index:85;visibility:hidden;pointer-events:none;position:fixed;inset:0}#chapter-menu.open{visibility:visible;pointer-events:auto}.menu-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#070b09b8;transition:opacity .45s;position:absolute;inset:0}#chapter-menu.open .menu-backdrop{opacity:1}.menu-panel{text-align:center;align-content:center;place-items:center;gap:1rem;display:grid;position:absolute;inset:0}.menu-heading{font-family:var(--font-display);letter-spacing:.4em;text-transform:uppercase;color:var(--gold);opacity:0;font-size:.85rem;transition:opacity .4s .1s}#chapter-menu.open .menu-heading{opacity:.8}.menu-list{gap:.4rem;list-style:none;display:grid}.menu-item{cursor:pointer;font-family:var(--font-display);color:var(--parchment);opacity:0;background:0 0;border:none;align-items:baseline;gap:1rem;padding:.35rem 1rem;font-size:clamp(1.5rem,3.4vw,2.6rem);font-weight:600;transition:opacity .45s,transform .45s,color .3s;display:inline-flex;transform:translateY(16px)}#chapter-menu.open .menu-item{opacity:1;transform:translateY(0)}#chapter-menu.open li:first-child .menu-item{transition-delay:80ms}#chapter-menu.open li:nth-child(2) .menu-item{transition-delay:.16s}#chapter-menu.open li:nth-child(3) .menu-item{transition-delay:.24s}#chapter-menu.open li:nth-child(4) .menu-item{transition-delay:.32s}#chapter-menu.open li:nth-child(5) .menu-item{transition-delay:.4s}#chapter-menu.open li:nth-child(6) .menu-item{transition-delay:.48s}.menu-item:hover{color:var(--gold-bright)}.menu-num{color:var(--gold);text-align:right;min-width:2ch;font-size:.5em}.menu-link{text-decoration:none}.menu-lock{opacity:.75;align-self:center;font-size:.45em}#scroll-hint{z-index:45;color:var(--gold-bright);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 2px 12px #000000e6;pointer-events:none;opacity:0;justify-items:center;gap:.3rem;font-size:.8rem;transition:opacity .6s;display:grid;position:fixed;bottom:4vh;left:50%;transform:translate(-50%)}#scroll-hint.show{opacity:.85}@keyframes hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}#scroll-hint svg{animation:1.6s ease-in-out infinite hint-bob}@media (prefers-reduced-motion:reduce){#scroll-hint svg{animation:none}}#progress-thread{z-index:80;width:12px;height:min(46vh,340px);display:block;position:fixed;top:50%;right:1.7rem;transform:translateY(-50%)}.thread-line{width:100%;height:100%;position:absolute;inset:0}#thread-fill{filter:drop-shadow(0 0 4px #efc878cc)}.thread-node{border:1.5px solid var(--gold);background:var(--pine);cursor:pointer;border-radius:50%;width:11px;height:11px;padding:0;transition:background .3s,box-shadow .3s;position:absolute;left:50%;transform:translate(-50%,-50%)}.thread-node:first-of-type{top:2%}.thread-node:nth-of-type(2){top:26%}.thread-node:nth-of-type(3){top:50%}.thread-node:nth-of-type(4){top:74%}.thread-node:nth-of-type(5){top:98%}.thread-node.lit{background:var(--gold-bright);box-shadow:0 0 10px #efc878e6}#story{z-index:10;pointer-events:none;position:fixed;inset:0}.act{opacity:0;visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.act.active{opacity:1;visibility:visible}.act-copy{text-align:center;padding:0 8vw}.wordmark{font-family:var(--font-display);letter-spacing:.42em;color:var(--parchment);text-shadow:0 4px 40px #000c;margin-right:-.42em;font-size:clamp(2.4rem,7vw,6rem);font-weight:900}.act-title{font-family:var(--font-display);color:var(--gold-bright);text-shadow:0 2px 30px #000000e6;margin-top:1.2rem;font-size:clamp(1.2rem,2.6vw,2.2rem);font-style:italic;font-weight:600}.word-mask{vertical-align:bottom;display:inline-block;overflow:hidden}.word{display:inline-block;transform:translateY(110%)}.act-side{place-items:center start}.side-copy{text-align:left;max-width:34ch;padding-left:7vw}#act3{place-items:end center}.bottom-copy{padding-bottom:9vh}.stats{justify-content:center;gap:clamp(1.5rem,5vw,4.5rem);margin-top:2.2rem;display:flex}.stat{gap:.2rem;display:grid}.stat-num{font-family:var(--font-display);color:var(--parchment);font-size:clamp(2rem,4.5vw,3.6rem);font-weight:900}.stat-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:.8rem}#act4{display:block}.gallery-head{text-align:center;z-index:2;position:absolute;top:7vh;left:0;right:0}.gallery-title{font-family:var(--font-display);color:var(--parchment);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:900}.gallery-sub{color:var(--gold);font-style:italic;font-family:var(--font-display);margin-top:.4rem}.gallery-viewport{position:absolute;inset:22vh 0 8vh;overflow:visible}.gallery-track{will-change:transform;pointer-events:auto;align-items:center;gap:clamp(1.2rem,3vw,2.6rem);height:100%;padding:0 8vw;display:flex}.poster{aspect-ratio:2/3;cursor:pointer;background:var(--pine-2);height:86%;transform-style:preserve-3d;filter:brightness(.82)saturate(.92);border:1px solid #d9a44140;border-radius:10px;flex:none;transition:filter .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 18px 50px #000000a6}.poster img{object-fit:cover;width:100%;height:100%;display:block}.poster .poster-name{font-family:var(--font-display);text-align:center;color:var(--parchment);background:linear-gradient(#0000,#070b09eb);padding:2.2rem 1rem 1rem;font-size:1.05rem;font-weight:600;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(110%)}.poster:hover{filter:brightness(1.08)saturate(1.05);box-shadow:0 22px 70px #000000bf,0 0 40px #d9a44140}.poster:hover .poster-name{transform:translateY(0)}.portal-copy .ctas{flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,2.4rem);margin-top:2.6rem;display:flex}.cta{pointer-events:auto;font-family:var(--font-display);color:var(--pine);background:linear-gradient(160deg, var(--gold-bright), var(--gold));will-change:transform;border-radius:999px;align-items:center;gap:.7rem;padding:1rem 2.1rem;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 0 #efc87880}@keyframes cta-pulse{0%,to{box-shadow:0 0 18px #efc87859}50%{box-shadow:0 0 44px #efc878bf}}.cta{animation:2.6s ease-in-out infinite cta-pulse}.cta-flag{font-size:1.3em}#film-modal{z-index:90;place-items:center;display:grid;position:fixed;inset:0}#film-modal[hidden]{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070b09d1;position:absolute;inset:0}.modal-card{background:linear-gradient(160deg, var(--pine-2), #0a100d);border:1px solid #d9a44159;border-radius:14px;grid-template-columns:240px 1fr;gap:1.6rem;width:min(680px,90vw);padding:1.6rem;display:grid;position:relative;box-shadow:0 30px 90px #000c}.modal-poster{aspect-ratio:2/3;object-fit:cover;border-radius:8px;width:100%}.modal-body{align-content:center;gap:1rem;display:grid}.modal-title{font-family:var(--font-display);color:var(--gold-bright);font-size:1.6rem;font-weight:900}.modal-syn{opacity:.9;line-height:1.55}.modal-watch{justify-self:start;animation:none}.modal-close{color:var(--parchment);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.8rem;position:absolute;top:.7rem;right:1rem}.modal-close:hover{opacity:1}#scroll-track{z-index:0;position:relative}@media (width<=768px){#progress-thread{right:.8rem}.side-copy{max-width:26ch;padding-left:6vw}.modal-card{grid-template-columns:1fr;max-height:86vh;overflow-y:auto}.modal-poster{width:60%;margin:0 auto}#flame-cursor,#eye-glow{display:none}.gallery-viewport{top:18vh;bottom:6vh}.gallery-track{flex-direction:column;height:auto;padding:0 10vw}.poster{width:100%;height:auto}}@media (prefers-reduced-motion:reduce){#grain,.cta{animation:none}#flame-cursor,#dust{display:none}}