/* ═══════════════════════════════════════════════════════════════════════
   RESPONSIVE — mobile-first hamburger nav + fluid layouts
   ═══════════════════════════════════════════════════════════════════════ */

/* ── TABLET / SMALL DESKTOP (≤980px): switch to hamburger menu ──────── */
@media (max-width: 980px) {
  .nav-center { display: none; }
  .nav-right .nav-icon { display: none; }
  .nav-right .nav-buy { display: none; }
  .menu-trigger { display: inline-flex; }

  .drops-grid { grid-template-columns: 1fr; }
  .story-grid { grid-template-columns: 1fr; gap: 40px; }
  .values-grid { grid-template-columns: 1fr; }
  .page-hero { padding: 64px 7vw 56px; }

}

/* ── MOBILE (≤620px) ────────────────────────────────────────────────── */
@media (max-width: 620px) {
  nav { padding: 12px 18px; }
  .logo-tile { width: 40px; height: 40px; border-radius: 9px; }
  .logo-word { font-size: 18px; }

  .cs-hero { padding: 100px 7vw 60px; min-height: auto; }
  .cs-logo { font-size: clamp(64px, 19vw, 120px); }
  .cs-tagline { font-size: 11px; letter-spacing: 2px; }

  .section-label { font-size: 8px; letter-spacing: 3px; }
  .drop-card { padding: 32px 26px; }

  .footer-main { flex-direction: column; gap: 20px; text-align: center; align-items: center; }
  .footer-socials { flex-wrap: wrap; justify-content: center; gap: 16px; }
  .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }

  .page-hero { padding: 56px 7vw 48px; }
  .page-hero-title { font-size: clamp(64px, 18vw, 120px); }

  .menu-links a { font-size: 18px; padding: 22px 10px; }
}

/* ── SMALL MOBILE (≤380px) ──────────────────────────────────────────── */
@media (max-width: 380px) {
  .logo-word { display: none; } /* tile only on very small screens */
  .cs-logo { font-size: 56px; }
}

/* ── LANDSCAPE PHONE: tighten vertical padding ──────────────────────── */
@media (max-height: 520px) and (orientation: landscape) {
  .cs-hero { min-height: auto; padding-top: 90px; padding-bottom: 40px; }
}