@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;800&display=swap');:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030713;color:#f5f0e5;font-family:DM Sans,Arial,sans-serif;overflow-x:hidden}#vortex{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.12;background-image:url('data:image/svg+xml,%3Csvg viewBox=%220 0 180 180%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.8%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22 opacity=%22.3%22/%3E%3C/svg%3E')}header{position:fixed;top:0;left:0;right:0;z-index:20;padding:20px clamp(18px,4vw,65px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#030713df,transparent)}.brand{display:flex;gap:12px;align-items:center;color:#e7d2a2;text-decoration:none;font-weight:800;letter-spacing:.14em;font-size:17px}.brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 10px #b68a4d88)}.brand small{font-size:9px;letter-spacing:.13em}button{font:inherit}#menu{color:#e5d4ac;background:#101729;border:1px solid #9d7d4a;padding:12px 16px;cursor:pointer;letter-spacing:.15em}#menu span{margin-left:18px}nav{display:none;position:absolute;top:78px;right:4vw;background:#0c1324f5;border:1px solid #806438;padding:22px;min-width:250px;box-shadow:0 12px 40px #0008}nav.open{display:grid;gap:18px}nav a{color:#f7edda;text-decoration:none}nav a:hover{color:#e4b867}.timeline{position:fixed;right:20px;top:30%;height:43vh;z-index:12;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#d7b16c;font-size:10px;letter-spacing:.15em}.timeline:before{content:'';position:absolute;top:24px;bottom:24px;width:1px;background:#c59a5766}#track{position:absolute;top:24px;height:0;width:3px;background:#ffd58a;box-shadow:0 0 18px #e9ad55;transition:height .08s linear}.readout{position:fixed;left:4vw;bottom:22px;z-index:12;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.2em;color:#bdad8e}.readout b{font-size:32px;color:#e9c57c;font-weight:500}main,footer{position:relative;z-index:2}.intro,.chapter,.finale{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px clamp(24px,9vw,160px) 95px;position:relative}.intro{text-align:center;align-items:center;min-height:115svh}.eyebrow,.chapter-index{font-size:12px;letter-spacing:.38em;color:#d7b06d;font-weight:700}.intro h1,.finale h2{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(52px,10vw,155px);line-height:.93;letter-spacing:-.08em;margin:24px 0;text-shadow:0 10px 50px #000}.intro h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #dcb36e;text-shadow:none}.intro p,.finale p{max-width:560px;font-size:clamp(16px,1.6vw,21px);line-height:1.6;color:#cfc6b8}.enter,.links a{display:inline-flex;gap:28px;padding:18px 25px;border:1px solid #b88e52;color:#f7dba4;text-decoration:none;letter-spacing:.12em;font-size:12px;margin-top:28px;background:#060b19bb;transition:transform .3s,background .3s}.enter:hover,.links a:hover{transform:translateY(-5px);background:#654b28}.scrollhint{position:absolute;bottom:55px;font-size:10px;letter-spacing:.32em;color:#b5a17e}.chapter{min-height:155svh;justify-content:center;overflow:hidden}.chapter-inner{position:sticky;top:32vh;z-index:3;max-width:650px;opacity:.12;transform:translateY(70px) scale(.92);transition:opacity .55s,transform .7s}.chapter.active .chapter-inner{opacity:1;transform:translateY(0) scale(1)}.chapter-year{font-size:clamp(110px,21vw,330px);line-height:1;font-family:Manrope,sans-serif;letter-spacing:-.12em;font-weight:800;color:#e2b56d;text-shadow:0 0 100px #ad6b2a88}.chapter h2{font-size:clamp(28px,4vw,65px);letter-spacing:-.05em;margin:0 0 18px}.chapter p{font-size:clamp(17px,1.7vw,24px);line-height:1.55;color:#e2dbcd;max-width:550px}.chapter-image{position:absolute;inset:10% 0 0 38%;background-image:linear-gradient(90deg,#030713 0%,transparent 45%),linear-gradient(0deg,#030713,transparent 40%,#03071355),var(--pic);background-position:center;background-size:cover;opacity:.15;filter:sepia(.25) saturate(.8);transform:scale(1.4);transition:transform 1.3s,opacity .9s}.chapter.active .chapter-image{opacity:.65;transform:scale(1.02)}.chapter:nth-child(even) .chapter-inner{margin-left:auto}.chapter:nth-child(even) .chapter-image{inset:10% 35% 0 0;transform:scale(1.4)}.chapter:nth-child(even).active .chapter-image{transform:scale(1.02)}.finale{text-align:center;align-items:center;min-height:115svh}.finale img{width:min(27vw,190px);filter:drop-shadow(0 0 30px #e3b45c88);animation:float 5s ease-in-out infinite}.finale h2{font-size:clamp(50px,9vw,135px)}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}footer{padding:35px 6vw;background:#030713;color:#978d7c;font-size:12px}footer a{color:#d5b278}@keyframes float{50%{transform:translateY(-14px)}}@media(max-width:700px){.readout span{display:none}.timeline{right:10px}.chapter{min-height:125svh;padding:90px 30px}.chapter-inner{top:36vh}.chapter-image,.chapter:nth-child(even) .chapter-image{inset:10% 0 0 0;opacity:.15}.chapter-year{font-size:clamp(90px,24vw,170px)}.brand small{font-size:8px}.intro h1{font-size:clamp(45px,12vw,75px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter-inner,.chapter-image{transition:none}.finale img{animation:none}}