.formula-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-block:75px 65px}
.formula-hero .eyebrow{margin-bottom:25px}
.formula-hero h1{font-size:clamp(45px,5.3vw,78px)}
.formula-hero h1 em{font-family:var(--serif);font-weight:400}
.formula-hero-copy>p:not(.eyebrow){max-width:380px;font-size:15px;color:var(--muted);margin-top:24px}
.formula-hero-copy .button{margin-top:30px}
.formula-hero-copy>.text-link{margin-left:16px}
.formula-hero-picture{position:relative;aspect-ratio:1;overflow:hidden;border-radius:16px}
.formula-hero-picture img{height:100%;object-fit:cover}
.formula-hero-picture figcaption{position:absolute;bottom:22px;left:24px;font-size:9px;letter-spacing:.14em;color:#513d13}
.formula-jumps{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:18px;font-size:11px;color:var(--muted)}
.formula-jumps a{padding-block:8px}
.formula-jumps a:hover{color:var(--ink)}
.formula-protagonists{padding-block:90px}
.formula-section-heading{max-width:650px;margin-bottom:44px}
.formula-section-heading .eyebrow{margin-bottom:20px}
.formula-section-heading h2{font-size:clamp(38px,4.6vw,62px)}
.formula-section-heading>p:last-child{font-size:15px;color:var(--muted);margin-top:22px;max-width:540px}
.formula-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 28px}
.formula-card{min-width:0}
.formula-card figure{aspect-ratio:1;overflow:hidden;border-radius:12px;background:#eee6d8}
.formula-card img{height:100%;object-fit:cover;transition:transform .7s ease}
@media(hover:hover){.formula-card:hover img{transform:scale(1.025)}}
.formula-card-copy{padding-top:23px}
.formula-card-copy>.eyebrow{font-size:9px;color:var(--gold);letter-spacing:.1em;margin-bottom:12px}
.formula-card h3{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin-bottom:16px}
.formula-card-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}
.formula-card-copy>p.formula-inci,.formula-component>p.formula-inci{font-size:10px;overflow-wrap:anywhere;line-height:1.65;padding-top:14px;color:var(--muted)}
.formula-bridge{background:var(--ink);color:var(--paper);padding-block:80px}
.formula-bridge-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.formula-bridge .eyebrow{margin-bottom:24px;color:#d2c49e}
.formula-bridge h2{font-size:clamp(39px,4.5vw,63px)}
.formula-bridge p:not(.eyebrow){max-width:360px;font-size:16px;color:#d0dacb}
.formula-bridge .button{background:var(--paper);color:var(--ink);margin-top:25px}
.formula-bridge p.formula-promo-note{font-size:12px;margin-top:18px;line-height:1.7}
.formula-support{padding-block:85px 65px}
.formula-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px}
.formula-component{min-width:0}
.formula-component p{padding:0 0 20px;max-width:100%}
.formula-component p.formula-inci{padding-top:0}
.formula-component summary{font-size:16px}
.formula-aromatics{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:0 85px}
.formula-aromatics .eyebrow{margin-bottom:22px}
.formula-aromatics h2{font-size:clamp(36px,4vw,53px);max-width:410px}
.formula-aromatics>div>p:last-child{font-size:13px;color:var(--muted);max-width:390px;margin-top:22px}
.formula-complete{background:#eeede4;padding-block:70px}
.formula-complete .eyebrow{margin-bottom:20px}
.formula-complete h2{font-size:clamp(37px,4vw,56px)}
.formula-complete-intro{font-size:13px;color:var(--muted);max-width:620px;margin-block:24px}
.formula-complete .inci-text{max-width:950px;line-height:1.9;padding-right:0}
.formula-image-credit{font-size:10px;color:var(--muted);text-align:center;padding-block:25px}
@media(max-width:1050px){.formula-hero{gap:35px}.formula-hero h1{font-size:52px}.formula-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-bridge-inner,.formula-aromatics{gap:40px}.formula-hero-copy>.text-link{margin-left:0;display:flex;width:max-content}}
@media(max-width:760px){.formula-hero{grid-template-columns:1fr;gap:35px;padding-block:45px 35px}.formula-hero h1{font-size:clamp(39px,10.6vw,57px)}.formula-hero-copy>p:not(.eyebrow){font-size:13px;max-width:340px;margin-top:20px}.formula-hero-picture{border-radius:12px}.formula-hero-copy .button{margin-top:24px}.formula-jumps{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:10px}.formula-protagonists{padding-block:55px}.formula-section-heading{margin-bottom:30px}.formula-section-heading h2{font-size:40px}.formula-section-heading>p:last-child{font-size:13px;margin-top:19px}.formula-grid{grid-template-columns:1fr;gap:40px}.formula-card-copy{padding-top:20px}.formula-card h3{font-size:26px}.formula-card-copy>p:not(.eyebrow){font-size:13px}.formula-bridge{padding-block:55px}.formula-bridge-inner{grid-template-columns:1fr;gap:30px}.formula-bridge h2{font-size:42px}.formula-bridge p:not(.eyebrow){font-size:14px}.formula-support{padding-block:55px 45px}.formula-support-grid{grid-template-columns:1fr}.formula-component summary{font-size:15px}.formula-aromatics{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.formula-aromatics h2{font-size:39px}.formula-complete{padding-block:50px}.formula-image-credit{font-size:9px;max-width:320px}}
.formula-hero-picture figcaption{background:rgba(247,245,239,.88);color:var(--ink);padding:8px 12px;border-radius:4px;line-height:1.4}
