/* Responsive refinements. Core breakpoints also live at the end of style.css. */
@media (max-width:425px){.hero h1{font-size:clamp(3rem,16vw,4.5rem)}.nav-wrap{width:calc(100% - 24px)}.subhero h1{font-size:clamp(2.8rem,15vw,4.2rem)}}
@media (min-width:1440px){.container{width:min(1280px,calc(100% - 72px))}}
@media (min-width:1920px){:root{--heading-xl:8rem;--heading-lg:5.8rem}}