/* The familiar Night Sky lockup leads the welcome. */
.hero .hero-content{padding-top:140px;padding-bottom:128px}
.hero-app-icon{display:block;width:144px;height:144px;margin:0 auto 28px;border-radius:23%;box-shadow:0 12px 60px #09021255}
.hero #hero-title{font-size:clamp(3rem,7vw,6.5rem);line-height:1.06;letter-spacing:-.055em}
.hero-tagline{font-size:clamp(1.375rem,2.4vw,2rem);line-height:1.25;letter-spacing:-.025em;margin-top:18px;color:#f1eaf8}
.hero .hero-description{margin-top:22px}
@media(max-width:800px){
  .hero .hero-content{padding-top:122px;padding-bottom:108px}
  .hero-app-icon{width:112px;height:112px;margin-bottom:24px}
  .hero #hero-title{font-size:clamp(2.5rem,10.8vw,4rem)}
}
@media(max-width:480px){.hero #hero-title{font-size:clamp(2.3rem,10.8vw,3.3rem)}}

/* A readable accessibility panel at every width. */
.accessibility-section{margin-top:64px;padding:34px 36px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px 38px;align-items:start;border:1px solid #b596d42b;border-radius:22px;background:linear-gradient(115deg,#181022,#100d17)}
.accessibility-heading{display:flex;align-items:center;gap:15px;min-width:0}
.accessibility-heading h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.035em}
.accessibility-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;color:#ddbef6}
.accessibility-icon svg{width:38px;height:38px;stroke-width:1.25}
.accessibility-icon .accessibility-head{fill:currentColor;stroke:none}
.accessibility-icon .accessibility-body{stroke-width:1.8}
.accessibility-description{grid-column:1;font-size:1rem;line-height:1.6;color:#c5b8d2}
.accessibility-features{grid-column:1;display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 0;padding:0;list-style:none}
.accessibility-features li{padding:6px 11px;border-radius:8px;background:#ceb0ee0a;border:1px solid #ceb0ee20;color:#d8cbe5;font-size:.875rem;line-height:1.5}
.accessibility-film{grid-column:2;grid-row:1/4;align-self:center;display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 16px;color:#eee3fa;background:#291c3a;border:1px solid #ceace340;border-radius:13px;font-size:.9375rem;font-weight:500;transition:background .2s,border-color .2s}
.accessibility-film:hover{background:#352349;border-color:#e5c8ff80}
.accessibility-film .play-symbol{width:30px;height:30px;flex-shrink:0;border-color:#d3b9ea77}
.accessibility-arrow{width:18px;height:18px;margin-left:8px}

/* Everything is visible by default; motion is an enhancement. */
.constellation-card>.constellation-light{opacity:0;pointer-events:none}
.vision-stage{position:relative;perspective:1500px;isolation:isolate}
.motion-enabled .scroll-reveal{transition:opacity .65s ease var(--reveal-delay,0ms),transform .75s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
.motion-enabled .reveal-waiting:not(:focus-within){opacity:0;transform:translate3d(0,22px,0)}

/* Keep the original Leopard-like video, with depth between video and type. */
.motion-enabled .hero-media{transform:translate3d(0,calc(var(--hero-depth,0)*90px),0) scale(calc(1.06 + var(--hero-depth,0)*.12));will-change:transform}
.motion-enabled .hero-content{transform:translate3d(0,calc(var(--hero-depth,0)*-48px),0);opacity:calc(1 - var(--hero-depth,0)*.35)}
.motion-enabled.motion-intro .hero-app-icon,.motion-enabled.motion-intro .hero h1,.motion-enabled.motion-intro .hero-tagline,.motion-enabled.motion-intro .hero-description,.motion-enabled.motion-intro .hero-actions,.motion-enabled.motion-intro .hero-note{animation:sky-arrive .95s cubic-bezier(.16,1,.3,1) both}
.motion-enabled.motion-intro .hero h1{animation-delay:.1s}
.motion-enabled.motion-intro .hero-tagline{animation-delay:.16s}
.motion-enabled.motion-intro .hero-description{animation-delay:.2s}
.motion-enabled.motion-intro .hero-actions{animation-delay:.3s}
.motion-enabled.motion-intro .hero-note{animation-delay:.4s}
.motion-enabled.motion-intro .hero::before{content:"";position:absolute;left:0;top:18%;z-index:-1;width:190px;height:1px;border-radius:50%;background:linear-gradient(90deg,transparent,#d1b8ff99,#fff);box-shadow:0 0 8px #d8baff;opacity:0;pointer-events:none;animation:sky-meteor 1s cubic-bezier(.2,.55,.5,1) .65s both}
@keyframes sky-arrive{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes sky-meteor{0%{opacity:0;transform:translate3d(-20vw,-5vh,0) rotate(23deg) scaleX(.3)}25%{opacity:.8}100%{opacity:0;transform:translate3d(90vw,33vh,0) rotate(23deg) scaleX(1)}}

/* Illuminate the real Orion artwork rather than drawing a substitute. */
.motion-enabled .constellation-card>.constellation-base,.motion-enabled .constellation-card>.constellation-light{transform:translate3d(0,calc((.5 - var(--constellation-progress,0))*22px),0) scale(1.06)}
.motion-enabled .constellation-card>.constellation-base{filter:brightness(.55) saturate(.85)}
.motion-enabled .constellation-card>.constellation-light{opacity:1;filter:brightness(1.12);-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--constellation-edge,0%) - 12%),transparent var(--constellation-edge,0%));mask-image:linear-gradient(to bottom,#000 calc(var(--constellation-edge,0%) - 12%),transparent var(--constellation-edge,0%))}

/* A slow wash of Aura colour follows the visitor through the section. */
.aura-section{isolation:isolate}
.motion-enabled .aura-section::before{content:"";position:absolute;inset:-15% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 30%,#a36dff24,transparent 45%),radial-gradient(ellipse at 85% 65%,#f062a922,transparent 45%),radial-gradient(ellipse at 70% 20%,#f4be6415,transparent 35%);transform:translate3d(0,calc((var(--aura-drift,.5) - .5)*100px),0)}

/* The planetarium window grows and settles as it enters the viewport. */
.motion-enabled .vision-stage::before{content:"";position:absolute;inset:4% 8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#b168ff66,transparent 70%);filter:blur(30px);opacity:var(--vision-open,0)}
.motion-enabled .vision-image{transform:rotateX(calc((1 - var(--vision-open,0))*10deg)) scale(calc(.9 + var(--vision-open,0)*.1));transform-origin:50% 50%;border-radius:calc(36px - var(--vision-open,0)*16px);box-shadow:0 26px 80px #0005}
.motion-enabled .vision-image>img{transform:scale(calc(1.08 - var(--vision-open,0)*.08))}

/* One existing control pauses every decorative animation. */
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}
.motion-suspended *,.motion-suspended *::before,.motion-suspended *::after{animation-play-state:paused!important}

/* A scroll-driven camera journey, with the original welcome video underneath. */
.spaceflight-layer{display:none;position:fixed;inset:0 0 auto;z-index:4;pointer-events:none;overflow:hidden;opacity:0;contain:strict;-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 65%,transparent 95%);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 65%,transparent 95%)}
.spaceflight-canvas{position:absolute;inset:0;width:100%;height:100%}
.spaceflight-nebula{position:absolute;inset:-12%;background:linear-gradient(180deg,#07050d35,#07050da8),url('assets/hero-poster.jpg') center/cover;opacity:0;transform-origin:50% 45%}
.flight-ready.motion-enabled .launch-journey{position:relative;height:calc(var(--launch-height) + var(--flight-distance))}
.flight-ready.motion-enabled .launch-journey>.hero{position:sticky;top:var(--flight-pin-top,0px)}
.flight-ready.motion-enabled .spaceflight-layer{display:block}
.flight-ready.motion-enabled .hero-media{transform-origin:50% 46%}
.flight-ready.motion-enabled .hero-content:focus-within{transform:none!important;opacity:1!important;pointer-events:auto!important}
.flight-ready .hero .motion-toggle{z-index:5;isolation:isolate}
.flight-ready.motion-intro .hero::before{display:none}
.in-spaceflight .spaceflight-nebula{will-change:transform}

/* A complete framed composition stays sharp while it approaches. */
.launch-destination{position:relative;z-index:5;width:min(1280px,calc(100% - 48px));margin-inline:auto}
.launch-destination-content{display:flow-root;padding-top:24px;border:1px solid #b897d64d;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#1a1127,#0b0811 65%);box-shadow:0 24px 72px #0006,inset 0 1px 0 #ffffff0c}
.arrival-window-heading{display:flex;align-items:center;gap:10px;margin:0 32px;padding-bottom:22px;border-bottom:1px solid #d8bced1a;font-size:1rem;font-weight:600;letter-spacing:-.025em;color:#f4edfa}
.arrival-window-heading img{border-radius:23%}
.launch-destination .home-awards{width:calc(100% - 64px);padding-top:32px;padding-bottom:0}
.launch-destination .awards-heading h2{font-size:2.25rem}
.launch-destination .platform-ribbon{max-width:none;gap:26px;margin-top:28px;padding:22px 24px 25px;border-top:1px solid var(--line);border-bottom:0}
.launch-destination .platform-ribbon>div{gap:12px 22px}
.vision-section[data-flight-arrival]{position:relative;z-index:5}
.flight-section-slot{position:relative}
.launch-destination-content,.flight-section-content{transform-origin:50% 0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.is-flying{position:fixed;top:0;z-index:6;will-change:transform,opacity}
.flight-section-content .vision-image,.flight-section-content .vision-image>img{transform:none!important}
.flight-section-content .vision-image{border-radius:20px}
.flight-section-content .vision-stage::before{display:none}

@media(max-width:800px){
  .launch-destination{width:calc(100% - 32px)}
  .launch-destination-content{padding-top:18px;border-radius:20px}
  .arrival-window-heading{margin-inline:20px;padding-bottom:17px;font-size:.9375rem}
  .launch-destination .home-awards{width:calc(100% - 40px);padding-top:23px}
  .launch-destination .awards-heading h2{font-size:1.375rem}
  .launch-destination .platform-ribbon{margin-top:20px;padding:18px 18px 22px;gap:13px}
  .launch-destination .platform-ribbon>div{gap:9px 17px}
}

@media(max-width:800px){
  .accessibility-section{grid-template-columns:minmax(0,1fr);margin-top:42px;padding:26px;gap:16px;border-radius:20px}
  .accessibility-film{grid-column:1;grid-row:auto;margin-top:6px;justify-content:flex-start}
  .accessibility-arrow{margin-left:auto}
  .accessibility-heading{gap:12px}
  .accessibility-heading h3{font-size:1.45rem}
  .motion-enabled .hero-media{transform:translate3d(0,calc(var(--hero-depth,0)*38px),0) scale(calc(1.04 + var(--hero-depth,0)*.06))}
  .motion-enabled .hero-content{transform:translate3d(0,calc(var(--hero-depth,0)*-24px),0)}
  .motion-enabled .vision-image{transform:rotateX(calc((1 - var(--vision-open,0))*5deg)) scale(calc(.94 + var(--vision-open,0)*.06));border-radius:calc(24px - var(--vision-open,0)*8px)}
  .motion-enabled .reveal-waiting:not(:focus-within){transform:translate3d(0,15px,0)}
}
@media(max-width:480px){
  .accessibility-section{padding:22px;gap:14px}
  .accessibility-icon{width:34px;height:34px}
  .accessibility-icon svg{width:34px;height:34px}
  .accessibility-heading h3{font-size:1.375rem}
  .accessibility-features{gap:7px}
  .accessibility-features li{font-size:.875rem;padding:5px 9px}
  .accessibility-film{min-height:54px;padding:11px 13px}
}
@media(prefers-reduced-motion:reduce){
  .spaceflight-layer{display:none!important}
  .launch-destination-content,.flight-section-content{transform:none!important;opacity:1!important;pointer-events:auto!important}
  .scroll-reveal{opacity:1!important;transform:none!important}
  .hero-media,.hero-content,.vision-image,.vision-image>img,.constellation-card>.constellation-base{transform:none!important;filter:none!important;opacity:1!important}
  .constellation-card>.constellation-light,.hero::before,.aura-section::before,.vision-stage::before{display:none!important}
}