/* Final local typography and spacing pass. */
:root{--sans:'DM Sans',Arial,sans-serif;--mono:SFMono-Regular,Consolas,'Liberation Mono',monospace}
.texture-benefits-copy>.hero-description{color:#50555a;max-width:44ch;margin-bottom:28px}
.hero-copy>.hero-description{max-width:44ch}
.community>div:first-child>p:not(.eyebrow){max-width:44ch}
.hero .button,.product .button,.email-row button,.sticky-purchase button{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.035em;line-height:1.4;min-height:56px}
.lab-heading h2,.routine h2,.community h2,.faq h2{font-weight:650;line-height:1.02;letter-spacing:-.045em}
.hero .eyebrow,.texture-benefits .eyebrow,.lab .eyebrow,.product .eyebrow,.routine .eyebrow,.community .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.045em}
.lab-image>.formula-macro,.lab-image:hover>.formula-macro{transform:scale(1.32)}
.lab-image>img:not(.formula-macro),.lab-image:hover>img:not(.formula-macro){transform:none}
@media(max-width:760px){
 .texture-benefits h2{font-size:clamp(34px,10.3vw,45px);line-height:1.04;letter-spacing:-.045em;margin-bottom:24px}
 .lab-heading h2,.routine h2,.community h2{font-size:clamp(36px,10.8vw,46px)}
 .hero h1{font-size:clamp(39px,11.5vw,65px);line-height:1.02;letter-spacing:-.045em}
 .section{padding-top:64px;padding-bottom:64px}
 .community{padding-top:64px;padding-bottom:64px;gap:32px}
 .hero-description,.texture-benefit-list p,.lab-intro.rd-intro,.lab-notes article p,.product-description,.steps p,.community>div:first-child>p:not(.eyebrow){font-size:16px;line-height:1.65}
 .steps{gap:24px}
 .steps article{grid-template-columns:28px minmax(0,1fr);column-gap:16px;padding-top:20px}
 .steps h3{font-size:20px;line-height:1.25;margin:0 0 8px}
 .price small{white-space:normal;max-width:155px;line-height:1.6;font-size:12px}
 .product-index{font-size:12px}
 .functional-footer .footer-bottom nav{row-gap:18px}
 .commerce-dialog{padding:28px 24px}
 .commerce-dialog .form-note{font-size:13px;line-height:1.65}
}

.commerce-dialog .email-row input{border:1px solid #828681;background:#f8f6ef;padding:16px;min-height:56px;color:var(--ink)}
.commerce-dialog .email-row input:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}

/* Staggered editorial benefit headline. */
.texture-benefits h2{font-size:clamp(36px,3.65vw,56px);line-height:1.05;letter-spacing:-.045em;margin-bottom:32px}
.texture-statement{display:block}
.texture-statement-right{text-align:right;margin-top:28px}
@media(max-width:760px){.texture-benefits h2{font-size:clamp(29px,8.7vw,40px);line-height:1.06;margin-bottom:28px}.texture-statement-right{margin-top:24px}}