:root{--ink:#23231f;--paper:#f8f5ef;--cream:#efe7da;--terracotta:#a95943;--sage:#7d8a72;--line:rgba(35,35,31,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:15px}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.announcement{height:32px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.header{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(248,245,239,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.logo{font-family:Italiana,serif;font-size:27px;line-height:.75;text-align:center;letter-spacing:.04em}.logo span{display:block;font:8px "DM Sans";letter-spacing:.35em;margin-bottom:6px}.nav{display:flex;gap:32px;font-size:13px}.nav a,.text-link{position:relative}.nav a:after,.text-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:currentColor;transition:.3s}.nav a:hover:after,.text-link:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:9px}.icon-button,.cart-button,.menu-button{border:0;background:none;cursor:pointer;color:inherit}.icon-button{font-size:20px}.cart-button{border-left:1px solid var(--line);padding-left:18px;margin-left:4px}.cart-count{display:inline-grid;place-items:center;background:var(--ink);color:white;border-radius:50%;width:22px;height:22px;font-size:11px;margin-left:6px}.menu-button{display:none}.search-panel{position:fixed;z-index:30;top:116px;left:0;right:0;padding:30px 8vw;background:var(--paper);border-bottom:1px solid var(--line)}.search-panel label{display:block;font-family:Italiana;font-size:30px;margin-bottom:14px}.search-panel div{display:flex}.search-panel input{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 0;outline:0}.search-close{border:0;background:0;font-size:28px}.hero{height:calc(100vh - 116px);min-height:610px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,245,239,.35),transparent 52%)}.hero-copy{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%);max-width:610px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:600}.hero h1,.section h2,.newsletter h2,.diagnostic h2{font:clamp(48px,6vw,92px)/.94 Italiana,serif;letter-spacing:-.02em;margin:25px 0}.hero h1 em,h2 em{font-weight:400;color:var(--terracotta)}.hero-copy>p:not(.eyebrow){max-width:460px;font-size:17px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:35px;padding:16px 25px;border:1px solid var(--ink);cursor:pointer}.btn.dark{background:var(--ink);color:white}.btn.light{background:var(--paper)}.text-link{font-size:13px}.text-link span{font-size:18px;margin-left:7px}.hero-note{position:absolute;z-index:2;right:4vw;bottom:3vw;border-left:1px solid rgba(35,35,31,.35);padding-left:16px;display:flex;gap:15px;font-size:11px}.hero-note span{font-family:Italiana;font-size:23px;color:var(--terracotta)}.hero-note p{margin:0;line-height:1.5}.promise{min-height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:3vw;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.promise i{width:4px;height:4px;border-radius:50%;background:var(--terracotta)}.section{padding:115px 6vw}.section-heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;margin-bottom:60px}.section-heading h2{margin-bottom:0}.section-heading>div:last-child{max-width:430px;line-height:1.7}.section-heading .text-link{display:inline-block;margin-top:15px}.filters{display:flex;gap:8px;margin-bottom:25px}.filters button{padding:9px 18px;border:1px solid var(--line);border-radius:30px;background:transparent;cursor:pointer}.filters button.active{background:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card[hidden]{display:none}.product-visual{height:450px;position:relative;display:grid;place-items:center;overflow:hidden}.product-visual.amber{background:#e5c8a5}.product-visual.blush{background:#e6cdc4}.product-visual.sage{background:#cbd0be}.product-visual.ivory{background:#e7dfd2}.badge{position:absolute;left:13px;top:13px;background:var(--paper);padding:7px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.bottle{position:relative;width:112px;height:240px;background:linear-gradient(90deg,rgba(255,255,255,.48),rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.7);border-radius:8px 8px 18px 18px;box-shadow:14px 22px 35px rgba(74,54,38,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bottle:before{content:"";position:absolute;top:-62px;width:70px;height:63px;background:linear-gradient(90deg,#c89f60,#f4dca3,#a67c3c);border-radius:4px 4px 0 0}.bottle.dropper:after{content:"";position:absolute;top:-88px;width:34px;height:28px;background:#efe7d8;border-radius:18px 18px 4px 4px}.bottle.jar{height:145px;width:180px;border-radius:20px}.bottle.jar:before{top:-35px;width:184px;height:38px;border-radius:8px}.bottle.pump{height:255px;width:125px}.bottle.pump:after{content:"";position:absolute;top:-77px;width:90px;height:16px;background:#bf995b;transform:translateX(22px)}.bottle b{font:13px Italiana;letter-spacing:.08em}.bottle small{font-size:8px;margin-top:12px;text-transform:uppercase;letter-spacing:.12em}.gift-box{width:210px;height:170px;background:#b66954;color:#f8eee7;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:18px 24px 30px rgba(60,38,30,.2)}.gift-box b{font:21px Italiana}.gift-box span{font-size:9px;letter-spacing:.22em;margin-top:14px}.quick-add{position:absolute;bottom:0;left:0;right:0;padding:15px;border:0;background:var(--ink);color:white;transform:translateY(100%);transition:.3s;cursor:pointer}.product-visual:hover .quick-add{transform:none}.product-info{display:flex;justify-content:space-between;align-items:start;padding:17px 2px}.product-info h3{font:20px Italiana;margin:0 0 6px}.product-info p{margin:0;color:#6f6c65;font-size:12px}.product-info strong{font-size:13px}.diagnostic{background:var(--terracotta);color:#f9f1e8;display:grid;grid-template-columns:1fr 1fr;padding:0}.diagnostic-art{min-height:680px;background:#d5a68f;position:relative;overflow:hidden;display:grid;place-items:center}.skin-word{font:180px Italiana;color:rgba(255,245,234,.3);transform:rotate(-8deg)}.diagnostic-art p{position:absolute;left:7%;bottom:6%;font-size:11px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:240px;height:320px;right:8%;top:11%;background:radial-gradient(circle at 35% 30%,#f5d8c6,#a75c49);transform:rotate(25deg)}.orb-two{width:160px;height:200px;left:14%;bottom:10%;background:radial-gradient(circle at 40% 30%,#f0d0c0,#bd765f)}.diagnostic-copy{padding:9vw 8vw;align-self:center}.diagnostic-copy h2{font-size:76px}.diagnostic-copy>p:not(.eyebrow){line-height:1.8;max-width:430px}.diagnostic-copy .btn{margin-top:28px}.diagnostic-copy small{display:block;margin-top:18px;opacity:.75}.routine-intro{text-align:center;margin-bottom:80px}.routine-intro h2{font-size:72px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:35px 6vw 50px;border-right:1px solid var(--line);text-align:center}.steps article:last-child{border:0}.steps article>span{font-size:9px;letter-spacing:.15em}.step-icon{font:90px Italiana;color:var(--terracotta);margin:50px 0 15px}.steps h3{font:25px Italiana;margin:12px}.steps p{font-size:13px;line-height:1.7;color:#6c6962}.ingredients{display:grid;grid-template-columns:1fr 1fr;background:#26302b;color:#f7f0e7;padding:0}.ingredient-copy{padding:9vw 7vw}.ingredient-copy h2{font-size:75px}.ingredient-copy>p:not(.eyebrow):not(.ingredient-note){line-height:1.8;max-width:440px}.ingredient-list{margin-top:45px;border-top:1px solid rgba(255,255,255,.25)}.ingredient-list button{display:flex;width:100%;justify-content:space-between;padding:18px 0;background:0;border:0;border-bottom:1px solid rgba(255,255,255,.25);color:white;text-align:left;cursor:pointer}.ingredient-list button.active{color:#e4b4a0}.ingredient-note{font:20px/1.5 Italiana;margin-top:30px;max-width:460px}.ingredient-art{min-height:750px;background:#e0c0ac;position:relative;overflow:hidden}.ingredient-art>p{position:absolute;right:8%;bottom:8%;font:54px/.85 Italiana;color:#fff}.petal{position:absolute;background:linear-gradient(135deg,#d47f71,#7f2e33);border-radius:100% 0 100% 0;box-shadow:inset 12px 10px 20px rgba(255,255,255,.3)}.p1{width:280px;height:360px;top:18%;left:24%;transform:rotate(22deg)}.p2{width:180px;height:240px;top:5%;right:8%;transform:rotate(95deg)}.p3{width:210px;height:280px;bottom:4%;left:7%;transform:rotate(-32deg)}.drop{position:absolute;width:85px;height:120px;right:21%;top:37%;background:rgba(255,255,255,.43);border-radius:60% 40% 55% 45%;box-shadow:inset 10px 14px 25px rgba(255,255,255,.6)}.journal .section-heading{grid-template-columns:1fr auto}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.journal-image{height:380px;display:grid;place-items:center;margin-bottom:18px}.gradient-one{background:radial-gradient(circle,#f2d5c8 0 12%,#bd745d 13% 24%,#e8d7c9 25%)}.gradient-two{background:linear-gradient(125deg,#d2c3ad 0 48%,#7c8973 49% 58%,#eadfd2 59%)}.gradient-three{background:radial-gradient(ellipse at bottom,#bd7b64,transparent 55%),#e3cabb}.journal-image span{font:45px Italiana;color:white}.journal article small{font-size:9px;letter-spacing:.14em}.journal article h3{font:25px/1.2 Italiana}.newsletter{text-align:center;background:#e9ded0;padding:110px 20px}.newsletter h2{font-size:64px}.newsletter form{max-width:570px;margin:40px auto 15px;display:flex;border-bottom:1px solid var(--ink)}.newsletter input{flex:1;border:0;background:transparent;padding:15px 0;outline:0}.newsletter button{border:0;background:transparent;cursor:pointer}.newsletter small{font-size:10px}.form-message{min-height:18px}footer{padding:70px 6vw 30px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;background:#1f211f;color:#f7f1e8}footer>div{display:flex;flex-direction:column;gap:11px;font-size:12px}footer strong{text-transform:uppercase;font-size:9px;letter-spacing:.15em;margin-bottom:10px}.footer-logo{align-self:start;justify-self:start}footer>p{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:20px;font-size:10px}.cart-drawer{position:fixed;z-index:60;right:0;top:0;width:min(470px,100%);height:100%;background:var(--paper);padding:28px;transform:translateX(100%);transition:.35s;display:flex;flex-direction:column}.cart-drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head h2{font:35px Italiana}.drawer-head button,.quiz-close{border:0;background:0;font-size:30px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:20px 0}.cart-row{display:flex;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-row button{border:0;background:0;cursor:pointer;color:#8c4938}.empty-cart{color:#777}.cart-footer>div{display:flex;justify-content:space-between;font-size:18px}.cart-footer small{display:block;margin:10px 0 20px}.cart-footer .btn{width:100%}.overlay{position:fixed;inset:0;z-index:50;background:rgba(20,20,18,.45)}.quiz{width:min(680px,92vw);border:0;background:var(--paper);padding:50px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.quiz::backdrop{background:rgba(20,20,18,.55)}.quiz-close{position:absolute;right:20px;top:15px}.quiz-progress{height:2px;background:#ddd;margin:25px 0}.quiz-progress i{display:block;width:33%;height:100%;background:var(--terracotta);transition:.3s}.quiz-content>span{font-size:9px;letter-spacing:.15em}.quiz-content h2{font:38px/1.1 Italiana}.quiz-content button{display:block;width:100%;padding:15px;margin:8px 0;background:transparent;border:1px solid var(--line);text-align:left;cursor:pointer}.quiz-content button:hover{background:#ece4d9}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,120px);background:var(--ink);color:#fff;padding:14px 22px;transition:.3s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.visible{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:900px){.nav{display:none}.menu-button{display:block}.header{height:68px}.header-actions .icon-button{display:none}.hero{height:760px}.hero>img{object-position:65% center}.hero:after{background:linear-gradient(90deg,rgba(248,245,239,.86),rgba(248,245,239,.1))}.hero-copy{left:6vw;top:43%;max-width:88%}.hero h1{font-size:58px}.hero-note{display:none}.promise{padding:20px;flex-wrap:wrap}.product-grid{grid-template-columns:1fr 1fr}.section-heading{grid-template-columns:1fr;gap:25px}.diagnostic,.ingredients{grid-template-columns:1fr}.diagnostic-art,.ingredient-art{min-height:500px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.journal-grid{grid-template-columns:1fr}.journal-image{height:330px}footer{grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1}.search-panel{top:100px}}@media(max-width:560px){.header{padding:0 18px}.logo{font-size:22px}.cart-button{font-size:0}.cart-count{font-size:11px}.hero{height:700px;min-height:0}.hero-copy{top:47%}.hero h1{font-size:47px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.promise{justify-content:flex-start;gap:15px 20px}.promise i{display:none}.section{padding:80px 20px}.section h2,.newsletter h2{font-size:49px}.product-grid{grid-template-columns:1fr}.product-visual{height:430px}.quick-add{transform:none}.diagnostic-copy,.ingredient-copy{padding:80px 25px}.diagnostic-copy h2,.ingredient-copy h2,.routine-intro h2{font-size:52px}.diagnostic-art{min-height:420px}.skin-word{font-size:120px}.ingredients{display:flex;flex-direction:column}.ingredient-art{min-height:500px;order:-1}.steps article{padding:35px 25px}.journal .section-heading{grid-template-columns:1fr}.newsletter{padding:80px 20px}.newsletter form{flex-direction:column;border:0}.newsletter input{border-bottom:1px solid}.newsletter button{padding:15px;background:var(--ink);color:white;margin-top:10px}footer{grid-template-columns:1fr 1fr;padding:55px 25px 25px}.quiz{padding:40px 22px}.quiz-content h2{font-size:32px}}
