/* ASTROMER / The Signal — immersive invitation, monochrome, accessible.
 * Entire intro exists above the independent site. Music plays only after user gestures.
 */
body.astro-intro-lock{overflow:hidden!important;overscroll-behavior:none}
.astro-intro[hidden]{display:none!important}
.astro-intro{position:fixed;inset:0;z-index:10000;width:100%;height:100svh;overflow:hidden;isolation:isolate;background:#010205;color:#f0f4f6;opacity:1;transition:opacity .95s ease;font-family:'Space Grotesk',Arial,sans-serif}
.astro-intro *{box-sizing:border-box}
.astro-intro::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse 72% 65% at 50% 47%,transparent 35%,#000a 100%);box-shadow:inset 0 0 100px #0006}
.astro-intro-video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;filter:grayscale(1) contrast(1.11) brightness(.98)!important;opacity:1!important;clip-path:circle(150% at 50% 50%);transform-origin:50% 50%;transform:scale(1);background:#010205;pointer-events:none}
.astro-intro[data-stage="portal"] .astro-intro-video{animation:astro-collapsing-video 2.25s cubic-bezier(.69,.03,.8,.25) forwards}
.astro-intro:not([data-stage="video"]):not([data-stage="portal"]) .astro-intro-video{opacity:0!important;visibility:hidden}
@keyframes astro-collapsing-video{0%{clip-path:circle(150% at 50% 50%);opacity:1;transform:scale(1);filter:grayscale(1) contrast(1.12)}52%{clip-path:circle(65% at 50% 50%);opacity:1;transform:scale(.97)}88%{clip-path:circle(13% at 50% 50%);opacity:.7;transform:scale(.52)}100%{clip-path:circle(0% at 50% 50%);opacity:0;transform:scale(.06);filter:grayscale(1) brightness(0)}}
.astro-intro-shadow{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#0000,#0005 85%),linear-gradient(to top,#03040599,transparent 50%);opacity:.2;transition:opacity 1.25s}
.astro-intro:not([data-stage="video"]) .astro-intro-shadow{opacity:1;background:radial-gradient(ellipse at 50% 45%,#181f27 0,#010204 55%,#000 100%)}
.astro-intro-stars{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;background-image:radial-gradient(circle at 14% 12%,#ffffffa0 0 1px,transparent 2px),radial-gradient(circle at 72% 23%,#ffffff52 0 1px,transparent 2px),radial-gradient(circle at 40% 76%,#ffffff7c 0 1px,transparent 2px),radial-gradient(circle at 87% 82%,#ffffff80 0 1px,transparent 2px),radial-gradient(circle at 23% 87%,#ffffff64 0 1px,transparent 2px),radial-gradient(circle at 54% 31%,#ffffff66 0 1px,transparent 2px);transition:opacity 1.4s}
.astro-intro:is([data-stage="astronaut"],[data-stage="invite"],[data-stage="chase"],[data-stage="signal"],[data-stage="entry"]) .astro-intro-stars{opacity:.65}
.astro-intro-portal{position:absolute;z-index:4;left:50%;top:48%;width:min(55vw,440px);aspect-ratio:1;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.08) rotate(-90deg);filter:drop-shadow(0 0 40px #f0f8ff14);pointer-events:none;transition:opacity .55s,transform 2.15s cubic-bezier(.16,.68,.22,1)}
.astro-intro[data-stage="portal"] .astro-intro-portal{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(60deg)}
.astro-intro[data-stage="astronaut"] .astro-intro-portal{opacity:.7;transform:translate(-50%,-50%) scale(.7) rotate(100deg)}
.astro-intro:is([data-stage="invite"],[data-stage="chase"],[data-stage="signal"],[data-stage="entry"]) .astro-intro-portal{opacity:0;transform:translate(-50%,-50%) scale(.03) rotate(185deg)}
.astro-intro-portal-ring{position:absolute;inset:2%;border:2px solid #cad4d559;border-radius:50%;background:conic-gradient(from 45deg,#080a0c,#c4d9df12,#d3e2e94b,#000,#bdc8d83a,#0b0e11,#e4eef63c,#000);animation:astro-orbiting 9s linear infinite;box-shadow:0 0 90px #eafaff1c,inset 0 0 90px #020408}
.astro-intro-portal-horizon{position:absolute;inset:15%;border-radius:50%;border:1px solid #dceaf69b;box-shadow:0 0 18px #d9e8fd69,0 0 60px #f4faff16,inset 0 0 35px #d3e3f136;background:radial-gradient(circle,#000 47%,#242e35 71%,#000 74%)}
.astro-intro-portal-core{position:absolute;inset:28%;border-radius:50%;background:#000;box-shadow:0 0 35px #000}
@keyframes astro-orbiting{to{transform:rotate(360deg)}}
.astro-intro-mascot{position:absolute;z-index:9;left:50%;top:50%;width:clamp(105px,16vw,212px);opacity:0;pointer-events:none;transform:translate(-50%,-65%) scale(.08) rotate(70deg);transition:transform 2s cubic-bezier(.2,.8,.25,1),opacity .8s,left 1.85s cubic-bezier(.2,.8,.25,1),top 1.85s cubic-bezier(.2,.8,.25,1);filter:drop-shadow(0 15px 25px #000a) drop-shadow(0 0 14px #d6e9f025)}
.astro-intro:is([data-stage="astronaut"],[data-stage="invite"],[data-stage="chase"],[data-stage="signal"]) .astro-intro-mascot{opacity:1}
.astro-intro[data-stage="astronaut"] .astro-intro-mascot{transform:translate(-50%,-55%) scale(1.05) rotate(-13deg)}
.astro-intro:is([data-stage="invite"],[data-stage="chase"]) .astro-intro-mascot{left:31%;top:55%;transform:translate(-50%,-50%) scale(.85) rotate(10deg)}
.astro-intro[data-stage="signal"] .astro-intro-mascot{left:22%;top:78%;transform:translate(-50%,-50%) scale(.65) rotate(-15deg);opacity:.68}
.astro-intro[data-stage="entry"] .astro-intro-mascot{opacity:0;transform:translate(-50%,-240%) scale(.1) rotate(65deg)}
.astro-intro-suit{width:100%;height:auto;display:block;overflow:visible;animation:astro-tiny-hover 4.1s ease-in-out infinite;filter:grayscale(1)!important}
@keyframes astro-tiny-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(3deg)}}
.astro-suit-arm-left{transform-origin:66px 152px;animation:astro-arm-drift 3s ease-in-out infinite}
.astro-suit-arm-right{transform-origin:145px 150px;animation:astro-arm-drift 3.4s ease-in-out -.8s infinite reverse}
@keyframes astro-arm-drift{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
.astro-intro-propulsion{position:absolute;left:43%;bottom:-13%;width:20%;height:22%;border-radius:50%;background:radial-gradient(ellipse at top,#ffffffa1,#bac9d344,transparent 70%);opacity:.3;filter:blur(9px);animation:astro-thruster 2.2s ease-in-out infinite}
@keyframes astro-thruster{0%,100%{transform:scaleY(.8);opacity:.23}50%{transform:scaleY(1.5);opacity:.5}}
.astro-intro-heading{position:absolute;z-index:11;top:clamp(32px,9svh,120px);left:0;right:0;text-align:center;pointer-events:none;padding:0 20px;opacity:0;transition:opacity 1s}
.astro-intro:not([data-stage="video"]):not([data-stage="portal"]) .astro-intro-heading{opacity:1}
.astro-intro-eyebrow{display:block;font:400 9px 'Space Grotesk',Arial,sans-serif;letter-spacing:.35em;color:#a6b8bf}
#astro-intro-message{font:300 clamp(14px,2.1vw,25px) 'Space Grotesk',Arial,sans-serif;letter-spacing:.16em;color:#eaf0f1;margin:15px 0}
.astro-intro-decoy{position:absolute;z-index:15;top:55%;left:62%;width:min(415px,57vw);min-height:113px;display:flex;align-items:center;gap:19px;text-align:left;background:linear-gradient(112deg,#151a1ff5,#080c10f5);border:1px solid #e9f5f87a;color:#f2f7f8;box-shadow:0 20px 55px #000b,0 0 45px #e8f6ff16;padding:23px 26px;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-50%,-35%) scale(.72);transition:transform 1.4s cubic-bezier(.2,.9,.29,1),opacity .75s,filter .75s;isolation:isolate}
.astro-intro[data-stage="invite"] .astro-intro-decoy{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);animation:astro-player-hint 2.8s ease-in-out infinite}
@keyframes astro-player-hint{0%,100%{box-shadow:0 20px 50px #000b,0 0 0 1px #fff2}50%{box-shadow:0 20px 50px #000b,0 0 40px #effaff39}}
.astro-intro[data-stage="chase"] .astro-intro-decoy{opacity:0;transform:translate(170%,-150%) rotate(18deg) scale(.2);pointer-events:none;filter:blur(5px)}
.astro-intro-decoy-graphic{display:flex;gap:3px;align-items:center;justify-content:center;flex:0 0 66px;height:54px}
.astro-intro-decoy-graphic span{width:3px;height:12px;background:#ebf2f6;animation:astro-eq .88s ease-in-out infinite}
.astro-intro-decoy-graphic span:nth-child(3n){animation-delay:-.55s}.astro-intro-decoy-graphic span:nth-child(4n){animation-delay:-.26s}
@keyframes astro-eq{0%,100%{height:6px;opacity:.35}45%{height:40px;opacity:1}}
.astro-intro-decoy-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.astro-intro-decoy-copy strong{font:500 clamp(13px,1.55vw,20px) 'Space Grotesk',Arial,sans-serif;letter-spacing:.22em}
.astro-intro-decoy-copy small{font:400 9px 'Space Grotesk',Arial,sans-serif;letter-spacing:.14em;color:#abb8be}
.astro-intro-play-icon{display:grid;place-items:center;border:1px solid #effaff94;border-radius:50%;width:44px;height:44px;flex:0 0 44px;font-size:25px;line-height:1}
.astro-intro-signal{position:absolute;z-index:15;left:50%;top:52%;width:min(390px,75vw);height:min(390px,75vw);border:0;background:transparent;color:white;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.3);transition:opacity .8s,transform 1.2s cubic-bezier(.2,.9,.3,1)}
.astro-intro:is([data-stage="signal"],[data-stage="entry"]) .astro-intro-signal{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.astro-intro-signal-orbit{position:absolute;inset:12%;border-radius:50%;border:1px solid #dae9f478;box-shadow:0 0 120px #bed8ee22,inset 0 0 130px #b9d6f019}
.astro-intro-signal-orbit::before,.astro-intro-signal-orbit::after{content:"";position:absolute;inset:-8%;border:1px solid #ffffff6a;border-radius:50%;animation:astro-heartbeat 1.25s ease-out infinite}
.astro-intro-signal-orbit::after{animation-delay:.62s}
@keyframes astro-heartbeat{0%{transform:scale(.76);opacity:.85}72%{opacity:.16}100%{transform:scale(1.28);opacity:0}}
.astro-intro-signal-core{position:absolute;inset:34%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#d9e6ec 0%,#667984 16%,#091017 55%,#000 80%);border:1px solid #f3fbff9f;box-shadow:0 0 15px #e3f5ffcc,0 0 50px #c2e6ff60,0 0 135px #b3cfe03b;font:300 clamp(15px,4vw,30px) 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em;text-shadow:0 0 14px white;animation:astro-signal-breathe 1.25s ease-in-out infinite}
@keyframes astro-signal-breathe{0%,100%{transform:scale(.92);filter:brightness(.8)}44%{transform:scale(1.12);filter:brightness(1.8)}70%{transform:scale(.97)}}
#astro-intro-signal-hint{position:absolute;left:50%;top:91%;transform:translateX(-50%);white-space:nowrap;font:400 10px 'Space Grotesk',Arial,sans-serif;letter-spacing:.22em;color:#eef6f7}
.astro-intro[data-stage="entry"] .astro-intro-signal{animation:astro-enter-bloom 1.2s cubic-bezier(.22,.8,.2,1) forwards;pointer-events:none}
@keyframes astro-enter-bloom{0%{transform:translate(-50%,-50%) scale(1);filter:blur(0);opacity:1}58%{transform:translate(-50%,-50%) scale(2.5);filter:blur(5px);opacity:.8}100%{transform:translate(-50%,-50%) scale(8);filter:blur(30px);opacity:0}}
.astro-intro-skip{position:absolute;z-index:60;top:calc(28px + env(safe-area-inset-top));right:clamp(18px,5vw,72px);padding:13px 0;border:0;border-bottom:1px solid #e1edf2a8;background:rgba(0,0,0,.35);color:#eaf3f7;font:400 10px 'Space Grotesk',Arial,sans-serif;letter-spacing:.2em;cursor:pointer}
.astro-intro-bottom{position:absolute;z-index:7;bottom:calc(26px + env(safe-area-inset-bottom));left:clamp(20px,5vw,72px);font:400 9px 'Space Grotesk',Arial,sans-serif;letter-spacing:.19em;color:#c0cbd098;pointer-events:none}
.astro-intro-exit{opacity:0;pointer-events:none}
.astro-intro-replay{margin-left:16px;padding:9px 0;border:0;border-bottom:1px solid #f8f9fa4e;background:transparent;color:#cfd8d9;font:400 9px 'Space Grotesk',Arial,sans-serif;letter-spacing:.1em;cursor:pointer}
.astro-intro-replay:hover{color:white;border-color:white}
@media(max-width:700px){
 .astro-intro-video{object-position:center center}
 .astro-intro-heading{top:17%}
 .astro-intro-portal{width:75vw}
 .astro-intro-mascot{width:clamp(115px,29vw,180px)}
 .astro-intro[data-stage="astronaut"] .astro-intro-mascot{top:48%}
 .astro-intro:is([data-stage="invite"],[data-stage="chase"]) .astro-intro-mascot{left:28%;top:43%;transform:translate(-50%,-50%) scale(.75) rotate(-10deg)}
 .astro-intro-decoy{top:67%;left:50%;width:min(92vw,415px);min-height:105px;padding:16px;gap:10px}
 .astro-intro-decoy-graphic{flex-basis:45px}
 .astro-intro-decoy-copy strong{font-size:13px}
 .astro-intro-play-icon{width:34px;height:34px;flex-basis:34px;font-size:22px}
 .astro-intro-signal{top:50%;width:min(330px,85vw);height:min(330px,85vw)}
 #astro-intro-signal-hint{font-size:9px;letter-spacing:.12em}
 .astro-intro-bottom{font-size:8px;max-width:65%}
 .hero-footer{gap:7px!important;flex-wrap:wrap}
 .astro-intro-replay{display:inline-block;font-size:8px;letter-spacing:.04em;margin-left:2px;padding:6px 0}
}
@media(prefers-reduced-motion:reduce){
 .astro-intro{display:none!important}
 .astro-intro *{animation:none!important;transition:none!important}
 body.astro-intro-lock{overflow:auto!important}
}