:root{--color-space-void: #010204;--color-space-deep: #030712;--color-beam-gold: #f6be6b;--color-beam-amber: #e68524;--color-beam-white: #fffdf5;--color-accent-glow: rgba(246, 190, 107, .35);--color-glass-bg: rgba(10, 14, 23, .72);--color-glass-border: rgba(255, 215, 150, .18);--color-glass-hover: rgba(255, 200, 120, .28);--font-display: "Space Grotesk", -apple-system, sans-serif;--font-ui: "Outfit", -apple-system, sans-serif;--transition-smooth: cubic-bezier(.16, 1, .3, 1);--horizon-y: 71.7%}@media(max-width:768px),(orientation:portrait){:root{--horizon-y: 73.6%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;height:100dvh;overflow:hidden;background-color:var(--color-space-void);color:#f1f5f9;font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;touch-action:manipulation}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-space-void);display:flex;align-items:center;justify-content:center;transition:opacity 1.1s var(--transition-smooth),visibility 1.1s;pointer-events:none}body:not(.loading) .loader-overlay{opacity:0;visibility:hidden}.loader-core{display:flex;flex-direction:column;align-items:center;gap:20px}.loader-beam{width:2px;height:60px;background:linear-gradient(to bottom,transparent,var(--color-beam-gold),var(--color-beam-white));box-shadow:0 0 20px var(--color-beam-gold);animation:loaderPulse 1.4s ease-in-out infinite alternate}.loader-text{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.35em;color:#f6be6bd9;text-transform:uppercase}@keyframes loaderPulse{0%{transform:scaleY(.4);opacity:.3}to{transform:scaleY(1.2);opacity:1}}.experience-viewport{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 72%,#080f1c 0%,#02050a 50%,var(--color-space-void) 100%);perspective:1400px;cursor:default;display:flex;align-items:center;justify-content:center}.experience-viewport.is-idle{cursor:none}.cosmic-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.85}.hero-stage{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;will-change:transform;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.hero-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-picture{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.hero-image{display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .6s var(--transition-smooth),opacity .8s ease;will-change:transform,opacity;opacity:0}body:not(.loading) .hero-image{opacity:1}.mode-cover .hero-image{width:100vw;height:100vh;height:100dvh;object-fit:cover;object-position:center var(--horizon-y);mask-image:none;-webkit-mask-image:none}.mode-cinematic .hero-image{width:100vw;height:100vh;height:100dvh;object-fit:contain;object-position:center center;mask-image:radial-gradient(ellipse at center,black 85%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,black 85%,transparent 100%)}@media(max-width:768px),(orientation:portrait){.mode-cover .hero-image{width:100vw;height:100vh;height:100dvh;object-fit:cover;object-position:center var(--horizon-y)}.mode-cinematic .hero-image{width:100vw;height:100vh;height:100dvh;object-fit:contain;object-position:center center;mask-image:none;-webkit-mask-image:none}}.light-effects-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.beam-luminescence{position:absolute;top:0;bottom:calc(100% - var(--horizon-y));left:50%;transform:translate(-50%);width:130px;background:linear-gradient(90deg,transparent 0%,rgba(246,190,107,.04) 30%,rgba(255,235,190,.16) 50%,rgba(246,190,107,.04) 70%,transparent 100%);mix-blend-mode:screen;animation:beamBreathe 7s ease-in-out infinite alternate}.beam-core-glow{position:absolute;top:0;bottom:calc(100% - var(--horizon-y));left:50%;transform:translate(-50%);width:14px;background:linear-gradient(180deg,#ffffff40,#ffebb473,#ffffffbf);box-shadow:0 0 18px #ffbe648c;mix-blend-mode:screen;opacity:.55;animation:coreFlicker 4.5s ease-in-out infinite alternate}.horizon-flare{position:absolute;top:var(--horizon-y);left:50%;transform:translate(-50%,-50%);width:min(850px,92vw);height:200px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,250,235,.5) 0%,rgba(255,195,110,.28) 30%,rgba(230,130,35,.09) 62%,transparent 80%);mix-blend-mode:screen;filter:blur(12px);animation:horizonDawnPulse 6s ease-in-out infinite alternate}.horizon-atmosphere-haze{position:absolute;top:var(--horizon-y);left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,190,100,.12) 15%,rgba(255,255,255,.6) 50%,rgba(255,190,100,.12) 85%,transparent 100%);mix-blend-mode:screen;opacity:.48}@keyframes beamBreathe{0%{opacity:.35;transform:translate(-50%) scaleX(.85)}to{opacity:.8;transform:translate(-50%) scaleX(1.15)}}@keyframes coreFlicker{0%{opacity:.4}50%{opacity:.75}to{opacity:.5}}@keyframes horizonDawnPulse{0%{opacity:.5;transform:translate(-50%,-50%) scale(.92)}to{opacity:.95;transform:translate(-50%,-50%) scale(1.08)}}.shockwave-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;overflow:hidden}.shockwave-ring{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.1);border:1.5px solid rgba(255,220,160,.7);box-shadow:0 0 25px #f6be6b80,inset 0 0 15px #ffc86440;animation:shockwaveExpand 1.3s cubic-bezier(.1,.8,.25,1) forwards}@keyframes shockwaveExpand{0%{transform:translate(-50%,-50%) scale(.05);opacity:.95}60%{opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.cursor-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:0;transition:opacity .5s ease;background:radial-gradient(circle 340px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,205,130,.07) 0%,transparent 70%);mix-blend-mode:screen}.experience-viewport:hover .cursor-glow{opacity:1}@media(max-width:600px){.beam-luminescence{width:90px}.horizon-flare{height:140px;filter:blur(10px)}}