:root{--ink:#07131f;--blue:#0b2437;--paper:#f3efe5;--gold:#d8ad63;--cream:#fff9eb;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:"DM Sans",sans-serif}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#000;padding:.75rem 1rem}.skip-link:focus{top:1rem}.story-header{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1.2rem,4vw,4.5rem);background:linear-gradient(180deg,rgba(4,12,19,.94),rgba(4,12,19,.55),transparent);backdrop-filter:blur(10px)}.story-brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-family:"Libre Caslon Display",serif;font-size:1.35rem}.story-brand img{width:2.35rem;height:2.35rem}.story-nav{display:flex;align-items:center;gap:clamp(1rem,2.3vw,2.3rem)}.story-nav a{color:rgba(255,255,255,.78);text-decoration:none;font-size:.82rem;font-weight:600;letter-spacing:.04em}.story-nav a:hover,.story-nav a:focus-visible{color:#fff}.story-nav .story-nav-cta{border:1px solid rgba(255,255,255,.45);padding:.72rem 1rem;color:#fff}.story-menu-button{display:none;background:none;border:0;padding:.5rem}.story-menu-button span{display:block;width:1.5rem;height:1px;background:#fff;margin:.35rem}.story-hero{min-height:100svh;display:grid;align-items:end;position:relative;overflow:hidden}.story-hero-image,.story-hero-shade{position:absolute;inset:0}.story-hero-image{background:url("assets/living-codex-hallway.png") center/cover;transform:scale(1.05);animation:heroBreathe 18s ease-in-out infinite alternate}.story-hero-shade{background:linear-gradient(90deg,rgba(2,8,13,.95) 0%,rgba(2,8,13,.62) 48%,rgba(2,8,13,.18)),linear-gradient(0deg,var(--ink),transparent 45%)}.story-hero-copy{position:relative;z-index:2;max-width:980px;padding:10rem clamp(1.4rem,8vw,9rem) 9vh}.story-kicker{text-transform:uppercase;letter-spacing:.22em;font-size:.7rem;font-weight:700;color:var(--gold)}.story-hero h1,.story-act h2{font-family:"Libre Caslon Display",serif;font-weight:400;letter-spacing:-.035em}.story-hero h1{font-size:clamp(4rem,10vw,9.5rem);line-height:.78;margin:1.4rem 0 2rem}.story-hero h1 em,.final-cta h2 em{color:var(--gold);font-style:italic}.story-hero-copy>p:not(.story-kicker){max-width:600px;font-family:"Libre Caslon Display",serif;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.35;color:rgba(255,255,255,.84)}.story-hero-copy>a{display:inline-block;margin-top:2rem;color:#fff;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.5rem}.story-progress{position:fixed;z-index:20;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.85rem}.story-progress span{font-size:.65rem;color:rgba(255,255,255,.3);transition:.4s}.story-progress span.is-current{color:var(--gold);transform:scale(1.3)}.story-act{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(3rem,.3fr) minmax(300px,700px) minmax(240px,1fr);gap:clamp(2rem,6vw,7rem);align-items:center;padding:clamp(7rem,12vh,10rem) clamp(1.5rem,8vw,9rem);background:var(--paper);color:var(--ink);overflow:hidden}.story-act-dark{background:#091a29;color:var(--cream)}.story-act-gold{background:#132c3d;color:var(--cream)}.act-number{align-self:start;color:var(--gold);font-family:"Libre Caslon Display",serif;font-size:1.25rem}.act-copy{position:relative;z-index:2}.story-act h2{font-size:clamp(3rem,6vw,6.7rem);line-height:.96;margin:1rem 0 2.3rem}.story-act p{font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.8;color:inherit;opacity:.78}.story-act blockquote{font-family:"Libre Caslon Display",serif;font-size:clamp(2rem,3.5vw,4rem);line-height:1.1;color:var(--gold);margin:0;border-left:1px solid var(--gold);padding-left:2rem}.scatter-field{height:430px;position:relative}.scatter-field i{position:absolute;width:55px;height:82px;background:#163b50;border:1px solid rgba(216,173,99,.5);box-shadow:0 18px 50px rgba(7,19,31,.18);transition:transform 1.5s ease}.scatter-field i:nth-child(1){left:8%;top:9%;transform:rotate(-20deg)}.scatter-field i:nth-child(2){right:5%;top:16%;transform:rotate(15deg)}.scatter-field i:nth-child(3){left:36%;top:34%;transform:rotate(-4deg)}.scatter-field i:nth-child(4){right:18%;bottom:9%;transform:rotate(24deg)}.scatter-field i:nth-child(5){left:2%;bottom:12%;transform:rotate(8deg)}.scatter-field i:nth-child(6){right:35%;top:2%;transform:rotate(-12deg)}.scatter-field i:nth-child(7){left:48%;bottom:2%;transform:rotate(13deg)}.story-act.is-visible .scatter-field i{transform:rotate(0) translate(-12px,0)}.code-light{display:grid;gap:1px;background:rgba(11,36,55,.2);border:1px solid rgba(11,36,55,.2)}.code-light span{padding:1.35rem;color:var(--blue);background:rgba(255,255,255,.55);letter-spacing:.25em;font-size:.7rem;font-weight:700}.codex-mark{width:min(26vw,310px);aspect-ratio:1;border:1px solid rgba(216,173,99,.5);border-radius:50%;display:grid;place-items:center;margin:auto;box-shadow:0 0 100px rgba(216,173,99,.14)}.codex-mark span{font-family:"Libre Caslon Display",serif;font-size:9rem;color:var(--gold)}.codex-mark small{position:absolute;margin-top:12rem;letter-spacing:.35em}.source-note{border-top:1px solid rgba(255,255,255,.2);margin-top:2rem;padding-top:2rem}.story-finale{display:block;background:linear-gradient(180deg,#07131f,#0c2638);color:var(--cream);padding-top:15vh}.story-finale>.act-number,.story-finale>.act-copy{max-width:830px;margin-left:auto;margin-right:auto}.final-declaration{margin:18vh auto;max-width:1100px;text-align:center}.final-declaration p{font-family:"Libre Caslon Display",serif;font-size:clamp(2.4rem,5vw,6rem);line-height:1.08;opacity:1;margin:.35em 0}.final-declaration p:nth-child(2){color:var(--gold)}.final-cta{max-width:1050px;margin:0 auto;text-align:center;padding:12vh 0}.final-cta>p{max-width:720px;margin:0 auto 3rem}.final-cta h2{font-size:clamp(3.2rem,7vw,7rem)}.final-cta>div{display:flex;gap:2rem;align-items:center;justify-content:center;flex-wrap:wrap}.button{background:var(--gold);color:var(--ink);padding:1rem 1.4rem;text-decoration:none;font-weight:700}.text-link{color:#fff;text-underline-offset:.4rem}.story-footer{display:flex;justify-content:space-between;align-items:center;padding:3rem clamp(1.5rem,6vw,7rem);border-top:1px solid var(--line);color:rgba(255,255,255,.6)}.story-enhanced .story-act .act-copy,.story-enhanced .story-act blockquote,.story-enhanced .story-act .code-light,.story-enhanced .story-act .codex-mark{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s ease}.story-enhanced .story-act.is-visible .act-copy,.story-enhanced .story-act.is-visible blockquote,.story-enhanced .story-act.is-visible .code-light,.story-enhanced .story-act.is-visible .codex-mark{opacity:1;transform:none}@keyframes heroBreathe{to{transform:scale(1.12)}}@media(max-width:900px){.story-menu-button{display:block}.story-nav{display:none;position:absolute;top:100%;left:1rem;right:1rem;flex-direction:column;align-items:stretch;background:rgba(5,17,27,.98);padding:1.5rem;border:1px solid var(--line)}.story-nav.is-open{display:flex}.story-nav a{padding:.65rem}.story-progress{display:none}.story-act{grid-template-columns:1fr;padding:7rem 1.5rem}.act-number{position:absolute;top:2.2rem}.scatter-field{height:260px}.codex-mark{width:240px}.story-footer{align-items:flex-start;flex-direction:column;gap:1rem}.story-hero-copy{padding-left:1.5rem;padding-right:1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-hero-image{animation:none;transform:none}.story-enhanced .story-act .act-copy,.story-enhanced .story-act blockquote,.story-enhanced .story-act .code-light,.story-enhanced .story-act .codex-mark{opacity:1;transform:none;transition:none}.scatter-field i,.story-progress span{transition:none}}