body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: #fff;
  color: #111;
}

/* ANIMATIONS */
@keyframes lane-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes lane-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}

.hero-lane[data-dir="left"] .hero-track {
  animation: lane-left var(--lane-speed, 140s) linear infinite;
}

.hero-lane[data-dir="right"] .hero-track {
  animation: lane-right var(--lane-speed, 140s) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .hero-lane .hero-track {
    animation: none;
  }
}

/* =========================
   GLOBAL RESPONSIVE
========================= */

@media (max-width: 1024px) {
  body {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 14.5px;
  }

  h1 {
    font-size: clamp(28px, 6vw, 40px);
  }

  h2 {
    font-size: clamp(22px, 5vw, 32px);
  }

  p {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: clamp(26px, 7vw, 34px);
  }

  h2 {
    font-size: clamp(20px, 6vw, 28px);
  }

  p {
    font-size: 14.5px;
  }
}