/* Selected V3 only: quiet the sky perimeter without changing media or layout. */
@media (min-width: 768px) {
  #mg-v2-draft.laop-v3 .hero-horizon::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(
      ellipse 70% 90% at 50% 24%,
      rgb(217 232 242 / 0%) 40%,
      rgb(217 232 242 / 12%) 72%,
      rgb(217 232 242 / 18%) 100%
    );
  }
}

/* Preserve the approved mobile crop/mask, with a faint blue reading surface. */
@media (max-width: 767px) {
  #mg-v2-draft.laop-v3 .hero-horizon::after {
    background: linear-gradient(
      180deg,
      #f7fafc 0%,
      #eef6fa 55%,
      rgb(238 246 250 / 0%) 88%
    );
  }
}