/* V6.3 — responsive layer. Desktop remains unchanged. */
html{-webkit-text-size-adjust:100%}
img,video,svg{max-width:100%}
video{height:auto}
@media(max-width:980px){
  body{overflow-x:hidden}
  .wrap,.container,.shell{max-width:100%;padding-left:24px!important;padding-right:24px!important}
  h1{overflow-wrap:break-word}
}
@media(max-width:760px){
  :root{--mobile-pad:18px}
  body{overflow-x:hidden}
  .wrap,.container,.shell{padding-left:var(--mobile-pad)!important;padding-right:var(--mobile-pad)!important}
  section{max-width:100%}
  h1{font-size:clamp(2.55rem,13vw,4.5rem)!important;line-height:.94!important;letter-spacing:-.055em!important}
  h2{line-height:.98}
  p{overflow-wrap:break-word}
  .btn,.pill,.button,a[class*="btn"],a[class*="cta"]{max-width:100%}
  video{object-fit:cover}
  .grid2,.grid3,.grid4{grid-template-columns:1fr!important}
  footer{overflow:hidden}
}
@media(max-width:430px){
  .wrap,.container,.shell{padding-left:16px!important;padding-right:16px!important}
  h1{font-size:clamp(2.35rem,12.5vw,3.65rem)!important}
}