@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* Selected Barista Studio direction; retain the complete commerce and recipe controls. */
:root{--cream:#172923;--cream-deep:#203b31;--cream-mid:#294639;--teal:#f5f1e5;--teal-soft:#d7ec86;--muted:#b6c5b6;--line:#496355;--coffee:#d7ec86;--gold:#d7ec86;--serif:'Space Grotesk','Segoe UI',sans-serif;--sans:'Space Grotesk','Segoe UI',sans-serif}
body{font-size:16px}h1,h2{font-weight:600;letter-spacing:-.055em}h2{font-size:clamp(36px,4vw,58px)}h3,.brand{font-family:var(--sans)}.brand img{filter:brightness(0) invert(1)}.brand-dot{color:#d7ec86}.announcement{background:#d7ec86;color:#172923}.announcement>span{border-color:#738247}header{height:82px}.button,.button.light{background:#d7ec86;border-color:#d7ec86;color:#172923;font-size:14px;font-weight:600}.button:hover,.button.light:hover{background:#ecf7c1;border-color:#ecf7c1;color:#172923}.underlink{color:inherit;border-color:currentColor;font-size:14px}.hero.wrap{width:100%;max-width:1600px;grid-template-columns:1.05fr 1fr;gap:0;padding:0;min-height:0;align-items:stretch}.hero-copy{padding:clamp(28px,4vw,62px) clamp(28px,5vw,80px)}.hero h1{font-size:clamp(45px,4.8vw,72px);line-height:1.02;text-transform:uppercase;margin-bottom:22px}.hero-copy .eyebrow{font-size:10px;margin-bottom:20px}.hero-intro{color:#b6c5b6;font-size:17px;line-height:1.7;margin-bottom:24px;max-width:470px}.hero-visual{height:100%;min-height:0;max-height:590px;display:flex;align-items:center;background:#203b31;overflow:hidden}.hero-photo{width:100%;height:100%;max-height:590px;object-fit:contain;object-position:center;border-radius:0;aspect-ratio:3/2}.hero-visual .photo-caption{background:#d7ec86;color:#172923;bottom:20px;left:20px;font-size:10px;padding:12px 16px}.little-dot{background:#172923}.cost-seal{display:none}.hero-small{font-size:12px}.hero-footnote{font-size:11px;padding-block:16px;color:var(--muted)}.benefit-strip{font-size:14px;padding-block:22px 28px}.benefit-strip div{font-size:13px}.collection-section{--cream:#eae8db;--cream-deep:#dddcca;--cream-mid:#eae8db;--teal:#172923;--teal-soft:#61753a;--muted:#617064;--line:#c7c9b9;background:#eae8db;color:#172923;padding:68px 0}.collection-section .section-heading h2{text-transform:uppercase}.product-body h3{font-family:var(--sans);font-weight:600;font-size:28px}.product-body .product-description{font-size:14px}.product-benefits{list-style:none;padding:0;margin:18px 0 24px;color:var(--muted);font-size:13px;line-height:1.65;min-height:82px}.product-benefits li{position:relative;padding-left:16px;margin-bottom:5px}.product-benefits li:before{content:'+';position:absolute;left:0;color:var(--teal-soft);font-weight:700}.product-kind,.product-number,.product-tag{color:#172923}.product-visual{border-radius:4px}.product-purchase{font-size:15px}.ritual-section{background:#203b31}.ritual-section .section-heading>p,.steps p,.finder-section .section-intro,.finder-result p,.kit-copy>p,.coffee-copy>p,.calculator-copy>p,.refill-copy>p,.faq-section>div>p{color:var(--muted)}.kit-photo,.coffee-visual img,.refill-art,.product-detail-image{border-radius:4px}.coffee-copy{background:#203b31}.coffee-copy em{color:#d7ec86}.coffee-note,.protein-info p,.cost-caption,.calc-disclaimer,.measurement-note,.recipe-card p,.faq-list p{color:var(--muted)}.recipe-card{background:#203b31;border-radius:4px}.calculator-card{background:#203b31;border-radius:4px;color:#f5f1e5;border:1px solid var(--line)}.cost-total{color:#d7ec86}.cost-total>strong{font-size:clamp(60px,7vw,106px)}.calc-mode button,.protein-tabs button,.bundle-tabs button{color:var(--muted)}.calc-mode button.active,.protein-tabs button.active,.bundle-tabs button.active{color:#d7ec86;border-color:#d7ec86}.ritual-option.active{background:#203b31}.ritual-option small{color:var(--muted)}input,select,.assumptions input,.assumptions select,.product-page select,.product-page input{background:#203b31;color:#f5f1e5;border-color:#496355;color-scheme:dark}#delivery-country{color:inherit}.product-facts,.guide-card{background:#203b31;color:#f5f1e5}.guide-card h3,.article-page h1,.article-page h2,.product-page h1{font-family:var(--sans);font-weight:600}.product-dialog,.kit-dialog{background:#172923;color:#f5f1e5;border-color:#496355}.pack-options button{background:#203b31;color:#f5f1e5}.pack-options button.active{background:#d7ec86;color:#172923}.product-detail-copy p,.detail-role p{color:var(--muted)}.kit-count{background:#d7ec86;color:#172923}.last-call{background:#203b31}.last-call h2{font-weight:600}.shop-error{color:#ffb5a0}footer{color:#b6c5b6}.footer-top .brand{color:#f5f1e5}
@media(min-width:801px) and (max-height:850px){.hero-copy{padding-block:28px}.hero h1{font-size:clamp(44px,4.5vw,64px)}.hero-visual,.hero-photo{max-height:calc(100svh - 180px)}.hero-intro{font-size:16px}.hero-copy .eyebrow{margin-bottom:15px}.hero-small{margin-top:16px}}
@media(max-width:1000px) and (min-width:801px){.hero-copy{padding-inline:30px}.hero-buttons{gap:16px}.hero h1{font-size:46px}.hero-intro{font-size:15px}}
@media(max-width:800px){.hero.wrap{grid-template-columns:1fr;display:grid;gap:0}.hero-copy{padding:38px 6%}.hero h1{font-size:clamp(40px,8vw,60px)}.hero-intro{font-size:16px;max-width:none}.hero-visual{height:auto;aspect-ratio:3/2;max-height:none;margin:0}.hero-photo{height:auto;aspect-ratio:3/2;max-height:none;border-radius:0;object-fit:contain}.hero-footnote{font-size:11px}.hero-visual .photo-caption{left:14px;bottom:14px;font-size:9px;padding:8px 12px}.collection-section{padding:48px 0}.product-benefits{min-height:0;font-size:14px}.benefit-strip div{font-size:11px}.cost-total>strong{font-size:70px}.product-body h3{font-size:28px}.ritual-section,.coffee-copy{color:#f5f1e5}.recipe-card p{font-size:15px}.product-kind{font-size:11px}.product-purchase a{font-size:14px}}
@media print{:root{--cream:#fff;--teal:#172923;--muted:#526053;--line:#ccc}.calculator-card{background:#fff;color:#172923}.cost-total{color:#172923}input,select,.assumptions input{background:#fff;color:#172923}.calculator-copy>p,.cost-caption,.calc-disclaimer,.measurement-note{color:#526053}}

.hero-price{display:inline-flex;gap:8px;align-items:baseline;color:#d7ec86;font-size:18px;line-height:1.2;margin-bottom:20px;letter-spacing:-.02em}.hero-price strong{font-size:44px;font-weight:600;letter-spacing:-.06em}.hero-price>span{font-size:15px}.premium-benefits{grid-template-columns:repeat(5,1fr);padding-block:34px 40px;gap:20px}.premium-benefits div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;padding-left:0}.premium-benefits div+div{border:0}.premium-benefits svg{width:43px;height:43px;stroke:#d7ec86;stroke-width:1.65}.premium-benefits span{display:grid;gap:7px}.premium-benefits strong{font-size:13px;font-weight:500;line-height:1.4}.premium-benefits small{font-size:11px;line-height:1.5;color:#b6c5b6}.hero-copy .eyebrow{margin-bottom:12px}.hero h1{font-size:clamp(42px,4.35vw,64px)}@media(min-width:801px) and (max-height:850px){.hero-copy{padding-block:23px}.hero h1{font-size:clamp(42px,4.1vw,59px)}.hero-price{margin-bottom:16px;font-size:16px}.hero-price strong{font-size:38px}.hero-intro{margin-bottom:20px}}@media(max-width:1000px){.premium-benefits{grid-template-columns:repeat(3,1fr);gap:27px}}@media(max-width:600px){.premium-benefits{grid-template-columns:repeat(2,1fr);gap:25px}.premium-benefits div{flex-direction:row;align-items:flex-start;gap:13px}.premium-benefits svg{width:32px;height:32px;flex:0 0 32px}.premium-benefits strong{font-size:12px}.premium-benefits small{font-size:10px}.hero-price{font-size:16px}.hero-price strong{font-size:38px}.hero h1{font-size:clamp(40px,8.2vw,53px)}}

/* Laptop opening: header + hero + cost note + all six benefits share one viewport. */
.brand img.selected-logo{width:180px;height:46px;filter:none}.premium-benefits{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.premium-benefits strong{font-size:13px}.premium-benefits svg{width:40px;height:40px}.premium-benefits small{font-size:10px}
@media(min-width:1001px) and (min-height:650px){.announcement{height:30px}header{height:72px}.opening-panel{height:calc(100svh - 102px);display:grid;grid-template-rows:minmax(0,1fr) auto auto}.opening-panel .hero{height:100%;min-height:0}.opening-panel .hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:16px clamp(30px,4.5vw,72px)}.opening-panel .hero-copy .eyebrow{margin-bottom:8px;font-size:9px}.opening-panel .hero-price{margin-bottom:8px;font-size:16px;flex-shrink:0}.opening-panel .hero-price strong{font-size:36px}.opening-panel .hero h1{font-size:clamp(42px,3.8vw,59px);margin-bottom:14px}.opening-panel .hero-intro{font-size:15px;line-height:1.6;margin-bottom:14px;max-width:490px}.opening-panel .hero-buttons{gap:18px}.opening-panel .hero-buttons .button{padding:11px 16px;font-size:12px}.opening-panel .hero-buttons .underlink{font-size:12px}.opening-panel .hero-small{display:none}.opening-panel .hero-visual,.opening-panel .hero-photo{height:100%;max-height:none;min-height:0;aspect-ratio:auto}.opening-panel .hero-photo{object-fit:contain}.opening-panel .hero-footnote{font-size:10px;line-height:1.45;padding-block:10px}.opening-panel .premium-benefits{padding-block:16px 22px;gap:20px}.opening-panel .premium-benefits div{gap:10px}.opening-panel .premium-benefits span{gap:4px}.opening-panel .premium-benefits strong{font-size:12px}.opening-panel .premium-benefits small{font-size:10px}.opening-panel .premium-benefits svg{width:36px;height:36px}}
@media(min-width:1001px) and (min-height:650px) and (max-height:740px){.opening-panel .hero h1{font-size:clamp(40px,3.35vw,51px)}.opening-panel .hero-copy{padding-block:12px}.opening-panel .hero-price strong{font-size:31px}.opening-panel .hero-intro{font-size:14px}.opening-panel .hero-visual .photo-caption{font-size:9px;padding:8px 12px}}
@media(max-width:1000px){.premium-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.brand img.selected-logo{width:155px;height:40px}}
@media(max-width:600px){.premium-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.premium-benefits svg{width:32px;height:32px}.brand img.selected-logo{width:145px;height:37px}}
@media print{.opening-panel{display:none!important}}

/* Warm pantry cards: one bottle, three benefits, then the chemistry. */
.collection-section{background:#f1eadf;--cream:#f1eadf;--cream-deep:#e9dfd0;--muted:#667361;--line:#dfd6c7;padding-block:64px}.collection-section .section-heading{align-items:center}.collection-section .section-heading h2{font-size:clamp(34px,3.1vw,46px);text-transform:none;font-weight:500}.collection-section .section-heading>div+div{font-size:15px;line-height:1.7;max-width:420px}.collection-section .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}.collection-section .product-card{display:flex;flex-direction:column;background:#faf6ee;border:1px solid #e3d9ca;border-radius:18px;overflow:hidden;box-shadow:0 5px 20px #422b2105}.collection-section .product-visual{display:block;aspect-ratio:3/2;height:auto;background:#f4ecdf;border-radius:0;overflow:hidden}.collection-section .product-visual .real-product-photo{width:100%;height:100%;object-fit:contain}.collection-section .product-body{padding:25px;display:flex;flex:1;flex-direction:column}.collection-section .product-body h3{font-size:29px;letter-spacing:-.04em;font-weight:500;margin:0 0 10px}.collection-section .product-description{min-height:46px;font-size:14px;line-height:1.65;margin:0 0 23px;color:#65705f}.product-benefit-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:23px}.product-benefit-icons>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.product-benefit-icons svg{width:29px;height:29px;fill:none;stroke:#54724e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.product-benefit-icons span{font-size:11px;line-height:1.45;color:#50604c;max-width:100px}.product-chemistry{padding-top:19px;border-top:1px solid #e3d9ca;margin-bottom:22px}.chemistry-label{display:block;font-size:9px;letter-spacing:.06em;line-height:1.5;color:#788071;margin-bottom:11px}.reaction-scheme{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.45;color:#294636}.reaction-scheme>span{flex:1;min-width:0}.reaction-scheme svg{flex:0 0 27px;width:27px;height:12px;fill:none;stroke:#61753a;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.product-chemistry>p{font-size:11px;line-height:1.6;color:#788071;margin:10px 0 0}.collection-section .product-purchase{border-top:1px solid #e3d9ca;padding-top:17px;margin-top:auto;gap:15px}.collection-section .product-purchase strong{font-size:18px}.collection-section .product-purchase strong>span{font-size:11px}.collection-section .product-purchase a{font-size:13px;min-height:38px;display:flex;align-items:center;border:1px solid #d2ddbd;border-radius:5px;padding:8px 13px;background:#e7ecd8;color:#294636}.collection-section .product-purchase a:hover{background:#d7e5bb}.collection-section .quiet-note{margin-top:25px;color:#788071}
@media(max-width:1050px){.collection-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.collection-section .product-body{padding:22px}}
@media(max-width:650px){.collection-section .product-grid{grid-template-columns:minmax(0,1fr);gap:25px}.collection-section{padding-block:43px}.collection-section .product-body{padding:24px}.collection-section .product-description{min-height:0}.product-benefit-icons span{font-size:12px}.product-benefit-icons svg{width:31px;height:31px}.reaction-scheme{font-size:13px}}

.product-page .product-science-panel,.product-dialog .product-science-panel{background:#faf6ee;color:#172923;border-radius:12px;padding:24px;margin:24px 0}.product-science-panel:empty{display:none}.product-science-panel .product-benefit-icons{margin-bottom:20px}.product-science-panel .product-chemistry{margin-bottom:0}.product-dialog .product-science-panel p{color:#788071}.product-page>img{border-radius:16px}.product-page .product-facts{background:#203b31}

/* Keep the longer café headline compact on short laptop viewports. */
@media(min-width:1001px) and (min-height:650px) and (max-height:850px){.opening-panel .hero h1{font-size:clamp(32px,3vw,44px);line-height:1.02;margin-bottom:10px}.opening-panel .hero-intro{font-size:13px;line-height:1.45;max-width:510px;margin-bottom:12px}.opening-panel .hero-price{margin-bottom:6px}.opening-panel .hero-visual .photo-caption{font-size:8px;padding:8px 10px}}