
:root{
 --cc-font:'Montserrat',Arial,Helvetica,sans-serif;
 --font:var(--cc-font);--sans:var(--cc-font);--serif:var(--cc-font);
 --cc-sans:var(--cc-font);--cc-serif:var(--cc-font);
}
html,body{font-family:var(--cc-font)}
html,body{font-synthesis:none;-webkit-font-smoothing:antialiased}
body{font-weight:400}
button,summary{font-weight:600}
input,select,textarea{font-weight:400}
h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;overflow-wrap:break-word}
h1 em,h2 em{font-weight:500}
:is(.hero-copy,.shop .hero-copy) h1{
 font-size:clamp(64px,7.8vw,112px);font-weight:800;
 font-style:normal;line-height:1.01;letter-spacing:-.055em;
 margin:24px 0 22px;
}
:is(.hero-copy,.shop .hero-copy) h1 br{display:initial}
:is(.hero-copy,.shop .hero-copy) h1 em{
 display:inline;font-size:1em;font-weight:500;font-style:italic;
 line-height:inherit;letter-spacing:-.05em;
}
:is(.hero-copy,.shop .hero-copy)>.eyebrow{font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.085em;margin-bottom:0}
:is(.hero-copy,.shop .hero-copy)>:is(h2,.hero-subtitle){font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.03em;margin:22px 0 0}
.hero-description{font-size:15px;line-height:1.65;margin:15px 0 24px}
.hero-copy :is(.btn,.button){font-size:13px;font-weight:600;min-width:245px}
.hero-postscript,.hero-caption{font-size:10px;line-height:1.6;letter-spacing:0}
.hero-sticker>strong{font-size:21px;font-weight:700;line-height:1.05;letter-spacing:-.04em}
.hero-sticker>span{font-size:9px;letter-spacing:.08em}
.hero-product-info :is(h2,h3),.hero-product strong{font-size:18px;font-weight:700;letter-spacing:-.025em}
.hero-notes{font-size:11px;line-height:1.45}
.section-heading :is(h1,h2),.crew-grid h2,.faq-heading h2{font-size:clamp(32px,3.6vw,52px);font-weight:700;line-height:1.13;letter-spacing:-.045em}
.section-heading em,.crew-grid h2 em,.faq-heading h2 em{font-weight:500;font-style:italic}
.product-body :is(h2,h3){font-size:25px;font-weight:700;line-height:1.15;letter-spacing:-.03em}
.product-body :is(h2,h3) button{font:inherit;letter-spacing:inherit}
.pdp h1{font-size:clamp(32px,3.6vw,48px);font-weight:700;line-height:1.12;letter-spacing:-.04em}
.pdp-reading h2,.related h2,.prose h2{font-weight:700;line-height:1.2;letter-spacing:-.035em}
.editorial h1{font-size:clamp(34px,4.5vw,62px);font-weight:700;line-height:1.08;letter-spacing:-.045em}
.shop-header nav{font-size:11.5px;font-weight:600;gap:17px}
.shop-header .reduce-control{font-size:10px}
:is(.money,.amount,.total,.price,.kpi-value,.stat-value,.zero),[data-money]{font-variant-numeric:tabular-nums lining-nums}
html[data-cc-layout='care'] .intro h1{font-size:clamp(36px,4.4vw,58px);font-weight:800;line-height:1.12;letter-spacing:-.045em}
html[data-cc-layout='care'] :is(.card h2,.result-title){font-size:clamp(27px,2.5vw,33px);font-weight:700;line-height:1.18;letter-spacing:-.035em}
html[data-cc-layout='care'] .intro p{font-size:15px;line-height:1.65}
html[data-cc-layout='journal'] body{font-size:16px;line-height:1.75}
html[data-cc-layout='journal'] header h1{font-size:clamp(36px,4.8vw,64px);font-weight:800;line-height:1.1;letter-spacing:-.045em}
html[data-cc-layout='journal'] article h2{font-size:clamp(27px,3vw,38px);font-weight:700;line-height:1.17;letter-spacing:-.035em}
html[data-cc-layout='journal'] article h3{font-weight:700;line-height:1.3;letter-spacing:-.02em}
html[data-cc-layout='journal'] article :is(p,li){line-height:1.75}
html[data-cc-layout='journal'] .appendix h2{font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.025em}
:is(.crm-main,.account-page,.page-heading) h1{font-weight:700;line-height:1.14;letter-spacing:-.035em}
:is(.stat,.kpi) strong{font-weight:700;letter-spacing:-.035em}
@media(max-width:1100px) and (min-width:701px){
 :is(.hero-copy,.shop .hero-copy) h1{font-size:clamp(60px,8.15vw,88px)}
 .shop-header nav{gap:10px;font-size:10.5px}
}
@media(max-width:900px){
 .hero-copy>.eyebrow{font-size:10px;letter-spacing:.035em}
 .hero-copy>.hero-subtitle{font-size:22px}
 .hero-description{font-size:14px}
 .hero-copy :is(.btn,.button){min-width:0;font-size:12px}
}
@media(max-width:700px){
 :is(.hero-copy,.shop .hero-copy) h1{font-size:clamp(54px,18.25vw,98px);line-height:1.04;letter-spacing:-.055em;margin:20px 0}
 :is(.hero-copy,.shop .hero-copy) h1 br{display:none}
 :is(.hero-copy,.shop .hero-copy) h1 em{display:block;letter-spacing:-.05em}
 .hero-copy>.hero-subtitle,.hero-copy>h2{font-size:22px;line-height:1.3}
 .hero-description{font-size:14px;line-height:1.7}
 .hero-sticker>strong{font-size:18px}
 .hero-product-info :is(h2,h3){font-size:17px}
 .section-heading :is(h1,h2),.crew-grid h2,.faq-heading h2{font-size:clamp(30px,8.5vw,42px);line-height:1.16}
 .product-body :is(h2,h3){font-size:22px;line-height:1.18}
 .pdp h1{font-size:32px;line-height:1.15}
 input,select,textarea{font-size:16px}
 html[data-cc-layout='care'] .tabs button{font-size:12px;line-height:1.5}
 html[data-cc-layout='care'] .card h2{font-size:27px}
 html[data-cc-layout='journal'] header h1{font-size:clamp(34px,9.2vw,48px)}
 html[data-cc-layout='journal'] article h2{font-size:28px}
}
@media(max-width:365px){
 .hero-copy>.hero-subtitle,.hero-copy>h2{font-size:20px}
 .hero-copy>.eyebrow{font-size:9px}
 .hero-sticker>strong{font-size:16px}
 .hero-product-info :is(h2,h3){font-size:16px}
 html[data-cc-layout='care'] .intro h1{font-size:34px}
}
@media print{.hero-copy h1{font-size:60px}}


