/* Scoped to the hero. Header and other page sections retain existing styles. */
main>section.hero{padding:30px 36px;margin-top:15px;margin-bottom:34px;border-radius:22px;position:relative;min-height:0}
main>section.hero h1{font-size:clamp(28px,3.5vw,43px);line-height:1.14;letter-spacing:-1.3px;margin:14px 0}
main>section.hero>span{font-size:11px;letter-spacing:1.5px}
main>section.hero p{font-size:14px;line-height:1.65;max-width:620px;margin-top:0;margin-bottom:18px}
main>section.hero .button{padding:9px 17px;font-size:13px}
#heroPhoto{position:absolute;right:26px;top:22px;width:27%;height:calc(100% - 44px);object-fit:contain;border-radius:14px}
main>section.hero.has-photo>span,main>section.hero.has-photo h1,main>section.hero.has-photo p{max-width:66%}
#storeTitle{white-space:pre-line}
@media(max-width:700px){main>section.hero{padding:23px 22px;margin-bottom:26px;border-radius:18px}main>section.hero h1{font-size:29px;letter-spacing:-.8px;margin:12px 0}main>section.hero p{font-size:13px;line-height:1.6;margin-bottom:15px}main>section.hero>span{font-size:9px;letter-spacing:1px}#heroPhoto{right:15px;top:20px;width:25%;height:140px}main>section.hero.has-photo>span,main>section.hero.has-photo h1,main>section.hero.has-photo p{max-width:69%}}