/* ============================================================
   RESPONSIVE — PATRICK BRAS
   ============================================================ */

/* ── TABLET ≤1200px ── */
@media (max-width: 1200px) {
  .nav-inner { padding: 0 2rem; }
  .container-xl { padding: 0 2rem; }
  .hero-content { padding: 0 2rem; padding-top: 8rem; }

  .welcome-grid { gap: 4rem; }
  .welcome-img-inner img { height: 460px; }

  .feat-book-grid { grid-template-columns: 260px 1fr; gap: 4rem; }

  .corn-grid { gap: 4rem; }
  .corn-img-wrap img { height: 480px; }

  .about-grid { gap: 4rem; }
  .about-img-main img { height: 460px; }
  .about-pull-quote { right: -1rem; bottom: -1rem; max-width: 240px; }
}

/* ── TABLET ≤1024px ── */
@media (max-width: 1024px) {
  .hero-book-float { display: none; }
  .hero-title { font-size: clamp(3rem, 10vw, 5.5rem); }

  .welcome-grid { grid-template-columns: 1fr; gap: 3rem; }
  .welcome-badge { display: none; }
  .welcome-img-inner img { height: 380px; }

  .feat-book-grid { grid-template-columns: 1fr; gap: 3rem; text-align: center; }
  .book-3d-wrap { width: 240px; margin: 0 auto; }
  .book-synopsis { max-width: 100%; }
  .book-actions { justify-content: center; }
  .book-formats { justify-content: center; }

  .adv-grid { grid-template-columns: repeat(2,1fr); }

  .corn-grid { grid-template-columns: 1fr; gap: 3rem; }
  .corn-img-wrap img { height: 360px; }

  .series-grid { grid-template-columns: repeat(2,1fr); }

  .about-grid { grid-template-columns: 1fr; gap: 3rem; }
  .about-img-main img { height: 360px; }
  .about-pull-quote {
    position: static; margin-top: 1.5rem;
    max-width: 100%; right: auto; bottom: auto;
  }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .blog-grid { grid-template-columns: repeat(2,1fr); }
}

/* ── MOBILE ≤768px ── */
@media (max-width: 768px) {
  body { cursor: auto; }
  .cursor, .cursor-ring { display: none; }

  .nav-links { display: none; }
  .nav-cta { display: none; }
  .nav-hamburger { display: flex; }
  .nav-inner { padding: 0 1.25rem; }
  .container-xl { padding: 0 1.25rem; }

  .sec { padding: 5rem 0; }
  .sec-sm { padding: 3rem 0; }

  .hero-content { padding: 0 1.25rem; padding-top: 7rem; }
  .hero-scroll { left: 1.25rem; }
  .hero-actions { flex-direction: column; align-items: flex-start; }
  .btn-primary, .btn-ghost { width: 100%; justify-content: center; }

  .welcome-img-inner img { height: 280px; }

  .adv-grid { grid-template-columns: 1fr; }
  .adv-card-img { height: 260px; }

  .series-grid { grid-template-columns: 1fr; }
  .series-card-img { height: 280px; }

  .expedition-inner { padding: 0 1rem; }
  .exp-form { flex-direction: column; border: none; border-radius: 0; gap: 0.75rem; }
  .exp-form input {
    border: 1px solid var(--border);
    border-radius: var(--r);
    padding: 0.9rem 1.25rem;
  }
  .exp-form button {
    border-radius: var(--r);
    width: 100%; padding: 0.9rem;
    justify-content: center;
  }
  .expedition-perks { gap: 1rem; }

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

  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer-bottom { flex-direction: column; text-align: center; }

  .hotspot .hotspot-tip { display: none; }
  .page-hero { min-height: 40vh; padding-bottom: 4rem; }
}

/* ── SMALL MOBILE ≤480px ── */
@media (max-width: 480px) {
  .hero-title { font-size: clamp(2.4rem, 12vw, 4rem); }
  .hero-title-gold { font-size: clamp(1rem, 5vw, 1.6rem); }
  .h-display { font-size: 2rem; }
  .h-section { font-size: 1.8rem; }
  .adv-grid { grid-template-columns: 1fr; }
}