/* Narrower editorial measure and quieter type scale for the approved grey concept. */
.wrap{width:min(calc(100% - 8rem),1120px)}
.site-header{padding-inline:max(4rem,calc((100% - 1120px)/2))}
.hero h1{font-size:clamp(4.8rem,7.5vw,7.2rem)}
.page-hero h1{font-size:clamp(4.2rem,6.2vw,6.2rem);max-width:800px}
.section h2{font-size:clamp(3.2rem,5vw,5rem)}
.detail h2{font-size:clamp(2.45rem,3.2vw,3.4rem)}
.card h3{font-size:clamp(2.1rem,3vw,3.1rem)}
.product-list strong{font-size:clamp(2rem,2.6vw,3rem)}
.hero-grid{gap:clamp(3rem,6vw,6rem)}
.section-top>p{max-width:25rem}
.detail{gap:clamp(3rem,6vw,6rem)}
@media(max-width:900px){.wrap{width:calc(100% - 4rem)}.site-header{padding-inline:2rem}}
@media(max-width:700px){.wrap{width:calc(100% - 3.5rem)}.site-header{padding-inline:1.75rem}.hero h1{font-size:clamp(3.8rem,12vw,5.2rem)}.page-hero h1{font-size:clamp(3.35rem,10vw,4.5rem)}.section h2{font-size:clamp(3rem,9vw,4rem)}.detail h2{font-size:clamp(2.4rem,7.5vw,3rem)}.hero-grid{gap:2.5rem}}
@media(max-width:380px){.wrap{width:calc(100% - 3rem)}.site-header{padding-inline:1.5rem}.hero h1{font-size:3.7rem}.page-hero h1{font-size:3.25rem}}