:root{--bg: #0c0a08;--bg-2: #16120e;--paper: #f3eadc;--paper-dim: #d8cbb6;--gold: #c9a36a;--gold-2: #e0c48a;--ember: #c17a54;--ink: #1b1611;--muted: #8d8376;--line: rgba(243, 234, 220, .12);--serif: "Noto Serif SC", "Songti SC", "STSong", serif;--sans: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--space: clamp(1.25rem, 4vw, 3rem);--wide: 1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--bg);color:var(--paper);font-family:var(--sans);font-weight:400;line-height:1.75;text-rendering:optimizeLegibility;overflow-x:hidden}img,video{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:50;background:#f3eadc14}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ember),var(--gold))}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:1.1rem var(--space);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--paper-dim);mix-blend-mode:difference}.hero,.prologue,.chapter,.quotes,.credits{position:relative}.hero{min-height:100vh;display:grid;place-items:center;padding:6rem var(--space) 4rem;isolation:isolate}.hero__letterbox{position:absolute;top:10vh;right:0;bottom:10vh;left:0;background:radial-gradient(ellipse at 22% 35%,rgba(225,168,92,.22),transparent 42%),radial-gradient(ellipse at 78% 70%,rgba(193,122,84,.18),transparent 40%),linear-gradient(180deg,#1a120c,#0c0a08);z-index:-1}.hero__letterbox:before,.hero__letterbox:after{content:"";position:absolute;left:0;right:0;height:10vh;background:#050403}.hero__letterbox:before{top:-10vh}.hero__letterbox:after{bottom:-10vh}.hero__inner{text-align:center;max-width:20em}.hero__kicker,.chapter__kicker,.quotes__kicker,.credits__kicker{font-size:.75rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold)}.hero__title{margin:1.2rem 0 .4rem;font-family:var(--serif);font-size:clamp(4.6rem,16vw,9.5rem);font-weight:900;line-height:.92;letter-spacing:.12em}.hero__en{font-size:.78rem;letter-spacing:.62em;text-transform:uppercase;color:var(--paper-dim)}.hero__logline{margin-top:2.4rem;font-family:var(--serif);font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:500}.hero__facts{display:flex;justify-content:center;gap:1.6rem;margin-top:1.6rem;color:var(--muted);font-size:.86rem;letter-spacing:.12em}.hero__hint{margin-top:3.2rem;font-size:.78rem;letter-spacing:.22em;color:var(--muted)}.hero__scenes{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem 1.4rem;margin-top:2.4rem}.hero__scenes a{color:var(--paper-dim);text-decoration:none;font-size:.8rem;letter-spacing:.16em;border-bottom:1px solid transparent}.hero__scenes a:hover{color:var(--gold);border-bottom-color:var(--gold)}.prologue,.chapter,.quotes,.credits{padding:clamp(5rem,12vw,9rem) var(--space)}.prologue{max-width:760px;margin:0 auto;text-align:center}.prologue p{font-family:var(--serif);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:500;line-height:1.55}.prologue p+p{margin-top:1rem;color:var(--paper-dim)}.chapter{display:grid;gap:clamp(2rem,5vw,3.5rem);max-width:var(--wide);margin:0 auto}.chapter__head{display:grid;gap:.8rem;max-width:38rem}.chapter__no{font-family:var(--serif);font-size:clamp(3.5rem,10vw,7rem);font-weight:900;line-height:.8;color:#c9a36a47}.chapter__title{font-family:var(--serif);font-size:clamp(2.2rem,6vw,3.6rem);font-weight:700;letter-spacing:.08em}.chapter__subtitle,.chapter__body{color:var(--paper-dim)}.chapter__subtitle{font-size:1.05rem}.chapter__body{max-width:38rem;font-size:1.02rem}.still{position:relative;min-height:min(62vh,640px);border-radius:2px;overflow:hidden;background:#111}.still--empty,.still--dawn{background:radial-gradient(circle at 30% 40%,rgba(232,184,109,.28),transparent 36%),radial-gradient(circle at 72% 62%,rgba(193,122,84,.24),transparent 32%),linear-gradient(160deg,#2a1b12,#0c0a08)}.still--road{background:linear-gradient(90deg,transparent 0%,rgba(201,163,106,.08) 50%,transparent 100%),radial-gradient(ellipse at 50% 80%,rgba(225,168,92,.2),transparent 46%),linear-gradient(180deg,#24180f,#0c0a08)}.still--forest{background:radial-gradient(circle at 20% 70%,rgba(90,122,84,.22),transparent 40%),radial-gradient(circle at 80% 30%,rgba(201,163,106,.16),transparent 36%),linear-gradient(180deg,#142018,#0c0a08)}.still--gold{background:radial-gradient(circle at 50% 50%,rgba(224,196,138,.32),transparent 34%),linear-gradient(180deg,#3a2412,#0c0a08)}.still--night{background:radial-gradient(circle at 70% 30%,rgba(201,163,106,.14),transparent 28%),linear-gradient(180deg,#10141c,#0c0a08)}.still__stamp,.frame__stamp,.video__stamp{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;letter-spacing:.38em;text-transform:uppercase;font-size:.78rem;color:#f3eadc8c}.still__caption,.frame__caption,.video__caption{position:absolute;left:1rem;bottom:1rem;font-size:.78rem;letter-spacing:.12em;color:var(--paper);text-shadow:0 1px 8px rgba(0,0,0,.45)}.filmstrip{display:flex;gap:.85rem;overflow-x:auto;padding:.4rem 0 1rem;scroll-snap-type:x mandatory;scrollbar-color:var(--gold) transparent}.filmstrip::-webkit-scrollbar{height:4px}.filmstrip::-webkit-scrollbar-thumb{background:var(--gold)}.frame{position:relative;flex:0 0 min(72vw,260px);aspect-ratio:3 / 4;scroll-snap-align:start;background:#1c1712;border-radius:2px;overflow:hidden;padding:18px 0}.frame:before,.frame:after{content:"";position:absolute;left:8px;right:8px;height:10px;background:radial-gradient(circle,#0c0a08 58%,transparent 60%) 0 / 18px 10px}.frame:before{top:4px}.frame:after{bottom:4px}.frame--wide{flex-basis:min(86vw,420px);aspect-ratio:16 / 10}.frame__inner{position:absolute;top:18px;right:0;bottom:18px;left:0;background:#14110e}.quotes{max-width:880px;margin:0 auto;text-align:center}.quotes__list{display:grid;gap:4rem;margin-top:3.5rem}.quote blockquote{font-family:var(--serif);font-size:clamp(1.5rem,3.6vw,2.2rem);font-weight:500;line-height:1.55}.quote cite{display:block;margin-top:1rem;font-style:normal;font-size:.82rem;letter-spacing:.2em;color:var(--gold)}.videos{display:grid;gap:1.2rem}@media(min-width:840px){.videos{grid-template-columns:1.4fr 1fr}}.video{position:relative;min-height:280px;background:#111;overflow:hidden}.video video{background:#000}.credits{text-align:center;padding-bottom:7rem}.credits__title{margin:1.2rem 0 2.5rem;font-family:var(--serif);font-size:clamp(2.4rem,7vw,4.2rem)}.credits__list,.credits__thanks{display:grid;gap:.45rem;color:var(--paper-dim)}.credits__closing{margin-top:3.5rem;color:var(--gold);letter-spacing:.2em}.reveal{opacity:0;transform:translateY(22px);animation:rise .9s ease forwards}.hero__inner>*{opacity:0;transform:translateY(16px);animation:rise 1s ease forwards}.hero__kicker{animation-delay:.15s}.hero__title{animation-delay:.35s}.hero__en{animation-delay:.5s}.hero__logline{animation-delay:.7s}.hero__facts{animation-delay:.9s}.hero__scenes{animation-delay:1.05s}.hero__hint{animation-delay:1.25s}@keyframes rise{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero__inner>*{opacity:1;transform:none;animation:none}}