/* ============================================================
   METSI A DITLOU — responsive.css
   ============================================================ */
@media (max-width:1080px){
  .nav__links{display:none;}
  .nav__cta{display:none;}
  .burger{display:flex;}
  .stats,.stats--4{grid-template-columns:repeat(3,1fr);}
  .masonry{columns:2;}
}

@media (max-width:820px){
  .split{grid-template-columns:1fr;}
  .split--rev .split__media{order:0;}
  .split__media{aspect-ratio:16/10;}
  .contact-cta__grid{grid-template-columns:1fr;}
  .founder{grid-template-columns:1fr;}
  .bluewave{grid-template-columns:1fr;text-align:center;justify-items:center;}
  .footer__grid{grid-template-columns:1fr 1fr;}
  .footer__brand{grid-column:1 / -1;}
  /* budget: swap table for cards */
  .budget-table{display:none;}
  .budget-cards{display:flex;}
}

@media (max-width:560px){
  .stats,.stats--4{grid-template-columns:1fr 1fr;}
  .stats .stat:last-child:nth-child(odd){grid-column:1 / -1;}
  .hero__btns{flex-direction:column;align-items:stretch;}
  .hero__btns .btn{justify-content:center;}
  .btn-row .btn{flex:1 1 auto;justify-content:center;}
  .footer__grid{grid-template-columns:1fr;}
  .masonry{columns:1;}
  .meta{grid-template-columns:1fr 1fr;}
}

@media (max-width:380px){
  .meta{grid-template-columns:1fr;}
  .stats,.stats--4{grid-template-columns:1fr;}
}