@media (max-width:1200px){
  .container,.container-wide{max-width:100%}
}
@media (max-width:1024px){
  .section{padding:var(--s16) 0}
  .section-lg{padding:var(--s20) 0}
}
@media (max-width:640px){
  .section{padding:var(--s12) 0}
  .section-lg{padding:var(--s16) 0}
  h1{font-size:clamp(30px, 8vw, 40px)}
  h2{font-size:clamp(24px, 6vw, 32px)}
  .hero{padding-top:calc(var(--header-h) + 32px)}
  .btn{padding:12px 18px}
  .btn-lg{padding:14px 22px}
}