/* All cosmic artwork belongs to the page background, below readable content. */
body { background:#091727; isolation:isolate; }
.gradient-bg,.animated-grid,#tsparticles { display:none; }
main { position:relative; z-index:3; }
.orbital-scene { position:fixed; inset:0; left:0; top:0; width:100%; height:100svh; transform:none; z-index:1; pointer-events:none; contain:layout style; }
.orbital-scene canvas { position:absolute; inset:0; }
.lunar-discover { appearance:none; padding:0; border:0; background:none; color:inherit; font:inherit; letter-spacing:inherit; text-transform:inherit; text-align:left; cursor:pointer; pointer-events:auto; }
.lunar-discover:hover { color:#b6cce9; }
.lunar-discover:focus-visible { outline:1px solid #8cb4ec; outline-offset:6px; border-radius:2px; }
.lunar-secret { position:absolute; width:194px; transform:translate(-50%,-50%); pointer-events:none; text-align:center; }
.lunar-secret[hidden] { display:none; }
.lunar-secret__payload { display:flex; flex-direction:column; align-items:center; }
.lunar-secret__art { width:194px; height:141px; }
.lunar-secret__art svg { display:block; width:100%; height:100%; }
.lunar-secret__name { color:#c2d3e8; font:500 11px/1.5 'Manrope',sans-serif; letter-spacing:.02em; }
.lunar-secret__caption { color:#819ab9; font:400 9px/1.6 'Manrope',sans-serif; margin-top:3px; }
.lunar-secret-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:767px) { .lunar-secret { width:132px; }.lunar-secret__art { width:132px; height:96px; }.lunar-secret__name { font-size:9px; }.lunar-secret__caption { font-size:8px; } }
.contact-form__error { color:#f2acb8; font-size:14px; line-height:1.6; margin:0 0 16px; }
.hero { background:transparent; isolation:isolate; }
.hero__bg { display:none; }
.hero__container { z-index:3; }
.hero__content::before { content:''; position:absolute; inset:-18px -28px; z-index:-1; background:radial-gradient(ellipse at 30% 45%,rgba(9,23,39,.5),transparent 75%); pointer-events:none; }
.projects { background:rgba(12,27,46,.84); }
.services,.work-process,.commercial-faq { background:rgba(9,23,39,.64); }
.contact { background:rgba(12,27,46,.9); }
.capabilities { position:relative; z-index:3; background:rgba(12,27,46,.8); }
.footer { position:relative; z-index:3; background:rgba(9,23,39,.94); }
.hero__image { z-index:3; }
.hero__image .mascot-container { width:430px; height:430px; right:1%; bottom:16%; pointer-events:auto; }
.hero__image .mascot { width:430px; height:430px; }
.mascot-trigger { display:block; padding:0; border:0; background:transparent; appearance:none; cursor:pointer; -webkit-tap-highlight-color:transparent; border-radius:40%; }
.mascot-trigger:focus-visible { outline:2px solid #60a5fa; outline-offset:10px; }
.hero__image .mascot__glow { display:none; animation:none; }
.hero__image::before { content:''; position:absolute; inset:-25% -45%; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 55% 55%,rgba(63,91,158,.035),rgba(89,68,143,.018) 38%,transparent 72%); }
.hero-scene-caption { bottom:25px; right:10%; }
@media(max-width:1100px) {
  .hero__image .mascot-container,.hero__image .mascot { width:340px; height:340px; }
  .hero__image .mascot-container { bottom:19%; right:0; }
}
@media(max-width:767px) {
  .hero__image { height:430px; }
  .hero__image .mascot-container,.hero__image .mascot { width:310px; height:310px; }
  .hero__image .mascot-container { right:calc(50% - 155px); bottom:60px; }
  .hero-scene-caption { left:24px; right:24px; bottom:8px; }
  .hero__content::before { inset:-10px -24px; }
}
@media(max-width:374px) {
  .hero__image { height:380px; }
  .hero__image .mascot-container,.hero__image .mascot { width:275px; height:275px; }
  .hero__image .mascot-container { right:calc(50% - 137.5px); bottom:55px; }
}
@media(prefers-reduced-motion:reduce) { .orbital-scene { transform:none; } }
.mascot-trigger { touch-action:manipulation; }
