/* ============================================================
   RESPONSIVE
   ============================================================ */

/* Laptop / small desktop */
@media (max-width: 1180px){
  .statement-grid{ grid-template-columns:1fr; }
  .statement-intro{ max-width:620px; }
  .statement-detail{ margin-left:0; }
  .statement-media{ max-width:420px; }
  .why-grid{ grid-template-columns:1fr; gap:2.5rem; }
  .why-media{ max-width:640px; }
  .footer-top{ grid-template-columns:1.2fr 1fr 1fr; }
  .footer-top .footer-col:last-child{ grid-column:span 3; }
  .cat-grid{ grid-template-columns:repeat(4,1fr); }
  .cat-block{ grid-column:span 2 !important; }
  .cat-block.wide{ grid-column:span 4 !important; }
}

/* Tablet */
@media (max-width: 900px){
  .main-nav ul{ display:none; }
  .nav-burger{ display:flex; }
  .nav-cta .btn-line{ display:none; }

  .hero-stats{ gap:1.6rem; }
  .hero-foot{ flex-direction:column; align-items:flex-start; gap:1.6rem; }

  .cat-row{ grid-template-columns:50px 1fr; }
  .cat-row-link{ display:none; }
  .cat-row-media{ display:none; }

  .subcat-grid{ grid-template-columns:repeat(2,1fr); }
  .subcat-row{ grid-template-columns:70px 1fr; row-gap:10px; }
  .subcat-row p{ grid-column:2; }
  .subcat-row-cta{ grid-column:2; justify-self:start; }

  .agent-feature{ grid-template-columns:1fr; }
  .agent-feature:nth-child(even){ direction:ltr; }
  .agent-feature-body{ padding:44px 28px; }

  .footer-top{ grid-template-columns:1fr 1fr; gap:2.4rem; }
  .footer-top .footer-col:last-child{ grid-column:span 2; }

  .dest-panel{ width:80vw; height:60vh; }
}

/* Mobile */
@media (max-width: 640px){
  :root{ --gutter:18px; }
  .section{ padding:90px 0; }
  .section-tight{ padding:64px 0; }

  .hero{ min-height:560px; }
  .hero-title{ max-width:11ch; }
  .hero-inner{ padding-bottom:60px; }
  .scroll-cue{ display:none; }

  .statement{ padding:76px 0; }
  .statement-text{ font-size:1.7rem; }
  .statement-detail{ grid-template-columns:1fr; margin-top:32px; }

  .dest-head{ position:static; padding:0 var(--gutter); margin-bottom:26px; }
  .dest-pin{ height:auto; padding:70px 0; }
  .dest-track{ position:static; transform:none !important; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:20px; }
  .dest-panel{ width:82vw; height:52vh; scroll-snap-align:start; }
  .dest-progress{ display:none; }

  .why{ padding:76px 0; }
  .why-badge{ position:static; margin-top:-1px; text-align:left; }
  .why-item{ grid-template-columns:40px 1fr; }

  .cat-grid{ grid-template-columns:1fr 1fr; grid-auto-rows:150px; }
  .cat-block{ grid-column:span 2 !important; grid-row:span 2 !important; }
  .cat-block.small{ grid-column:span 1 !important; }

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

  .agent-marquee .agent-tile{ width:220px; }

  .cta-band{ height:70vh; }

  .footer-top{ grid-template-columns:1fr; gap:2.2rem; }
  .footer-top .footer-col:last-child{ grid-column:span 1; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }

  .agent-feature-body{ padding:36px 22px; }
  .agent-meta-row{ gap:1.6rem; }
}

@media (max-width: 400px){
  .hero-title{ font-size:2.5rem; max-width:10ch; }
}