:root{--copper:#b87333;--copper-rgb:184, 115, 51;--dark:#111;--amber:#e8b84b;--amber-rgb:232, 184, 75;--mahogany:#4a1c0e;--oak:#c4a882;--vapor:#f5f5f0;--vapor-rgb:245, 245, 240;--bg:#0a0a0a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:auto}body{background:var(--bg);color:var(--vapor);-webkit-font-smoothing:antialiased;opacity:0;font-family:Inter,sans-serif;font-weight:300;line-height:1.6;transition:opacity .4s;overflow-x:hidden}canvas{display:block}.pinned-section{height:600vh;position:relative}#scene-container{z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}.brand{z-index:10;letter-spacing:.25em;text-transform:uppercase;color:var(--vapor);opacity:.5;mix-blend-mode:difference;-webkit-user-select:none;user-select:none;font-family:Fraunces,serif;font-size:1.25rem;font-weight:200;position:fixed;top:2rem;left:2rem}.overlay{z-index:5;pointer-events:none;background:linear-gradient(#0000 0%,#0a0a0a99 60%,#0a0a0ad9 100%);flex-direction:column;align-items:center;gap:.4rem;width:100vw;padding:2rem 3rem 4rem;display:flex;position:fixed;bottom:0;left:0}.stage-stage{letter-spacing:.3em;text-transform:uppercase;color:var(--copper);opacity:.7;font-family:Fraunces,serif;font-size:.7rem;font-weight:400}.stage-title{color:var(--vapor);letter-spacing:.05em;font-family:Fraunces,serif;font-size:1.6rem;font-weight:400}.stage-text{color:var(--vapor);opacity:.55;text-align:center;max-width:28rem;font-size:.85rem;line-height:1.5}.year-label{color:var(--amber);letter-spacing:.05em;font-family:Fraunces,serif;font-size:3.5rem;font-weight:200}.abv-label{color:var(--vapor);opacity:.3;letter-spacing:.1em;font-size:.75rem;font-weight:400}.scroll-indicator{z-index:4;letter-spacing:.25em;text-transform:uppercase;color:var(--vapor);opacity:.25;writing-mode:vertical-rl;pointer-events:none;font-size:.65rem;transition:opacity .8s;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.scroll-indicator.hidden{opacity:0}.progress-track{z-index:10;background:#ffffff0d;width:100vw;height:2px;position:fixed;bottom:0;left:0}.progress-fill{background:var(--amber);width:0%;height:100%;transition:width 50ms linear}.pinned-section:after{content:"";background:linear-gradient(transparent, var(--bg));pointer-events:none;z-index:2;width:100%;height:30vh;position:absolute;bottom:0;left:0}.content-section{z-index:3;background:var(--bg);border-top:1px solid #ffffff0f;min-height:100vh;padding:8rem 2rem;position:relative}.content-inner{max-width:40rem;margin:0 auto}.content-section h2{color:var(--amber);margin-top:4rem;margin-bottom:1.5rem;font-family:Fraunces,serif;font-size:2rem;font-weight:400}.content-section h2:first-child{margin-top:0}.content-section p{color:#f5f5f0a6;margin-bottom:1.5rem;font-size:.95rem;line-height:1.8}.footer{z-index:3;text-align:center;background:#050505;border-top:1px solid #ffffff0a;padding:5rem 2rem;position:relative}.footer-inner{max-width:30rem;margin:0 auto}.footer-brand{letter-spacing:.3em;text-transform:uppercase;color:var(--vapor);opacity:.5;margin-bottom:.5rem;font-family:Fraunces,serif;font-size:1.5rem;font-weight:200}.footer-tagline{color:var(--amber);opacity:.6;margin-bottom:1.5rem;font-family:Fraunces,serif;font-size:.9rem;font-style:italic;font-weight:400}.footer-info{color:var(--vapor);opacity:.3;letter-spacing:.05em;font-size:.75rem}@media (width<=768px){.brand{font-size:1rem;top:1.2rem;left:1.2rem}.overlay{padding:1.5rem 1.5rem 3rem}.year-label{font-size:2.5rem}.stage-title{font-size:1.3rem}.scroll-indicator{display:none}.content-section{padding:4rem 1.5rem}.content-section h2{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.scroll-indicator{display:none}}