/* ============================================
   Global Responsive Overrides
   ============================================ */

/* Tablet — 1024px */
@media (max-width: 1024px) {
  :root {
    --header-height: 3.25rem;
  }
}

/* Mobile — 768px */
@media (max-width: 768px) {
  :root {
    --space-section: clamp(3rem, 2.5rem + 3vw, 5rem);
  }

  .section__header {
    margin-bottom: var(--space-2xl);
  }

  .about-mv .grid--2 {
    grid-template-columns: 1fr;
  }

  /* Hide on mobile utility */
  .hide-mobile {
    display: none !important;
  }
}

/* Small mobile — 480px */
@media (max-width: 480px) {
  :root {
    --header-height: 3rem;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section__title {
    font-size: var(--text-3xl);
  }

  /* Hide on small mobile utility */
  .hide-sm {
    display: none !important;
  }
}

/* Desktop-only utility */
@media (min-width: 769px) {
  .show-mobile {
    display: none !important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Print styles */
@media print {
  .site-header,
  .mobile-nav,
  .whatsapp-float,
  .cta-banner,
  .cta-section {
    display: none !important;
  }

  body {
    padding-top: 0;
    color: #000;
    background: #fff;
  }

  .section {
    padding: 1rem 0;
  }
}