*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--surface-inverse:#0a0a0a;--fg-inverse:#fff;--gold:#d4a574;--gold-dim:#d4a57466;--white-80:#fffc;--white-40:#ffffff45;--white-20:#ffffff1f;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace}html{scroll-behavior:auto}body{background:var(--surface-inverse);color:var(--fg-inverse);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#loader{z-index:9999;background:var(--surface-inverse);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-inner{flex-direction:column;align-items:center;gap:24px;display:flex}.loader-text{font-family:var(--font-display);letter-spacing:6px;color:var(--fg-inverse);font-size:20px;font-weight:400}.loader-bar{background:var(--white-20);width:160px;height:1px;overflow:hidden}.loader-fill{background:var(--gold);width:0%;height:100%;transition:width .1s linear}.loader-percent{font-family:var(--font-mono);color:var(--white-40);letter-spacing:1px;font-size:11px}#scroll-section{height:400vh;position:relative}#video-container{z-index:10;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}#scroll-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#loop-video{object-fit:cover;opacity:0;z-index:2;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#flash-image{object-fit:cover;opacity:0;z-index:3;pointer-events:none;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#flash-white{opacity:0;z-index:4;pointer-events:none;background:#fff;position:absolute;inset:0}#scroll-indicator{z-index:20;color:var(--white-40);font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;flex-direction:column;align-items:center;gap:10px;font-size:10px;font-weight:400;transition:opacity .6s;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}#scroll-indicator.hidden{opacity:0;pointer-events:none}.scroll-arrow{opacity:.5;animation:2s ease-in-out infinite bounceDown}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}#progress-bar{background:var(--white-20);z-index:20;width:100%;height:1px;position:absolute;bottom:0;left:0}#progress-fill{background:var(--gold);width:0%;height:100%;transition:width 50ms linear}#hero-content{z-index:30;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}#hero-content.visible{opacity:1;pointer-events:auto}.hero-overlay{z-index:1;background:radial-gradient(#0a0a0ad1 0%,#0a0a0aa6 45%,#0a0a0a80 100%);position:absolute;inset:0}.hero-text{z-index:2;text-align:center;text-shadow:0 2px 24px #000000b3,0 1px 6px #00000080;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:0 40px;display:flex;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--fg-inverse);opacity:0;font-size:clamp(56px,11vw,140px);font-style:italic;font-weight:700;line-height:.9;transform:translateY(30px)}.hero-subtitle{font-family:var(--font-display);color:var(--gold);opacity:0;margin-top:24px;font-size:clamp(20px,3vw,32px);font-style:italic;font-weight:400;line-height:1.4;transform:translateY(20px)}.hero-body{font-family:var(--font-mono);color:var(--white-80);opacity:0;max-width:520px;margin-top:48px;font-size:clamp(13px,1.2vw,15px);font-weight:400;line-height:1.9;transform:translateY(20px)}.char,.word{will-change:opacity, filter;display:inline-block}.hero-cta{opacity:0;align-items:center;gap:24px;margin-top:48px;display:flex;transform:translateY(20px)}.cta-primary{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--gold);text-shadow:0 0 12px var(--gold-dim), 0 0 40px var(--gold-dim);cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s,text-shadow .3s;animation:3s ease-in-out infinite auraBreath;position:relative}.cta-primary:before{content:"";background:radial-gradient(ellipse at center, var(--gold-dim) 0%, transparent 70%);opacity:.4;filter:blur(8px);pointer-events:none;z-index:-1;border-radius:6px;animation:3s ease-in-out infinite auraBreath;position:absolute;inset:-8px -16px}@keyframes auraBreath{0%,to{opacity:1}50%{opacity:.6}}.cta-primary:hover{color:#fff;text-shadow:0 0 20px #fffc, 0 0 60px var(--gold-dim)}.cta-divider{background:#fff3;width:1px;height:16px}.cta-secondary{font-family:var(--font-mono);letter-spacing:.5px;color:var(--white-80);font-size:14px;font-weight:400;text-decoration:none;transition:color .3s}.cta-secondary:hover{color:var(--fg-inverse)}.hero-footer{width:100%;font-family:var(--font-mono);letter-spacing:.8px;color:#ffffff61;opacity:0;justify-content:space-between;margin-top:80px;font-size:11px;font-weight:400;display:flex;transform:translateY(10px)}#noise-canvas{z-index:9000;pointer-events:none;opacity:.5;width:100vw;height:100vh;position:fixed;inset:0}@media (width<=768px){.hero-text{padding:0 24px}.hero-body,.hero-cta{margin-top:32px}.hero-footer{flex-direction:column;align-items:center;gap:8px;margin-top:48px}}