body.global-space-intro-open { overflow: hidden; }
.global-space-intro { position: fixed; inset: 0; z-index: 150; isolation: isolate; overflow: hidden; background: #01050b; color: #fff; }
.global-space-intro.is-ready { animation: global-space-reveal var(--intro-duration) linear both; }
.global-space-stars { position: absolute; inset: 0; width: 100%; height: 100%; }
.global-space-vignette { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 50% 48%,transparent 28%,#0002 68%,#0009); }
.global-space-brand { position: absolute; left: 50%; bottom: max(11vh,76px); width: min(56vw,280px); transform: translateX(-50%); text-align: center; pointer-events: none; opacity: 0; }
.global-space-brand img { width: 100%; height: auto; filter: drop-shadow(0 2px 18px #000); }
.global-space-brand p { margin-top: 8px; font-family: Inter,sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #e5edf8; text-shadow: 0 2px 12px #000; }
.is-ready .global-space-brand { animation: global-space-signature var(--intro-duration) linear both; }
.global-space-skip { position: absolute; top: max(20px,env(safe-area-inset-top)); right: max(20px,env(safe-area-inset-right)); min-height: 44px; padding: 10px 18px; border: 1px solid #ffffff52; border-radius: 24px; background: #05091288; color: #fff; font-family: Inter,sans-serif; font-size: 14px; backdrop-filter: blur(10px); cursor: pointer; }
.global-space-skip:hover { background: #ffffff26; border-color: #ffffffa6; }
.global-space-intro :is(a,button):focus-visible { outline: 2px solid #80baff; outline-offset: 4px; }
/* The page is fully legible if the opening is skipped or motion is disabled. */
.site-clarity-reveal { animation: none !important; filter: none !important; opacity: 1 !important; }
/* Content stays sharp at every scroll position and viewport width. */
.scroll-blur-section, .section-blur-reveal { filter: none !important; opacity: 1 !important; transition: none !important; }
@keyframes global-space-reveal {
  0%,70% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes global-space-signature {
  0%,9% { opacity: 0; transform: translateX(-50%) translateY(8px); }
  18%,40% { opacity: 1; transform: translateX(-50%) translateY(0); }
  62%,100% { opacity: 0; transform: translateX(-50%) translateY(-8px); }
}
@media (max-width:767px) {
  .global-space-brand { bottom: max(15vh,100px); width: min(56vw,220px); }
  .global-space-skip { top: max(16px,env(safe-area-inset-top)); right: max(16px,env(safe-area-inset-right)); }
}
@media (prefers-reduced-motion: reduce) {
  .global-space-intro, .global-space-brand { animation: none !important; }
}