/* ============================================================
   BLU CAT DEV — Responsive / Media Queries
   ============================================================ */

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

  .hero-content {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding: 3rem var(--space-lg);
  }

  .hero-title { font-size: clamp(2.2rem, 6vw, 3rem); }
  .hero-sub   { max-width: 100%; }
  .hero-visual { display: grid; grid-template-columns: 1fr 1fr; }

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

  .fact-sheet { grid-template-columns: 1fr; }

  .newsletter-inner { flex-direction: column; align-items: flex-start; }
  .newsletter-input { width: 100%; }

  .press-contact-bar { flex-direction: column; align-items: flex-start; }

  .quick-about { grid-template-columns: 1fr; gap: 1.25rem; }

  .gang-grid { grid-template-columns: repeat(3, 1fr); }
}

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

  :root {
    --space-lg: 1.25rem;
    --space-xl: 3rem;
  }

  /* Nav — show hamburger, hide links */
  .nav-links { display: none; flex-direction: column; gap: 0.25rem; }
  .nav-links.open {
    display: flex;
    position: fixed;
    top: var(--nav-h);
    left: 0; right: 0;
    background: rgba(10,18,39,0.98);
    backdrop-filter: blur(12px);
    padding: 1rem;
    border-bottom: 1px solid var(--border);
    z-index: 99;
  }
  .nav-links.open .nav-link { width: 100%; text-align: left; padding: 0.65rem 1rem; }
  .nav-links.open .nav-cta  { width: 100%; text-align: center; margin: 0.25rem 0 0; }
  .nav-hamburger { display: flex; }

  .hero-content { padding: 2.5rem var(--space-lg); }
  .hero-title   { font-size: clamp(2rem, 8vw, 2.8rem); }
  .hero-visual  { grid-template-columns: 1fr; }

  .games-grid { grid-template-columns: 1fr; }
  .blog-grid  { grid-template-columns: 1fr; }

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

  .tabs { margin: 0 var(--space-lg); overflow-x: auto; }

  .presskit-header { flex-direction: column; align-items: flex-start; }

  .footer-inner { flex-direction: column; gap: 1rem; }
  .footer-links { gap: 0.75rem; }

  .newsletter-form { flex-direction: column; }
  .newsletter-input { width: 100%; }

  h1 { font-size: clamp(1.9rem, 8vw, 2.4rem); }
  h2 { font-size: clamp(1.5rem, 5vw, 1.9rem); }
}

/* ── 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;
  }
}