/* A²DL Hero background v1.1 — image only; preserve approved logo and animation. */
#hero.hero {
  background-color: #061322;
  background-image: url("assets/hero-cosmos-v11.webp");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Retain a dark lower edge for a gentler transition to Laboratory. */
#hero.hero::after {
  background: linear-gradient(to bottom,
    rgba(3, 10, 22, .10) 0%,
    rgba(3, 10, 22, .03) 58%,
    rgba(5, 14, 28, .48) 100%);
}

@media (max-width: 680px) {
  #hero.hero { background-position: 57% center; }
}