body.cinematic-intro-lock{overflow:hidden}.cinematic-intro{z-index:9999;color:#fff;font-family:var(--font-display), Georgia, serif;opacity:1;background:#000;transition:opacity 2.5s;position:fixed;inset:0;overflow:hidden}.cinematic-intro.fading-out{opacity:0;pointer-events:none}.cinematic-intro .cinematic-skip{z-index:200;font-family:var(--font-cinzel), serif;letter-spacing:.2em;text-transform:uppercase;color:#e8d5b0b3;cursor:pointer;background:#00000040;border:1px solid #e8d5b04d;border-radius:999px;padding:.55rem 1.2rem;font-size:.75rem;transition:color .3s,border-color .3s,background .3s;position:absolute;top:1.5rem;right:1.5rem}.cinematic-intro .cinematic-skip:hover{color:#e8d5b0;background:#e8d5b014;border-color:#e8d5b099}@media (max-width:768px){.cinematic-intro .cinematic-skip{padding:.45rem 1rem;font-size:.7rem;top:1rem;right:1rem}}.cinematic-intro *,.cinematic-intro :before,.cinematic-intro :after{box-sizing:border-box;margin:0;padding:0}.cinematic-intro #entry-overlay{z-index:100;cursor:pointer;background:#000;justify-content:center;align-items:center;transition:opacity 1.5s;display:flex;position:absolute;inset:0}.cinematic-intro #entry-overlay.hidden{opacity:0;pointer-events:none}.cinematic-intro .entry-text{font-family:var(--font-cinzel), serif;letter-spacing:.3em;text-transform:uppercase;color:#e8d5b0b3;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:400;animation:3s ease-in-out infinite entryPulse}@keyframes entryPulse{0%,to{opacity:.5}50%{opacity:1}}.cinematic-intro .scene{opacity:0;visibility:hidden;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.cinematic-intro .scene.active{opacity:1;visibility:visible;z-index:10}.cinematic-intro .scene.fading{opacity:0;transition:opacity 3s}.cinematic-intro .nebula-container{width:100%;height:100%;overflow:hidden}.cinematic-intro .nebula-image{transform-origin:50%;background:#030308 url(/assets/helix-nebula.webp) 50%/cover no-repeat;width:100%;height:100%;animation:25s ease-in-out forwards nebulaMotion}@keyframes nebulaMotion{0%{transform:scale(1)rotate(0)}to{transform:scale(1.4)rotate(10deg)}}.cinematic-intro .scene1-overlay{opacity:0;z-index:2;pointer-events:none;background:#000;width:100%;height:100%;transition:opacity 2s;position:absolute;top:0;left:0}.cinematic-intro .scene1-overlay.darken{opacity:.65}.cinematic-intro .scene1-quote{text-align:center;z-index:3;opacity:0;width:90%;max-width:800px;transition:opacity 2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cinematic-intro .scene1-quote.visible{opacity:1}.cinematic-intro .quote-line{font-family:var(--font-cinzel), serif;letter-spacing:.15em;color:#fff;text-transform:uppercase;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:400;line-height:2.2}.cinematic-intro .quote-attribution{font-family:var(--font-cinzel), serif;letter-spacing:.2em;color:#ffffffb3;text-transform:uppercase;margin-top:1.5em;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:400}.cinematic-intro #space-scene{z-index:0;opacity:0;visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0}.cinematic-intro #space-scene.active{opacity:1;visibility:visible;z-index:5}.cinematic-intro #space-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.cinematic-intro .logo-container{opacity:0;z-index:2;pointer-events:none;will-change:transform, opacity;align-items:center;gap:30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cinematic-intro .logo-container.visible{animation:2.5s cubic-bezier(.25,.46,.45,.94) forwards logoReveal}.cinematic-intro .logo-container.fade-out{animation:1.5s ease-in forwards logoFadeOut}.cinematic-intro .sacred-music-logo{font-family:var(--font-cinzel), serif;letter-spacing:.15em;color:#e8d5b0;white-space:nowrap;text-align:center;text-transform:none;backface-visibility:hidden;font-size:clamp(2rem,7vw,6rem);font-weight:700;transform:translateZ(0)}.cinematic-intro .sacred-music-logo span{font-size:clamp(4rem,8.75vw,7.5rem)}.cinematic-intro .logo-line{background:linear-gradient(90deg,#0000,#e8d5b099,#0000);width:0;height:1px}.cinematic-intro .logo-container.visible .logo-line{animation:2.5s ease-out .5s forwards lineExpand}@keyframes logoReveal{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes logoFadeOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}@keyframes lineExpand{0%{width:0}to{width:120px}}.cinematic-intro .earth-container{opacity:0;z-index:1;pointer-events:none;will-change:opacity, transform, filter;transition:opacity 3s,transform 3s,filter 2.5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}.cinematic-intro .earth-container.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.cinematic-intro .earth-container.background{opacity:.22;filter:blur(1.5px);transition:opacity 2.5s,filter 2.5s;transform:translate(-50%,-50%)scale(1)}.cinematic-intro .earth-container.foreground{opacity:1;filter:blur();transition:opacity 2s,filter 2s;transform:translate(-50%,-50%)scale(1)}.cinematic-intro .earth-image{width:clamp(300px,min(48vw,68vh),600px);height:auto;display:block}.cinematic-intro .cinematic-text{text-align:center;z-index:2;opacity:0;pointer-events:none;box-sizing:border-box;will-change:transform, opacity;width:min(92vw,1100px);padding:0 1.5rem;transition:opacity 1.5s,transform 1.5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92)}.cinematic-intro .cinematic-text.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.cinematic-intro .cinematic-text p{font-family:var(--font-cinzel), serif;letter-spacing:.15em;text-transform:uppercase;color:#dcdce6e6;font-size:clamp(1.8rem,3vw,3rem);font-weight:400;line-height:2}.cinematic-intro .cinematic-large p{font-size:clamp(2.1rem,3.2vw,3.4rem);line-height:1.55}.cinematic-intro .ssc-block{margin-bottom:1.2em}.cinematic-intro .ssc-block:last-child{margin-bottom:0}.cinematic-intro .ssc-action{font-family:var(--font-cinzel), serif;letter-spacing:.2em;color:#e8d5b0;text-transform:uppercase;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.3;display:block}.cinematic-intro .ssc-object{font-family:var(--font-cinzel), serif;letter-spacing:.15em;color:#dcdce6cc;text-transform:uppercase;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;line-height:1.6;display:block}.cinematic-intro .god-emphasis{margin-right:-.3em;letter-spacing:.3em!important;color:#e8d5b0!important;font-size:clamp(3.5rem,6vw,5.5rem)!important;font-weight:700!important}.cinematic-intro .god-emphasis-inline{color:#e8d5b0;letter-spacing:.15em;margin-right:-.15em;font-weight:700}.cinematic-intro #fade-overlay{z-index:30;opacity:0;pointer-events:none;background:#000;transition:opacity 1s;position:absolute;inset:0}.cinematic-intro #fade-overlay.visible{opacity:1}@media (max-width:768px){.cinematic-intro .sacred-music-logo{white-space:normal;font-size:clamp(1.8rem,8vw,3rem)}.cinematic-intro .logo-container{gap:15px;width:90%}.cinematic-intro .logo-line{display:none}.cinematic-intro .quote-line{letter-spacing:.08em;font-size:clamp(.9rem,3.5vw,1.4rem);line-height:2}.cinematic-intro .quote-attribution{font-size:clamp(.75rem,2.5vw,1rem)}.cinematic-intro .cinematic-text p{letter-spacing:.08em;font-size:clamp(1.2rem,4.5vw,2rem)}.cinematic-intro .cinematic-large p{font-size:clamp(1.4rem,5vw,2.4rem)}.cinematic-intro .ssc-action{letter-spacing:.1em;font-size:clamp(1.8rem,8vw,3rem)}.cinematic-intro .ssc-object{font-size:clamp(1rem,3.5vw,1.4rem)}.cinematic-intro .god-emphasis{letter-spacing:.15em!important;font-size:clamp(2.5rem,10vw,4rem)!important}.cinematic-intro .earth-image{width:clamp(220px,78vw,420px)}}@media (max-width:480px){.cinematic-intro .sacred-music-logo{font-size:clamp(1.4rem,7vw,2.2rem)}.cinematic-intro .ssc-action{font-size:clamp(1.5rem,7vw,2.5rem)}}
