/* Mobile layout guard: keeps decorative/animated elements from creating a
   horizontal page overflow while preserving their visual treatment. */
@media (max-width: 1023px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
}