/* Byte Core V13 — focused fixes: visible star field + compact immersion */

/* The stars need to be perceptible on a white canvas without becoming noisy. */
.micro-particles{
  opacity:.94!important;
  mix-blend-mode:multiply!important;
  z-index:8!important;
  filter:saturate(1.08) contrast(1.04);
}

/* Immersion is now a short interactive passage, not a long empty chapter. */
.transit{
  height:150svh!important;
  min-height:0!important;
  overflow:hidden!important;
}
.transit-sticky{
  top:68px!important;
  height:calc(100svh - 68px)!important;
  min-height:620px;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
  overflow:hidden!important;
}
.transit-copy{
  align-self:center!important;
  margin-top:-1vh;
}
.transit-title{
  margin-bottom:24px!important;
}
.transit-description{
  margin-top:0!important;
}
.transit-tunnel{
  inset:-4% -2% -4% -2%!important;
}
.tunnel-vignette{
  background:radial-gradient(circle at 67% 50%,transparent 0 14%,rgba(255,248,241,.04) 28%,rgba(255,255,255,.48) 70%,rgba(255,255,255,.84) 100%)!important;
}
.tunnel-ring{
  border-color:rgba(239,91,10,.26)!important;
  box-shadow:inset 0 0 34px rgba(240,91,8,.035),0 0 28px rgba(240,91,8,.035)!important;
}
.tunnel-rail{
  opacity:.42;
}

@media(max-width:900px){
  .micro-particles{opacity:.88!important}
  .transit{height:138svh!important}
  .transit-sticky{
    top:68px!important;
    height:calc(100svh - 68px)!important;
    min-height:560px;
    padding:64px var(--pad) 42px!important;
    align-content:center!important;
  }
  .transit-copy{margin-top:0!important}
  .transit-hud{margin-top:20px!important}
}

@media(max-width:560px){
  .micro-particles{opacity:.82!important}
  .transit{height:132svh!important}
  .transit-sticky{
    min-height:520px;
    padding-top:50px!important;
    padding-bottom:34px!important;
  }
  .transit-title{margin-bottom:18px!important}
}

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