@font-face{font-family:Fraunces;src:url('Fraunces-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url('Manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--cream:#f7f3ec;--cocoa:#44352e;--blue:#a8bdc5;--pale:#e7eef1;--line:#d8cebc;--peach:#ddb49d;--muted:#70635b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--cocoa);background:var(--cream);font-family:Manrope,sans-serif;font-size:16px;line-height:1.7}body:has(dialog[open]){overflow:hidden}a{color:inherit}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #63523b;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:520;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(3.6rem,6.6vw,6.7rem);margin:20px 0}h2{font-size:clamp(2.4rem,4.1vw,4rem);margin:17px 0 28px}h3{font-size:1.9rem;letter-spacing:-.035em}p{margin-bottom:20px}a{text-underline-offset:5px}button{border:0}section[id]{scroll-margin-top:115px}.wrap{width:min(1220px,90%);margin:auto}.eyebrow{display:block;font-size:.78rem;font-weight:700;letter-spacing:.2em;line-height:1.6;text-transform:uppercase}.muted,.small{color:var(--muted)}.small{font-size:.82rem;line-height:1.6}.skip{position:fixed;left:15px;top:-100px;z-index:200;background:white;padding:15px}.skip:focus{top:10px}.announcement{text-align:center;background:#efe5d5;font-size:.78rem;padding:8px 16px;letter-spacing:.025em}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(247,243,236,.97)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:25px}.logo{width:145px;height:auto}.nav{display:flex;gap:36px;align-items:center}.nav a{text-decoration:none;font-size:.88rem}.nav a:hover{text-decoration:underline}.cart-link{background:transparent;border:1px solid #89796e;border-radius:50px;padding:10px 24px;white-space:nowrap;font-size:.88rem;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;border-radius:50px;background:var(--cocoa);color:var(--cream);padding:15px 28px;text-decoration:none;border:1px solid var(--cocoa);font-size:.94rem;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#614b3f}.button.light{background:var(--cream);color:var(--cocoa)}.button.outline{background:transparent;color:var(--cocoa)}.text-link{font-size:.9rem;font-weight:600;display:inline-block;margin-top:18px}.hero{position:relative;min-height:600px;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,243,236,.18),transparent 55%);z-index:-1}.hero-copy{width:46%;padding:60px 0 75px}.hero p{font-family:Fraunces,Georgia,serif;font-size:1.55rem;line-height:1.4;max-width:430px}.hero .hero-explain{font-family:Manrope,sans-serif;font-size:.97rem;max-width:340px;margin:20px 0 26px}.hero-product{position:absolute;width:19%;max-height:300px;object-fit:contain;right:3.3%;bottom:1%;filter:drop-shadow(0 12px 10px #44352e28)}.strip{background:var(--pale);padding:23px 0}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.strip p{margin:0;font-size:.9rem}.strip strong{display:block;font-size:1.02rem}.strip a{white-space:nowrap}.product-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:100px 0 90px;align-items:center}.product-visual{background:#e3e9e9;position:relative;display:grid;place-items:center;min-height:530px;padding:50px;border-radius:3px}.product-visual img{height:435px;width:auto;object-fit:contain;filter:drop-shadow(0 18px 20px #44352e16)}.visual-note{position:absolute;bottom:12px;font-size:.73rem;color:var(--muted)}.product-content h2{font-size:3.2rem;margin-bottom:18px}.benefit-list{list-style:none;padding:0;margin:22px 0 26px;font-size:.94rem}.benefit-list li{margin:9px 0;display:flex;gap:13px}.benefit-list li:before{content:'✓';color:var(--cocoa)}.price{font-size:1.75rem;font-weight:600;margin-bottom:3px}.price-note{font-size:.78rem;margin:0 0 20px;color:var(--muted)}.buy-row{display:flex;gap:12px;align-items:stretch;margin:15px 0}.quantity{display:flex;align-items:center;border:1px solid #b3a597;border-radius:40px;padding:0 8px;background:transparent}.quantity button{background:transparent;width:28px;min-height:50px;font-size:1.25rem}.quantity input{width:35px;text-align:center;background:transparent;border:0;appearance:textfield;-moz-appearance:textfield}.quantity input::-webkit-inner-spin-button{appearance:none}.buy-row .button{flex:1;padding-left:15px;padding-right:15px}.variant-select{width:100%;padding:12px;background:var(--cream);border:1px solid var(--line);margin-bottom:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.product-details{margin-top:24px}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;font-size:.94rem;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.3rem;font-weight:400}details[open]>summary:after{content:'−'}details p{font-size:.9rem;line-height:1.7;margin:0 0 22px}.benefits{border-top:1px solid var(--line);padding:85px 0}.section-head{max-width:700px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.benefit-grid article+article{border-left:1px solid var(--line);padding-left:35px}.benefit-grid .eyebrow{font-size:.73rem;letter-spacing:.13em;margin-bottom:30px}.benefit-grid p{font-size:.94rem}.routine{background:var(--pale);padding:80px 0}.routine-top{display:flex;justify-content:space-between;align-items:end;gap:40px}.routine-top>p{max-width:350px;font-size:.94rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:40px 0 10px}.step-num{display:block;font-family:Fraunces,serif;font-size:3rem;color:#718990;border-bottom:1px solid #bdcace;padding-bottom:13px;margin-bottom:23px}.steps p{font-size:.94rem}.ingredients{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.ingredient-art{min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#e6dfd2;position:relative;padding:40px}.ingredient-art img{height:320px;object-fit:contain;filter:drop-shadow(0 12px 14px #44352e1c)}.ingredient-art span{font-family:Fraunces,serif;font-size:2.4rem;margin-top:20px;letter-spacing:-.04em}.ingredient-row{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.ingredient-row strong{font-family:Fraunces,serif;font-size:1.6rem;font-weight:500}.ingredient-row h3{font-family:Manrope,sans-serif;letter-spacing:0;font-size:.95rem;font-weight:650;margin:0 0 5px;line-height:1.5}.ingredient-row p{font-size:.85rem;margin:0;color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1fr;background:#e8e0d4;align-items:center}.story-copy{padding:70px max(40px,10%)}.story p{font-size:.94rem}.story-image{height:580px;width:100%;object-fit:cover;object-position:80% center}.faq{padding:100px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.faq-intro p{max-width:290px}.faq details p{max-width:590px}.final-cta{text-align:center;background:var(--blue);padding:80px 24px}.final-cta h2{max-width:700px;margin:15px auto 25px}.final-cta p{max-width:560px;margin:0 auto 25px}.site-footer{padding:55px 0 24px;background:var(--cocoa);color:var(--cream)}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-logo{width:140px;margin-bottom:15px}.footer-brand p{font-family:Fraunces,serif;font-size:1.3rem}.footer-links{display:flex;gap:60px}.footer-links div{display:flex;flex-direction:column;gap:12px}.footer-links a{font-size:.85rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #726055;margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;gap:30px;font-size:.75rem;color:#e1d5c8}.sticky-buy{display:none}.page-content{padding:70px 0;min-height:55vh;max-width:900px}.page-content h1{font-size:3.5rem}.page-content h2{font-size:2rem}.page-content p{max-width:720px}.cart-dialog{color:var(--cocoa);background:var(--cream);border:0;padding:32px;width:min(480px,100%);height:100dvh;max-height:none;margin:0 0 0 auto;position:fixed;inset:0 0 0 auto}.cart-dialog::backdrop{background:#24181180}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{font-size:2.3rem}.icon-button{width:44px;height:44px;background:transparent;font-size:1.6rem;border-radius:50%}.cart-item{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.cart-item img{height:110px;object-fit:contain}.cart-item p{margin:3px 0}.cart-total{display:flex;justify-content:space-between;margin:25px 0;font-size:1.1rem}.cart-dialog .button{width:100%;margin-bottom:10px}.cart-empty{padding:35px 0}.underlined-button{padding:0;background:none;text-decoration:underline;font-size:.82rem}.notice{padding:16px;background:var(--pale);font-size:.87rem;border-radius:4px}.cart-page-row{display:grid;grid-template-columns:90px 1fr 100px;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:24px 0}.cart-page-row img{height:100px;object-fit:contain}.cart-page-row input{width:75px;padding:10px;background:transparent;border:1px solid var(--line)}.cart-actions{display:flex;gap:16px;margin-top:24px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-card{padding:20px;background:var(--pale);text-decoration:none}.product-card img{height:250px;object-fit:contain;width:100%}.product-card h2{font-size:1.8rem}
@media(min-width:1600px){.hero{min-height:720px}}
@media(max-width:1000px){.hero{min-height:540px}.hero-copy{width:50%}.hero p{font-size:1.3rem}.product-section{gap:5%;padding:65px 0}.product-visual{padding:30px;min-height:430px}.product-visual img{height:330px}.product-content h2{font-size:2.6rem}.buy-row{flex-wrap:wrap}.buy-row .button{min-width:200px}.benefit-grid{gap:25px}.benefit-grid article+article{padding-left:20px}.story-copy{padding:45px 8%}.story-image{height:600px}.footer-links{gap:30px}}
@media(max-width:700px){html{scroll-padding-top:85px}.wrap{width:88%}.announcement{font-size:.69rem;padding:7px 12px}.header-inner{min-height:73px;gap:12px}.logo{width:105px}.nav{gap:15px}.nav a{font-size:.76rem}.nav a:not(:first-child){display:none}.cart-link{font-size:.76rem;padding:8px 15px}.hero{display:block;min-height:0;padding-bottom:300px}.hero-bg{height:320px;top:auto;bottom:0;object-position:75% center}.hero:after{background:linear-gradient(180deg,var(--cream) 0%,transparent 30%);top:auto;height:320px}.hero-copy{width:100%;padding:36px 0 14px}.hero .eyebrow{font-size:.7rem}.hero h1{font-size:3.7rem;line-height:1.01;margin:18px 0}.hero p{font-size:1.22rem;margin-bottom:12px}.hero .hero-explain{font-size:.9rem;margin:13px 0 21px;max-width:310px}.hero-product{height:145px;width:120px;right:4%;bottom:7px}.hero .button{min-height:50px;font-size:.85rem;padding:14px 23px}.strip{padding:19px 0}.strip-inner{gap:15px}.strip p{font-size:.76rem;line-height:1.5}.strip strong{font-size:.9rem;margin-bottom:4px}.strip .button{font-size:.76rem;padding:12px 16px;min-height:44px;gap:10px}.product-section{grid-template-columns:1fr;gap:30px;padding:48px 0}.product-visual{min-height:360px;padding:30px}.product-visual img{height:310px}.product-content h2{font-size:2.9rem}.product-content>p{font-size:.94rem}.buy-row{flex-wrap:nowrap}.buy-row .button{min-width:0;font-size:.82rem}.quantity button{width:24px}.quantity input{width:27px}.benefits{padding:50px 0}.benefit-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.benefit-grid article+article{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}.benefit-grid .eyebrow{margin-bottom:16px}.benefit-grid h3{margin-bottom:15px}.routine{padding:50px 0}.routine-top{display:block}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps article{display:grid;grid-template-columns:45px 1fr;gap:20px}.step-num{border:0;font-size:2.2rem;padding:0;margin:0}.steps h3{font-size:1.6rem;margin:5px 0 10px}.steps p{margin:0}.ingredients{padding:55px 0;grid-template-columns:1fr;gap:35px}.ingredient-art{min-height:340px;padding:25px}.ingredient-art img{height:240px}.ingredient-art span{font-size:2rem;margin-top:12px}.story{grid-template-columns:1fr}.story-copy{padding:50px 6%}.story-image{height:340px;object-position:80% center}.faq{padding:55px 0;grid-template-columns:1fr;gap:20px}.faq-intro p{max-width:100%}.final-cta{padding:55px 6%}.footer-top{flex-direction:column;gap:25px}.footer-links{justify-content:space-between;gap:20px}.footer-bottom{display:block;font-size:.7rem}.footer-bottom span{display:block;margin:8px 0}.site-footer{padding:40px 0 100px}.sticky-buy{display:flex;position:fixed;z-index:15;bottom:0;left:0;right:0;align-items:center;justify-content:space-between;gap:20px;background:var(--cream);border-top:1px solid var(--line);padding:12px 6% max(12px,env(safe-area-inset-bottom));box-shadow:0 -3px 20px #44352e09}.sticky-buy p{font-size:.8rem;line-height:1.5;margin:0}.sticky-buy .button{min-height:44px;padding:10px 20px;font-size:.8rem}.cart-dialog{padding:24px}.cart-page-row{grid-template-columns:65px 1fr;gap:18px}.cart-page-row input{grid-column:2}.cart-actions{flex-direction:column}.product-grid{grid-template-columns:1fr}.page-content h1{font-size:2.7rem}.page-content{padding:45px 0}h2{font-size:2.4rem}summary{min-height:64px}.eyebrow{font-size:.72rem}}
.hero h1{font-size:clamp(3rem,4.6vw,4.8rem);line-height:1.04;max-width:560px}
.hero .hero-explain{max-width:410px}
.sales-problem{padding:75px 0;background:#eee6da}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.problem-grid p:last-of-type{margin-bottom:0}
.sales-emphasis{font-family:Fraunces,Georgia,serif;font-size:1.7rem;line-height:1.25;letter-spacing:-.025em}
.brushing{padding:30px 0 85px}
.brushing .section-head{max-width:780px}
.brushing-panel{margin-top:35px;padding:40px;background:#ece4d7;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.brushing-panel h3{font-size:2.7rem;margin:20px 0 0}
.brushing-panel .button{font-size:.88rem;gap:15px}
@media(max-width:700px){.hero h1{font-size:2.8rem;max-width:340px}.hero-copy{padding-top:32px}.sales-problem{padding:48px 0}.problem-grid{grid-template-columns:1fr;gap:8px}.sales-emphasis{font-size:1.5rem}.brushing{padding:15px 0 50px}.brushing-panel{padding:25px;grid-template-columns:1fr;gap:25px}.brushing-panel h3{font-size:2.2rem}.brushing-panel .button{font-size:.8rem;padding:14px 18px}}
.brushing{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:30px 0 85px}
.brushing .section-head{max-width:none}
.brushing .section-head h2{font-size:clamp(2.3rem,3.5vw,3.4rem)}
.brushing .section-head>p{max-width:480px;margin-bottom:0}
.brushing-panel{display:block;margin:0;padding:38px;background:#eee6da;border:1px solid #ded3c3;border-radius:8px}
.brushing-panel h3{font-size:clamp(1.9rem,2.5vw,2.5rem);margin:16px 0 22px}
.brushing-panel>p{font-size:.94rem}
.brushing-panel .button{width:100%;min-height:66px;font-size:1.04rem;padding:18px 22px;justify-content:space-between;margin-top:10px;box-shadow:0 7px 15px #44352e15}
.brushing-panel .button span{font-size:1.45rem}
.brushing-panel .brushing-note{font-size:.8rem;line-height:1.65;margin:22px 0 0;padding-top:18px;border-top:1px solid #d8cebc;color:var(--muted)}
.routine-top{display:block;text-align:center;max-width:800px;margin:0 auto}
.routine-top h2{font-size:clamp(2.4rem,3.7vw,3.6rem);margin:16px 0 20px}
.routine-top>p{max-width:550px;margin:0 auto}
.steps{gap:22px;margin:40px 0 12px}
.steps article{padding:30px;background:#f7f3ec99;border:1px solid #cbd5d5;border-radius:8px}
.step-num{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #acbfc4;border-radius:50%;font-family:Manrope,sans-serif;font-size:1rem;font-weight:600;color:var(--cocoa);padding:0;margin:0 0 24px}
.steps h3{font-size:1.7rem;margin-bottom:14px}
.steps p{margin-bottom:0}
.routine-action{text-align:center}
@media(max-width:850px){.brushing{gap:30px}.brushing-panel{padding:26px}.steps{gap:14px}.steps article{padding:22px}}
@media(max-width:700px){.brushing{grid-template-columns:1fr;gap:25px;padding:15px 0 50px}.brushing-panel{padding:26px}.brushing-panel h3{font-size:2rem}.routine-top{text-align:left}.routine-top h2{max-width:350px}.routine-top>p{margin:0}.routine-top>p br{display:none}.steps{gap:14px;margin-top:28px}.steps article{grid-template-columns:40px 1fr;gap:17px;padding:22px}.step-num{width:38px;height:38px;margin:0}.steps h3{font-size:1.5rem;margin:3px 0 10px}.routine-action{text-align:left}}
.product-content .product-title{font-size:3.2rem;margin:17px 0 18px}
@media(max-width:700px){.product-content .product-title{font-size:2.9rem}}
.button{transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.button span{transition:transform .2s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #44352e20}.button:hover span{transform:translateX(3px)}.steps article{transition:transform .25s ease,background .25s ease}.steps article:hover{transform:translateY(-3px);background:var(--cream)}}
.button:active{transform:translateY(0)}
@keyframes canlo-drawer{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes canlo-backdrop{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){.cart-dialog[open]{animation:canlo-drawer .25s ease-out}.cart-dialog[open]::backdrop{animation:canlo-backdrop .25s ease-out}}
@keyframes canlo-hero-photo{from{opacity:0;transform:translateY(10px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes canlo-hero-copy{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes canlo-hero-pack{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:canlo-hero-copy .9s cubic-bezier(.22,1,.36,1) .08s backwards}.hero-bg{animation:canlo-hero-photo 1s cubic-bezier(.22,1,.36,1) .14s backwards}.hero-product{animation:canlo-hero-pack 1s cubic-bezier(.22,1,.36,1) .14s backwards}.hero-copy:focus-within{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

@media(max-width:700px){.hero-bg{object-position:right center}}
