/* ══════════════════════════════════════════════════════════════════════
   Tao Baryon — Responsive Styles
   Breakpoints: 640 / 900 / 1440
   ══════════════════════════════════════════════════════════════════════ */

/* ── Large screens (1440+) ─────────────────────────────────────────── */
@media (min-width: 1440px) {
  .story-grid { gap: 100px; }
  .series-grid { gap: 32px; }
}

/* ── Tablet / medium (max-width: 900px) ───────────────────────────── */
@media (max-width: 900px) {
  nav { padding: 0 24px; }
  .nav-links { display: none; }
  .nav-menu-btn { display: block; }
  .nav-cta { display: none; }

  /* Mobile nav overlay */
  .nav-links.open {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 64px; left: 0; right: 0;
    background: rgba(10,12,16,0.97);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 24px;
    gap: 16px;
    border-bottom: 1px solid var(--border);
    z-index: 99;
  }

  #hero,
  #manifesto,
  #story,
  #ships,
  #combat,
  #enemies,
  #gdd,
  #about { padding: 80px 24px; }

  .hero-grid,
  .manifesto-grid,
  .story-grid,
  .combat-grid,
  .about-grid,
  .gdd-layout { grid-template-columns: 1fr; gap: 32px; }

  .hero-game-viewport { order: -1; }
  .game-phone-frame { width: 260px; height: 520px; }

  .series-grid { grid-template-columns: 1fr; }
  .enemy-types-grid { grid-template-columns: 1fr 1fr; }
  .gdd-nav { position: static; }
  footer { padding: 32px 24px; }

  .hero-title {
    font-size: clamp(36px, 8vw, 56px);
  }
  .hero-tagline {
    font-size: 18px;
  }
}

/* ── Small mobile (max-width: 640px) ──────────────────────────────── */
@media (max-width: 640px) {
  #hero { padding: 120px 16px 60px; }
  #manifesto,
  #story,
  #ships,
  #combat,
  #enemies,
  #gdd,
  #about { padding: 60px 16px; }

  .hero-title {
    font-size: clamp(32px, 10vw, 48px);
  }
  .hero-tagline {
    font-size: 16px;
    margin-bottom: 32px;
  }
  .hero-ctas {
    flex-direction: column;
  }
  .hero-ctas a {
    text-align: center;
  }

  .manifesto-word {
    font-size: clamp(28px, 8vw, 42px);
  }
  .manifesto-def {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .manifesto-thesis {
    font-size: 16px;
    padding-left: 16px;
  }
  .manifesto-sectors {
    flex-direction: column;
    gap: 12px;
  }

  .story-grid { gap: 48px; }
  .chapter-title { font-size: 20px; }
  .chapter-body { font-size: 14px; }

  .enemy-types-grid {
    grid-template-columns: 1fr;
  }
  .enemy-type[style*="grid-column:span 2"],
  .enemy-type[style*="grid-column: span 2"] {
    grid-column: span 1 !important;
  }

  .combat-grid { gap: 24px; }
  .system-title { font-size: 16px; }

  .about-title { font-size: 28px; }

  footer {
    padding: 24px 16px;
    flex-direction: column;
    text-align: center;
  }
  .footer-links { gap: 16px; }

  .gdd-section-title { font-size: 12px; }
  .gdd-inner { padding: 16px; }

  .gdd-layout { gap: 24px; }

  /* GDD page responsive */
  .gdd-page-layout { grid-template-columns: 1fr !important; }
  .gdd-page-sidebar { position: static !important; }
}