/* Readable copy and consistent section composition beneath the approved opening. */
.ritual-section,.finder-section,.kit-section,.coffee-section,.recipe-section,.calculator-section,.refill-section,.faq-section,.guide-section,.last-call{--muted:#d8dfd2;color:#f5f1e5}
.ritual-section h2,.finder-section h2,.kit-section h2,.recipe-section h2,.calculator-section h2,.refill-section h2,.faq-section h2,.guide-section h2{color:#f5f1e5}
.recipe-section .section-heading>p,.calculator-copy>p{color:#e1e6dc;font-size:17px;line-height:1.6}
.recipe-section .section-heading{align-items:center;gap:40px}
.recipe-grid{align-items:stretch;gap:24px}
.recipe-card{padding:26px;border:1px solid #4b6555;border-radius:12px;background:#203b31;display:flex;flex-direction:column;min-width:0}
.recipe-card .eyebrow{font-size:12px;letter-spacing:.1em;margin-bottom:12px;color:#d7ec86}
.recipe-card h3{font-family:var(--sans);font-size:26px;line-height:1.25;letter-spacing:-.025em;margin-bottom:16px;color:#f5f1e5}
.recipe-card p{font-size:16px;line-height:1.6;color:#e1e6dc;margin-bottom:20px;overflow-wrap:break-word}
.recipe-card .underlink{align-self:flex-start;margin-top:auto;color:#f5f1e5;font-size:15px}
.recipe-section .quiet-note{color:#d8dfd2;font-size:13px;line-height:1.5}
.calculator-section{gap:40px}
.calculator-copy h2{font-size:44px;line-height:1.08;margin-bottom:16px}
.calculator-copy .calc-mode{margin-top:18px;margin-bottom:16px}
.calculator-copy .calc-mode button,.calculator-copy label,.calculator-copy .range-label,.calculator-copy .range-label output,.calculator-copy .range-ends,.calculator-copy .assumptions summary{font-size:16px}
.calculator-copy .cup-select{margin-top:14px;gap:16px}
.calculator-copy .cup-select select,.calculator-copy #calc-pack,.calculator-copy .assumptions input{font-size:16px;min-height:44px;padding:9px 12px;border:1px solid #718878;background:#203b31;color:#f5f1e5;max-width:100%;border-radius:5px}
.calculator-copy>label[for=calc-pack]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
.calculator-copy #calc-pack{width:auto}
.calculator-copy .range-label{margin-top:16px;margin-bottom:10px}
.calculator-copy .assumptions{margin-top:16px}
.calculator-copy .assumption-body>p{font-size:14px;color:#e1e6dc}
.calculator-copy .assumption-row{font-size:15px}
.calculator-card{margin-top:0;padding:26px;color:#f5f1e5}
.calculator-card .calculator-card-top{margin-bottom:12px}
.calculator-card .calculator-card-top .eyebrow{font-size:12px}
.calculator-card .cost-total>strong{font-size:80px}
.calculator-card .cost-total>span{font-size:30px}
.calculator-card .cost-caption,.calculator-card .measurement-note,.calculator-card .calc-disclaimer,.calculator-card .batch-doses p{color:#e1e6dc;font-size:14px;line-height:1.5}
.calculator-card .cost-breakdown>div{font-size:16px;padding-block:8px}
.calculator-card .batch-doses{margin-top:16px;padding-top:12px;border-color:#718878}
.calculator-card .batch-doses summary{font-size:16px;font-weight:500;cursor:pointer;padding:8px 0}
.calculator-card .batch-doses[open] summary{margin-bottom:12px}
.calculator-card #print-recipe{margin-top:12px;font-size:15px}
.calculator-card .calc-disclaimer{margin-top:14px;margin-bottom:0}
.st-attribution{font-size:14px;line-height:1.6;color:#e1e6dc}
@media(min-width:1051px) and (min-height:650px){
main>.collection-section,main>.ritual-section,main>.finder-section,main>.kit-section,main>.coffee-section,main>.recipe-section,main>.calculator-section,main>.refill-section,main>.faq-section,main>.guide-section,main>.last-call{min-height:0;padding-block:40px;align-content:start;scroll-margin-top:0}
main>.collection-section,main>.ritual-section,main>.recipe-section,main>.refill-section,main>.last-call{display:flex;align-items:center}
main>.collection-section>.wrap,main>.ritual-section>.wrap,main>.recipe-section>.wrap,main>.last-call>.wrap{width:min(1280px,calc(100% - 112px))}
main>.coffee-section{padding-block:0;align-items:stretch}
main>.coffee-section .coffee-copy{display:flex;flex-direction:column;justify-content:center;padding:32px 8%}
.coffee-copy h2{font-size:42px;margin-bottom:18px}
.coffee-copy>p,.coffee-copy .protein-info p{font-size:16px;line-height:1.55}
.coffee-copy .protein-info h3{font-size:22px}
.coffee-visual{height:560px;min-height:0}
.coffee-visual img{height:100%;object-fit:cover}
main>.finder-section,main>.kit-section,main>.calculator-section,main>.faq-section{align-items:center;gap:40px}
.ritual-section h2,.finder-section h2,.kit-section h2,.recipe-section h2,.refill-section h2,.faq-section h2,.guide-section h2{font-size:42px;line-height:1.08;margin-bottom:18px}
.ritual-section .section-heading,.recipe-section .section-heading{margin-bottom:28px}
.ritual-section .steps p,.finder-section .section-intro,.finder-result p,.kit-copy>p,.refill-copy>p,.faq-section>div>p{font-size:16px;line-height:1.6}
.kit-photo{height:clamp(300px,52svh,420px)}
.kit-photo img{height:100%;object-fit:cover}
.refill-art{height:clamp(300px,52svh,420px)}
.refill-planner label,.refill-planner p,.refill-options{font-size:15px}
.faq-list summary{font-size:16px;padding-block:16px}
.faq-list p{font-size:15px;color:#d8dfd2}
.guide-grid{gap:18px}
.guide-card{padding:20px}
.guide-card h3{font-size:22px;margin-bottom:10px}
.guide-card p,.guide-card span{font-size:15px;line-height:1.5;color:#e1e6dc}
.collection-section .section-heading{margin-bottom:18px}
.collection-section .product-visual{height:clamp(140px,23svh,200px);aspect-ratio:auto}
.collection-section .product-body{padding:16px}
.collection-section .product-description{margin-bottom:12px}
.collection-section .product-benefit-icons{margin-bottom:12px}
.collection-section .section-heading h2{font-size:34px}
.recipe-card h3{font-size:25px}
}
@media(max-width:800px){.recipe-card{padding:24px}.calculator-copy h2{font-size:38px}.calculator-copy .cup-select,.calculator-copy>label[for=calc-pack]{flex-direction:column;align-items:stretch}.calculator-copy #calc-pack{width:100%}.calculator-card .cost-total>strong{font-size:70px}.footer-bottom>div{flex-wrap:wrap}.st-attribution{font-size:13px}}
@media print{.calculator-section .assumptions,.calculator-card .batch-doses{display:block}.calculator-card .batch-doses>*{display:block}.calculator-copy .assumption-body{display:block}}

/* Four complete cards, with no horizontal browsing on laptops. */
@media(min-width:1051px){
.collection-section{padding-block:28px}
.collection-section .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:16px;overflow:visible;padding-bottom:0}
.collection-section .product-visual{height:clamp(125px,21svh,170px);aspect-ratio:auto}
.collection-section .product-body{padding:14px}
.collection-section .product-body h3{font-size:26px;margin-bottom:7px}
.collection-section .product-description{font-size:14px;line-height:1.45;min-height:61px;margin-bottom:10px}
.collection-section .product-benefit-icons{gap:7px;margin-bottom:10px}
.collection-section .product-benefit-icons>div{gap:6px}
.collection-section .product-benefit-icons svg{width:42px;height:42px}
.collection-section .product-benefit-icons span{font-size:12px;line-height:1.35}
.collection-section .product-chemistry{padding-top:10px;margin-bottom:10px}
.collection-section .chemistry-label{font-size:10px;margin-bottom:8px;min-height:31px}
.collection-section .reaction-scheme{font-size:12px;gap:5px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);min-height:54px}
.collection-section .reaction-scheme svg{width:24px}
.collection-section .product-purchase{padding-top:10px;gap:8px}
.collection-section .product-purchase a{padding:7px 9px}
}

.kit-bottle-gallery{height:100%;display:flex;align-items:center;justify-content:center;background:#f4ecdf;overflow:hidden}.kit-bottle-gallery .real-product-photo{width:0;flex:1;min-width:0;height:100%;object-fit:cover;object-position:center}

/* Compact spacing and readable cream copy from the preparation section down. */
main>.ritual-section,main>.finder-section,main>.kit-section,main>.recipe-section,main>.calculator-section,main>.refill-section,main>.faq-section,main>.guide-section,main>.last-call{min-height:0;padding-block:40px}
.ritual-section .section-heading>p,.ritual-section .section-heading>div+div,.ritual-section .steps p{color:#e1e6dc;font-size:16px;line-height:1.6}
.ritual-section .quiet-note{color:#d8dfd2;font-size:13px;line-height:1.6}
.refill-section .refill-copy>p:not(.eyebrow){color:#e1e6dc;font-size:18px;line-height:1.65}
.refill-section .refill-copy>.eyebrow{color:#f5f1e5;font-size:13px}
.refill-section .refill-options,.refill-section .refill-planner label{color:#f5f1e5;font-size:18px;line-height:1.5}
.refill-section .refill-planner>p:not(.quiet-note){color:#f5f1e5;font-size:16px;line-height:1.6}
.refill-section .refill-planner .underlink{color:#f5f1e5;font-size:16px}
.refill-section .refill-planner .quiet-note{color:#d8dfd2;font-size:14px;line-height:1.6}
.finder-section .section-intro,.finder-section .finder-result p,.kit-section .kit-copy>p:not(.eyebrow),.coffee-section .coffee-copy>p:not(.eyebrow),.coffee-section .protein-info p,.faq-section .faq-list p{color:#e1e6dc}
.finder-section .ritual-option small,.kit-section .quiet-note,.coffee-section .coffee-note{font-size:14px;line-height:1.6;color:#d8dfd2}
@media(max-width:800px){main>.ritual-section,main>.finder-section,main>.kit-section,main>.recipe-section,main>.calculator-section,main>.refill-section,main>.faq-section,main>.guide-section,main>.last-call{padding-block:30px}.refill-section .refill-copy>p:not(.eyebrow),.refill-section .refill-options,.refill-section .refill-planner label{font-size:17px}}

.article-page{color:#f5f1e5}.article-page .article-intro,.article-page p,.article-page li{color:#e1e6dc;font-size:17px;line-height:1.75}.article-page h1,.article-page h2{color:#f5f1e5}.article-page .article-byline{font-size:14px;color:#d8dfd2;margin-top:28px}.buyer-links{padding:24px;border:1px solid #718878;border-radius:12px;margin-block:28px;background:#203b31}.buyer-links h2{margin-top:0}.buyer-links a{color:#d7ec86;text-decoration:underline;text-underline-offset:4px}.buyer-product-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-block:20px}.product-search-intro{color:#e1e6dc;font-size:17px;line-height:1.65}.product-page .site-guide-nav a{color:#d7ec86;text-decoration:underline;text-underline-offset:4px}@media(max-width:650px){.buyer-product-links{grid-template-columns:1fr}.article-page p,.article-page li{font-size:16px}}

.pack-page-links{display:flex;gap:12px;flex-wrap:wrap;margin-block:12px}.pack-page-links a{font-size:14px;color:#d7ec86;text-decoration:underline;text-underline-offset:4px}

/* Preserve the full frosted-glass bottle and silver dropper cap. */
.collection-section .product-visual .real-product-photo{object-fit:contain;transform:scale(1.12);transform-origin:center}
.kit-bottle-gallery .real-product-photo{object-fit:contain}

.product-page>img{height:auto;align-self:start}