/* Byte Core V14 — hero-only starfield + restored WebGL transit */

/* Partículas: exclusivamente na hero. O JS controla a opacidade pela posição da hero. */
.micro-particles{
  z-index:1!important;
  opacity:var(--hero-particle-opacity,0)!important;
  mix-blend-mode:multiply!important;
  filter:saturate(1.10) contrast(1.04);
  transition:opacity .12s linear;
}
.hero{isolation:isolate}
.hero-copy-wrap,.hero-globe-note,.hero-data-cloud,.hero-coordinates,.scroll-cue{position:relative;z-index:4}

/* Imersão V14: o túnel volta a ser 100% WebGL. Nada de corredor CSS sobreposto. */
.transit-tunnel{display:none!important}
.transit{
  height:126svh!important;
  min-height:0!important;
  overflow:clip!important;
  background:linear-gradient(180deg,#fff 0%,#fffaf6 46%,#fff7f0 60%,#fff 100%)!important;
}
.transit:before{
  background:radial-gradient(circle at 52% 51%,rgba(242,91,8,.035),rgba(255,255,255,.06) 38%,rgba(255,255,255,.92) 82%)!important;
}
.transit-sticky{
  position:sticky!important;
  top:68px!important;
  height:calc(100svh - 68px)!important;
  min-height:560px!important;
  padding:clamp(34px,5vh,62px) var(--pad)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 220px!important;
  gap:clamp(30px,6vw,96px)!important;
  align-items:center!important;
  overflow:hidden!important;
  perspective:1600px!important;
}
.transit-copy{
  max-width:880px!important;
  align-self:center!important;
  margin:0!important;
  position:relative!important;
  z-index:5!important;
}
.transit-title{margin:18px 0 24px!important}
.transit-description{margin:0!important;max-width:610px!important}
.transit-hud{position:relative!important;z-index:5!important;align-self:center!important}

/* Pequeno contraste durante a passagem, sem escurecer o tema branco. */
.transit-sticky:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,0) 0 25%,rgba(255,250,246,.08) 50%,rgba(255,255,255,.34) 84%,rgba(255,255,255,.62) 100%);
}

@media(max-width:900px){
  .transit{height:122svh!important}
  .transit-sticky{
    top:68px!important;
    height:calc(100svh - 68px)!important;
    min-height:520px!important;
    grid-template-columns:1fr!important;
    align-content:center!important;
    padding:48px var(--pad) 34px!important;
    gap:18px!important;
  }
  .transit-copy{padding:0!important}
  .transit-hud{justify-self:start!important;margin:0!important}
}

@media(max-width:560px){
  .transit{height:118svh!important}
  .transit-sticky{min-height:500px!important;padding-top:34px!important;padding-bottom:28px!important}
  .transit-title{margin-bottom:16px!important}
}

@media(prefers-reduced-motion:reduce){
  .micro-particles{opacity:.38!important}
  .transit{height:auto!important;min-height:88svh!important}
  .transit-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:88svh!important}
}