/* Approved editorial homepage. Product data and neutral photo cards are retained. */
.hero{position:relative;max-width:1920px;min-height:clamp(570px,43vw,760px);display:flex;direction:rtl;isolation:isolate;background:#f7efe4;overflow:hidden}
.hero-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:#f7efe4;z-index:-1}
.hero-art img.hero-photograph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;filter:none;transform:none}
.hero-text{width:46%;padding:55px 5% 55px 3.5%;background:transparent;position:relative;z-index:1;justify-content:center}
.hero h1{font-size:clamp(44px,4.6vw,70px);line-height:1.4;letter-spacing:-.04em;margin:24px 0;font-weight:500}
.hero .eyebrow{font-size:11px;letter-spacing:.18em;color:#8c7789}.hero .lead{font-size:19px;line-height:2;max-width:520px;margin:0;color:#705e70}.hero-description,.hero-foot{display:none}.hero .ctas{gap:24px;margin-top:30px}.hero .ctas .button{border-radius:2px;min-height:54px;font-size:16px;padding:13px 24px;gap:24px}.hero .text-link{font-size:15px}.strip{gap:30px;padding:22px 20px;letter-spacing:.1em;background:#fcfaf7}.strip i{font-size:0;width:1px;height:16px;background:#cbbec8}.strip:before,.strip:after{content:'';height:1px;width:12%;background:#d5c7cd}
#ritual .heading{margin-bottom:25px}#ritual .heading h2{font-size:34px}.ritual-grid{gap:18px}.ritual{padding:28px 24px;min-height:220px;display:flex;justify-content:center;border-radius:8px;isolation:isolate;background:#fff;border:1px solid #ece4e8}.ritual:after{display:none}.ritual>img{position:absolute;inset-inline-end:0;bottom:0;width:45%;height:100%;object-fit:contain;padding:16px 5px;background:white;z-index:-1}.ritual>span,.ritual strong,.ritual small{max-width:54%;position:relative}.ritual>span{font-size:9px;letter-spacing:.09em;color:#9c8796}.ritual strong{font-size:24px;margin:15px 0 11px}.ritual small{font-size:13px;line-height:1.9;color:#7e6f7c}.ritual.peach,.ritual.mint,.ritual.lilac{background:#fff}.ritual:hover{box-shadow:0 8px 23px #6652700a;filter:none;border-color:#cdb4c6}.about-visual,.picture,.dialog-image,.card-info{background:#fff}.about-visual img,.picture img,.dialog-image img{mix-blend-mode:normal;filter:none}
[lang=en] .hero{direction:ltr}[lang=en] .hero h1{font-size:clamp(41px,4vw,62px);line-height:1.25}[lang=en] .hero-text{padding-inline:5% 3.5%}
@media(max-width:1100px){.hero{min-height:590px}.hero-text{width:48%;padding:40px 4%;background:linear-gradient(270deg,#faf4ebdd,transparent)}.hero h1{font-size:51px}.hero .lead{font-size:17px}.hero .ctas{gap:18px}.hero .ctas .button{font-size:14px}.hero .text-link{font-size:14px}.strip{gap:20px}.strip:before,.strip:after{display:none}.ritual strong{font-size:20px}.ritual{padding:25px 18px}.ritual small{font-size:12px}}
@media(max-width:850px){.hero-text{width:51%;padding:35px 4%;background:#faf4ebed}.hero h1{font-size:43px}.hero .lead{font-size:16px}.hero .ctas{flex-direction:column;align-items:stretch}.hero .text-link{align-self:flex-start}.ritual-grid{gap:12px}.ritual strong{font-size:18px}.ritual small{font-size:11px}.ritual>span{font-size:8px}.ritual{padding:22px 14px}}
@media(max-width:600px){.hero{display:flex;flex-direction:column;min-height:0;isolation:auto;overflow:hidden}.hero-text{width:100%;padding:34px 24px 30px;background:#f8f1e8;order:0}.hero h1,[lang=en] .hero h1{font-size:42px;line-height:1.4;margin:19px 0}.hero .eyebrow{font-size:10px;letter-spacing:.12em}.hero .lead{font-size:17px;line-height:1.95}.hero .ctas{display:grid;grid-template-columns:1fr;gap:17px;margin-top:25px}.hero .ctas .button{font-size:15px;min-height:50px;justify-content:space-between}.hero .text-link{justify-self:center;align-self:center;font-size:14px}.hero-art{position:relative;inset:auto;z-index:0;order:1;width:100%;height:auto;min-height:0;aspect-ratio:1/1}.hero-art img.hero-photograph{width:100%;height:100%;object-fit:cover;object-position:left center}.strip{font-size:9px;gap:12px;padding:18px 12px;line-height:1.5;letter-spacing:.03em;display:grid;grid-template-columns:1fr 1px 1fr;text-align:center}.strip i{display:none}.strip i:first-of-type{display:block}.strip span:nth-of-type(3),.strip span:nth-of-type(4){display:none}#ritual .heading h2{font-size:29px}.ritual-grid{grid-template-columns:1fr;gap:14px}.ritual{min-height:200px;padding:24px}.ritual>img{width:43%;padding:14px}.ritual strong{font-size:25px;margin:15px 0 9px}.ritual small{font-size:14px}.ritual>span{font-size:10px}.ritual>span,.ritual strong,.ritual small{max-width:55%}[lang=en] .hero-text{padding-inline:24px}}
@media(max-width:360px){.hero h1{font-size:37px}.hero-text{padding-inline:20px}.ritual{padding:22px 19px}.ritual strong{font-size:23px}}
@media(min-width:601px){.hero-art img.hero-photograph{object-position:center 40%}}
/* The photograph has a fixed composition; language changes text direction only. */
.hero,[lang=en] .hero{direction:ltr}
.hero .hero-text{margin-left:auto;margin-right:0;direction:rtl;text-align:right;flex-shrink:0}
[lang=en] .hero .hero-text{direction:ltr;text-align:left}
.header{direction:rtl}.brand{direction:rtl}
[lang=en] nav,[lang=en] .actions{direction:ltr}
[lang=en] .hero .eyebrow{font-size:10px;letter-spacing:.14em}
[lang=en] .hero .ctas{gap:20px}
[lang=en] .hero .ctas .button{font-size:14px;gap:18px}
@media(min-width:601px) and (max-width:1100px){[lang=en] .hero-text{background:linear-gradient(90deg,transparent,#faf4ebdd 15%)}[lang=en] .hero h1{font-size:43px}}
@media(min-width:601px) and (max-width:850px){[lang=en] .hero .hero-text{background:#faf4ebed}[lang=en] .hero h1{font-size:37px}}
@media(max-width:600px){.hero .hero-text{width:100%;margin:0}[lang=en] .hero h1{font-size:37px;line-height:1.3}[lang=en] .hero .hero-text{background:#f8f1e8}.header{direction:rtl}.hero .hero-art{direction:ltr}}
/* Approved typography: more prominent headings, restrained navigation and buttons. */
.hero h1{font-size:clamp(51px,5.2vw,81px);line-height:1.35;letter-spacing:-.04em;margin-block:25px;text-wrap:balance}
[lang=en] .hero h1{font-size:clamp(47px,4.55vw,71px);line-height:1.23;letter-spacing:-.045em}
.hero .lead{font-size:20px;line-height:1.95}
h2{font-size:clamp(32px,3.35vw,48px)}
#ritual .heading h2{font-size:38px}
.heading>p{font-size:15px}
.ingredient-layout>div>p:not(.eyebrow){font-size:16px;line-height:2}
.about-copy>p:not(.eyebrow){font-size:17px;line-height:2.05}
.contact h2{font-size:40px}
.contact p:not(.eyebrow){font-size:17px;line-height:1.95}
@media(min-width:851px) and (max-width:1100px){.hero h1{font-size:58px}[lang=en] .hero h1{font-size:49px}.hero .lead{font-size:18px}.hero-text{padding-block:45px}}
@media(min-width:601px) and (max-width:850px){.hero h1{font-size:49px}[lang=en] .hero h1{font-size:42px}.hero .lead{font-size:17px}.hero-text{padding-block:40px}.contact h2{font-size:35px}}
@media(max-width:600px){.hero h1{font-size:46px;line-height:1.38;margin-block:20px}[lang=en] .hero h1{font-size:41px;line-height:1.25}.hero .lead{font-size:18px;line-height:1.95}h2{font-size:32px}#ritual .heading h2{font-size:32px}.about-copy h2{font-size:34px}.contact h2{font-size:33px}.heading>p{font-size:15px}.about-copy>p:not(.eyebrow),.ingredient-layout>div>p:not(.eyebrow),.contact p:not(.eyebrow){font-size:16px;line-height:2}.dialog-info h2{font-size:21px}}
@media(max-width:360px){.hero h1{font-size:41px}[lang=en] .hero h1{font-size:36px}h2,#ritual .heading h2,.contact h2{font-size:30px}.about-copy h2{font-size:32px}}
/* Larger primary navigation, including widths previously set to 12px. */
.header{height:96px;gap:20px}
.header nav{gap:27px}
.header nav a{font-size:18px;font-weight:500;line-height:1.7;min-height:46px;display:inline-flex;align-items:center;white-space:nowrap}
.header .actions button{font-size:14px;min-height:44px;min-width:44px}
.announcement{font-size:13px;letter-spacing:0;padding-block:8px}
@media(min-width:851px) and (max-width:1100px){.header{gap:16px}.header nav{gap:19px}.header nav a{font-size:17px}[lang=en] .header nav{gap:15px}[lang=en] .header nav a{font-size:15px}}
@media(max-width:850px){.header{height:78px}.header nav{gap:0}.header nav a{font-size:19px;min-height:52px;padding:12px 0;display:flex;align-items:center}.announcement{font-size:12px}}
@media(max-width:600px){.header{height:74px;gap:10px}.header nav a{font-size:19px;line-height:1.8;min-height:54px}.announcement{font-size:11px;padding:8px 12px}.header .actions button{font-size:13px;min-width:42px;min-height:42px}}