/*
 * Stability rules for the first viewport. These intentionally target only the
 * decorative hero layer so the content and image composition remain intact.
 */
#topo img {
  display: block;
}

#topo > .absolute {
  contain: paint;
}

@media (max-width: 900px) {
  #topo > .absolute {
    display: none !important;
  }

  #topo .animate-in {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #topo .transition-all,
  #topo .transition-transform {
    transition: none !important;
  }
}