@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-serif: "Cinzel", serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--color-bg: #05070c;--color-text: #f0f4fc;--color-gold: #e5b869;--color-cyan: #5eead4;--color-muted: rgba(240, 244, 252, .6)}html,body{width:100%;min-height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#05070ccc}::-webkit-scrollbar-thumb{background:#e5b86940;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e5b86980}.app-container{position:relative;width:100%;background-color:var(--color-bg)}.canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.scroll-container{position:relative;width:100%;height:400vh;z-index:2;pointer-events:auto}.overlay-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem}.brand-header{display:flex;justify-content:space-between;align-items:center;width:100%}.brand-title{font-family:var(--font-serif);font-size:1.1rem;letter-spacing:.3em;font-weight:600;text-transform:uppercase;color:#f0f4fcd9;display:flex;align-items:center;gap:.75rem}.brand-dot{width:6px;height:6px;border-radius:50%;background:var(--color-gold);box-shadow:0 0 10px var(--color-gold);animation:pulse-glow 3s infinite ease-in-out}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.brand-subtitle{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted)}.progress-bar-container{position:fixed;top:0;left:0;width:100%;height:2px;background:#ffffff0d;z-index:100}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#38bdf8,#818cf8,#fbbf24);box-shadow:0 0 12px #fbbf2499;transition:width .05s linear}.stage-center{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%;max-width:880px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.stage-text-block{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;transition:opacity .5s ease-out,transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.stage-tag{font-family:var(--font-sans);font-size:.78rem;font-weight:600;letter-spacing:.4em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.85rem;opacity:.95;text-shadow:0 2px 10px rgba(0,0,0,.8)}.stage-heading{font-family:var(--font-serif);font-size:clamp(2rem,5.2vw,4.2rem);font-weight:700;letter-spacing:.18em;line-height:1.15;text-transform:uppercase;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.95),0 0 40px rgba(0,0,0,.8);margin-bottom:1.25rem}.stage-desc{font-family:var(--font-sans);font-size:clamp(.92rem,1.6vw,1.18rem);font-weight:400;letter-spacing:.12em;line-height:1.6;color:#f0f4fcd9;text-shadow:0 2px 16px rgba(0,0,0,.9);max-width:600px;margin:0 auto}.stage-moment-3 .stage-tag{font-size:.72rem;letter-spacing:.35em;margin-bottom:.65rem}.stage-moment-3 .stage-heading{font-size:clamp(1.45rem,3.6vw,2.85rem);letter-spacing:.16em;margin-bottom:.75rem}.stage-moment-3 .stage-desc{font-size:clamp(.82rem,1.3vw,.98rem);max-width:480px}.stage-grand-title{font-family:var(--font-serif);font-size:clamp(2.4rem,6.2vw,4.6rem);font-weight:900;letter-spacing:.32em;line-height:1.1;text-transform:uppercase;background:linear-gradient(180deg,#fff,#fde68a 60%,#e5b869);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px rgba(0,0,0,.9)) drop-shadow(0 0 35px rgba(229,184,105,.3));margin-bottom:1rem}.stage-grand-subtitle{font-family:var(--font-serif);font-size:clamp(.85rem,1.6vw,1.2rem);letter-spacing:.45em;text-transform:uppercase;color:#ffffffeb;text-shadow:0 3px 16px rgba(0,0,0,.95)}.brand-footer{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.scroll-indicator{display:flex;align-items:center;gap:.75rem;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--color-muted)}.scroll-mouse{width:18px;height:28px;border:1.5px solid rgba(240,244,252,.4);border-radius:10px;position:relative}.scroll-wheel{width:3px;height:6px;background:var(--color-gold);border-radius:2px;position:absolute;top:5px;left:50%;transform:translate(-50%);animation:scroll-wheel 2s infinite ease-in-out}@keyframes scroll-wheel{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}.stage-counter{font-family:var(--font-serif);font-size:.85rem;letter-spacing:.25em;color:#f0f4fc99}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-bg);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s}.loader-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-title{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;letter-spacing:.35em;color:#fff;margin-bottom:.5rem;text-transform:uppercase}.loader-subtitle{font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;color:var(--color-muted);margin-bottom:2rem}.loader-bar{width:180px;height:2px;background:#ffffff1a;position:relative;overflow:hidden}.loader-bar-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);animation:loader-slide 1.5s infinite ease-in-out}@keyframes loader-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}