/* ---------- Large tablets ---------- */
@media (max-width:1180px){
  .nav-links>a,.nav-drop-btn{padding:10px 10px}
  .nav-cta .icon-btn{display:none}
  .city-strip{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}
  .footer-news{grid-column:1/-1}
  .months{grid-template-columns:repeat(4,1fr)}
}

/* ---------- Tablets: mobile navigation drawer ---------- */
@media (max-width:1024px){
  .menu{display:flex}
  .nav-cta .icon-btn{display:grid}
  .nav-links{position:fixed;top:0;right:0;bottom:0;width:min(360px,86vw);background:var(--ivory);flex-direction:column;align-items:stretch;gap:0;padding:96px 26px 30px;transform:translateX(105%);transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:58;overflow-y:auto;box-shadow:-20px 0 60px rgba(31,26,23,.2);font-size:1rem}
  .nav-open .nav-links{transform:none}
  .nav-links>a,.nav-drop-btn{padding:14px 4px;border-radius:0;border-bottom:1px solid var(--line);width:100%;justify-content:space-between}
  .nav-links>a::after,.nav-drop-btn::after{display:none}
  .nav-drop-btn svg{display:none}
  .drop-menu{position:static;transform:none;opacity:1;visibility:visible;width:auto;box-shadow:none;border:0;background:transparent;padding:6px 0 10px}
  .nav-drop:hover .drop-menu{transform:none}
  .drop-menu a{padding:8px 6px}
  .drop-menu img{width:42px;height:42px}
  .nav-mobile-extra{display:grid;gap:10px;margin-top:24px}
  .site-header .nav-cta{position:relative;z-index:59}
  .nav-cta>.btn-gold{display:none}

  .hero-grid,.split,.result-main,.look-builder,.guide-row,.form-split,.legal{grid-template-columns:1fr}
  .hero-collage{height:560px;max-width:620px;margin:20px auto 0;width:100%}
  .split{gap:60px}
  .split.reverse .split-media,.guide-row.reverse .guide-img{order:0}
  .split-media{max-width:560px;margin:auto;width:100%}
  .grid-4,.stat-grid,.stats-band{grid-template-columns:repeat(2,1fr)}
  .grid-5{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:1fr}
  .form-grid{grid-template-columns:repeat(2,1fr)}
  .form-aside,.look-preview,.legal-toc{position:relative;top:0}
  .look-preview{max-width:520px;margin:auto;width:100%}
  .credit-list{grid-template-columns:repeat(2,1fr)}
  .footer-insta{grid-template-columns:repeat(4,1fr)}
  .footer-insta a:nth-child(n+5){display:none}
  .guide-row{gap:70px}
  .temp-scale{grid-template-columns:repeat(3,1fr)}
}

/* ---------- Phones ---------- */
@media (max-width:640px){
  .container{width:91%}
  .section{padding:68px 0}
  .topbar-links{display:none}
  .nav,.site-header.scrolled .nav{height:68px}
  .logo-mark{width:38px;height:38px;font-size:1.1rem}
  .brand strong{font-size:1.25rem}
  .brand small{font-size:.5rem}
  .icon-btn,.menu{width:40px;height:40px}
  .hero{padding:44px 0 60px}
  .hero h1{font-size:2.9rem}
  .hero-stats{gap:20px}
  .hero-stats strong{font-size:1.5rem}
  .hero-collage{height:440px}
  .float-card{padding:10px 12px;font-size:.7rem}
  .float-card .fi{width:32px;height:32px;font-size:1rem}
  .fc1{left:0}.fc2{right:0}
  .marquee-track{font-size:1.25rem}
  .form-shell{padding:22px;border-radius:24px}
  .form-grid,.grid-2,.grid-3,.grid-4,.grid-5,.rec-grid,.options,.stat-grid,.builder-grid,.mini-grid,.credit-list{grid-template-columns:1fr}
  .city-strip{grid-template-columns:repeat(2,1fr)}
  .stats-band{grid-template-columns:repeat(2,1fr)}
  .stats-band strong{font-size:2.4rem}
  .months{grid-template-columns:repeat(2,1fr)}
  .temp-scale{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-bottom{flex-direction:column}
  .page-hero{padding:80px 0 70px}
  .page-hero h1{font-size:2.5rem}
  .cta-banner{padding:50px 26px}
  .newsletter{flex-direction:column;border-radius:20px}
  .newsletter input{padding:12px 14px}
  .searchbar{flex-direction:column;border-radius:22px}
  .searchbar input{padding:12px 14px}
  .split-media .inset,.guide-img .inset{right:-6px;bottom:-24px;width:40%}
  .guide-row.reverse .guide-img .inset{left:-6px}
  .timeline::before{left:8px}
  .tl-item,.tl-item:nth-child(even){width:100%;left:0;text-align:left;padding:0 0 30px 36px}
  .tl-item:nth-child(odd){text-align:left}
  .tl-item::before,.tl-item:nth-child(odd)::before,.tl-item:nth-child(even)::before{left:0;right:auto}
  .saved-item{flex-direction:column;align-items:flex-start}
  .masonry{columns:2 140px;column-gap:12px}
  .masonry figure{margin-bottom:12px}
  .cta-banner::before{background:linear-gradient(180deg,rgba(74,29,47,.9),rgba(74,29,47,.8))}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
}