/* Four roles; display size updated to the requested 62px. */
:root{--type-hero:62px;--type-section:32px;--type-body:20px;--type-label:12px}

/* Boldonse is reserved for display headings and CTAs; all supporting text uses Poppins. */
#site :is(h1,h2),#product-page :is(h1,h2){font-family:Boldonse,Arial,sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:0}
#site :is(.store-button,.text-link),#product-page .pdp-buy{font-family:Boldonse,Arial,sans-serif;text-transform:uppercase;font-weight:400;font-size:var(--type-label);line-height:1.7;letter-spacing:0}
#site :is(.care-section,.ingredient-copy,.ritual-copy,.story-copy,.questions,.footer-invitation) h2,#site #reviews h2{font-size:var(--type-hero);line-height:1.6}
#site .care-section h2{max-width:1100px}
#site .collection-intro{max-width:70ch;width:100%;text-wrap:pretty}
#site .product h3{font-family:Poppins,Arial,sans-serif;text-transform:none;font-size:var(--type-body);line-height:1.6;font-weight:400}
#site .product-info{display:grid;grid-template-columns:1fr;gap:8px}
@media(max-width:1100px){#site :is(.care-section,.ingredient-copy,.ritual-copy,.story-copy,.questions,.footer-invitation) h2,#site #reviews h2{font-size:var(--type-section)}}
@media(max-width:700px){#site .section-top{align-items:start;flex-direction:column;gap:12px}#site .product-info{gap:6px}#site h2{overflow-wrap:normal}}

#site :is(.eyebrow,.product-type),#product-page .eyebrow{font-family:Poppins,Arial,sans-serif;font-weight:500}

/* Content-sized section layouts: no forced breaks in full-width headings. */
#site :is(.care-section,.ingredient-copy,.ritual-copy,.story-copy,.questions,.footer-invitation) h2,#site #reviews h2{max-width:none;text-wrap:balance}
#site :is(.section-top,.journal-heading){display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:20px 32px}
#site :is(.section-top,.journal-heading)>*{min-width:0}
#site .journal-heading>div{flex:1 1 auto}
#site .journal-heading .review-source{flex:0 0 auto;margin-left:auto}
#site :is(.ingredient-section,.story-section,.questions){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px)}
#site :is(.ingredient-copy,.ritual-copy,.story-copy){min-width:0}
#site :is(.section-lead,.ingredient-row p,.ritual-copy>p:not(.eyebrow),.story-copy>p:not(.eyebrow)){max-width:none;text-wrap:pretty}
#site .ritual-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#site .ritual-copy{padding:64px clamp(24px,4vw,64px)}
#site #ritual-title>span{display:block;white-space:nowrap}
@media(max-width:1100px){
 #site :is(.ingredient-section,.story-section,.questions){gap:32px}
 #site .ritual-copy{padding:48px 24px}
}
@media(max-width:700px){
 #site :is(.ingredient-section,.story-section,.questions,.ritual-section){grid-template-columns:minmax(0,1fr)}
 #site .journal-heading{gap:16px}
 #site .journal-heading .review-source{margin-left:0}
 #site .ritual-copy{padding:48px var(--page-pad)}
}