/* Original composition with the Clean direction's type system.
   The same supplied Geologica 500 and Golos Text 400/500/600 remain local.
   Display sizes accommodate the longer original copy and compact mobile hero. */
:root{--heading:Geologica,'Golos Text',Arial,sans-serif}
h1,h2,h3{font-weight:500}
.hero-content h1{font-family:var(--heading);font-size:clamp(48px,4.9vw,68px);line-height:1.02;letter-spacing:-.065em;font-weight:500}
.hero-content h1>span{font:inherit;letter-spacing:inherit}
.hero-description{font-size:16px;line-height:1.55}
.hero-price strong{font-size:23px;letter-spacing:-.035em}
.section-heading h2{font-size:32px;line-height:1.25;letter-spacing:-.06em}
.product h3{font-size:18px;line-height:1.35;letter-spacing:-.035em}
.product-price{font-size:26px;line-height:1.2;letter-spacing:-.035em;font-weight:500}
.product-price small{font-size:11px;letter-spacing:0}
.information-section h2{font-size:25px;letter-spacing:-.035em}
.questions summary{font-size:14px}
@media(min-width:761px) and (max-width:1050px){.hero-content h1{font-size:clamp(41px,4.9vw,51px)}.hero-description{font-size:14px}.product h3{font-size:16px}}
@media(max-width:760px){
.hero-content h1{font-size:clamp(27px,7.5vw,40px);line-height:1.02;letter-spacing:-.06em;white-space:nowrap}
.hero-content h1>span{line-height:inherit;letter-spacing:inherit}
.hero-description{font-size:12px;line-height:1.5}
.hero-price strong{font-size:18px;line-height:1.4}
.section-heading h2{font-size:24px;line-height:1.3;letter-spacing:-.06em}
.product h3{font-size:14px;line-height:1.25;letter-spacing:-.035em;min-height:36px}
.product-price{font-size:23px;line-height:1.2}
.product p{font-size:11px;line-height:1.4}
.information-section h2{font-size:22px}
.questions summary{font-size:13px}
}
@media(max-width:350px){.hero-content h1{font-size:27px}.product h3{font-size:13px}.section-heading h2{font-size:22px}.hero-price strong{font-size:17px}.hero-description{font-size:11px}}