/* ============================================================
   14 · Responsive breakpoints
   ============================================================ */

@media (max-width: 1080px) {
  .hero-inner { grid-template-columns: 1fr; gap: 60px; }
  .hero-visual { height: 480px; }
  .story-grid { grid-template-columns: 1fr; }
  .story-card-wrap { position: static; }
  .explorer { grid-template-columns: 1fr; }
  .explorer-tabs { flex-direction: row; flex-wrap: wrap; gap: 8px; }
  .explorer-tab { flex: 1 1 30%; min-width: 160px; }
  .tool-grid { grid-template-columns: repeat(2, 1fr); }
  .lab-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-inner { grid-template-columns: 1fr 1fr; }
  .footer-mail { text-align: left; }
}

@media (max-width: 780px) {
  .nav-links, .nav-cta { display: none; }
  .nav-burger { display: flex; }
  .hero { padding-top: calc(var(--nav-h) + 16px); }
  .hero-title { font-size: clamp(2.1rem, 8.5vw, 3rem); }
  .hero-visual { height: 420px; margin-top: 10px; }
  .hero-photo-frame { top: 2%; width: clamp(110px, 26vw, 150px); }
  .orbit-outer { width: 320px; height: 320px; }
  .orbit-inner { width: 250px; height: 250px; }
  .tool-grid, .lab-grid { grid-template-columns: 1fr; }
  .panel-topics { grid-template-columns: 1fr 1fr; }
  .explorer-panel.active { grid-template-columns: 1fr; gap: 18px; }
  .panel-status { position: static; justify-self: start; margin-top: 4px; }
  .footer-inner { grid-template-columns: 1fr; gap: 30px; }
  .scroll-cue { display: none; }
  .cmd-title { display: none; }
  .cmd-live { margin-left: 0; }
  .slider-arrow { width: 40px; height: 40px; }
  .slider-arrow.prev { left: 10px; }
  .slider-arrow.next { right: 10px; }
}

@media (max-width: 480px) {
  .hero-visual { height: 380px; }
  .hero-photo-frame { width: 104px; top: 4%; }
  .float-chip { font-size: .66rem; padding: 7px 12px; }
  .hero-cta .btn { flex: 1 1 100%; justify-content: center; }
  .panel-topics { grid-template-columns: 1fr; }
  .btn-light { width: 100%; flex-direction: column; }
  .contact-actions .btn { width: 100%; }
  .wa-tip { display: none; }
}