/* ================================================================
   HAMTIV — Responsive
   ================================================================ */

/* ── Tablet ≤ 960px ─────────────────────────────────────── */
@media (max-width: 960px) {

  .nav-links { display:none; }
  .nav-links.open {
    display:flex; flex-direction:column;
    position:fixed; inset:0;
    background:rgba(10,10,9,0.97); backdrop-filter:blur(24px);
    align-items:center; justify-content:center;
    gap:2.5rem; z-index:999;
  }
  .nav-links.open a { font-size:1.1rem; letter-spacing:0.15em; }
  .nav-links.open .nav-cta { padding:1rem 2.5rem; font-size:0.85rem; margin-top:1rem; }
  .nav-hamburger { display:flex; z-index:1001; }

  .about-grid { grid-template-columns:1fr; gap:3rem; }
  .about-badge { right:0; }
  .about-features { grid-template-columns:1fr; }

  .how-grid { grid-template-columns:1fr; max-width:480px; }
  .how-grid .how-card { padding:2rem 1.5rem; }

  .shows-grid { grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); }
  .shows-header { flex-direction:column; align-items:flex-start; }

  .footer-grid { grid-template-columns:1fr 1fr; gap:2.5rem; }

  .trust-sep { display:none; }
}

/* ── Mobile ≤ 640px ─────────────────────────────────────── */
@media (max-width: 640px) {

  body { cursor:auto; }
  .cursor { display:none; }

  #loaderCanvas { width:100vw !important; height:100vh !important; }

  .nav { padding:0 1.25rem; height:64px; }

  .hero-logo-display { flex-direction:column; gap:0.75rem; }
  .hero-logo-wordmark { font-size:clamp(2.5rem,12vw,4rem); }
  .hero-logo-icon-large { width:56px; height:56px; }

  .hero-actions { flex-direction:column; align-items:center; }
  .hero-actions .btn-primary,
  .hero-actions .btn-secondary { width:100%; max-width:280px; justify-content:center; }

  .hero-stats { flex-wrap:wrap; gap:1.5rem; }

  .shows-grid { grid-template-columns:repeat(2, 1fr); gap:0.75rem; }

  .store-row { flex-direction:column; align-items:center; }

  .social-links { flex-direction:column; align-items:center; }

  .footer-grid { grid-template-columns:1fr; }

  .footer-bottom { flex-direction:column; text-align:center; }

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

/* ── Large ≥ 1280px ─────────────────────────────────────── */
@media (min-width: 1280px) {
  .shows-grid { grid-template-columns:repeat(5, 1fr); }
}

/* ── Reduced motion ─────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
  }
  #loader { display:none; }
  .reveal { opacity:1; transform:none; }
}

/* ── Print ──────────────────────────────────────────────── */
@media print {
  #loader, .nav, .cursor, .social-section { display:none; }
  body { background:white; color:black; cursor:auto; }
}