/* Customer documents use H1. Mirror the pinned editor H3 metrics without
   changing the approved base stylesheet or the embedded editor's hierarchy. */
.storefront-hero h1{font-size:clamp(27px,3.7vw,49px);max-width:340px;line-height:1.05;letter-spacing:-.045em;margin:13px 0;overflow-wrap:anywhere}
.storefront[data-theme=volt] .storefront-hero h1{font-weight:900;text-transform:uppercase;letter-spacing:-.07em}
.preview-panel.is-mobile .storefront-hero h1{font-size:27px}
@media(max-width:750px){.storefront-hero h1{font-size:32px}}
@media(max-width:430px){.storefront-hero h1{font-size:26px}}
.storefront[data-theme=luxe] .storefront-hero h1{font-weight:400;letter-spacing:-.075em}
.storefront[data-theme=retro] .storefront-hero h1{font-weight:1000;letter-spacing:-.09em;text-transform:uppercase}
.storefront[data-theme=morpho] .storefront-hero h1{font:900 clamp(30px,3.8vw,52px)/1 system-ui,sans-serif;max-width:600px;letter-spacing:-.075em}
.storefront[data-theme=vertex] .storefront-hero h1{font:900 clamp(28px,3.7vw,49px)/1 system-ui,sans-serif;letter-spacing:-.07em;text-transform:uppercase}
.storefront[data-theme=halo] .storefront-hero h1{font:900 clamp(30px,3.8vw,50px)/1 system-ui,sans-serif;letter-spacing:-.07em}