@layer base {
    html, body { margin: 0; padding: 0; scroll-behavior: smooth; }
    
  }


@media (max-width: 767px) {
    body.page-template-page-about-us {
        overflow-x:hidden !important;
    }

    body.page-template-page-about-us h1,
    body.page-template-page-about-us h2,
    body.page-template-page-about-us h3 {
        max-width:100% !important;
        font-size:clamp(22px,7vw,32px) !important;
        line-height:1.15 !important;
    }

    body.page-template-page-about-us .grid > *,
    body.page-template-page-about-us .flex > * {
        min-width:0 !important;
    }
}