/* Persist browser preview CSS changes for animate-item elements */

/* h1.animate-item: remove left/top, use flex layout with wrap */
h1.animate-item {
  left: unset !important;
  top: unset !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

/* p.animate-item: remove left/top */
p.animate-item {
  left: unset !important;
  top: unset !important;
}

/* Hero: align heading and paragraph to top-right on large screens (like RTL) */
@media (min-width: 1024px) {
  section .text-center.lg\:text-left {
    text-align: right;
  }
}