/* Editorial light/dark rhythm shared by the review site. Hero photography stays dark;
   explanatory and comparison sections use warm paper and muted rice-green tones. */
:root{--rhythm-paper:#eeeae1;--rhythm-sage:#dce3d8;--rhythm-ink:#19211b;--rhythm-copy:#4d554e;--rhythm-rule:#b7beb4;--rhythm-orange:#a95520}

/* Home: a visual pause after the opening and the brewing photograph. */
.soul{background:var(--rhythm-paper);color:var(--rhythm-ink);border-color:var(--rhythm-rule)}
.soul .section-top{color:#626a60;border-color:var(--rhythm-rule)}
.soul .giant{color:#d5d0c5}
.soul .giant span{color:#c4bdaf}
.soul-copy>p:not(.eyebrow){color:var(--rhythm-copy)}
.soul .eyebrow,.soul .down span{color:var(--rhythm-orange)}
.discovery{background:#17231d;border-color:#34433a}
.discovery .section-top{border-color:#546058}
.discovery-head>p:last-child,.field-notes p{color:#c3c9c1}
.discovery-head #discover-title{font-size:clamp(42px,4.3vw,72px);letter-spacing:-.055em;text-wrap:balance}
.partners{background:#f2f0e9}

/* Product selection: photographs on paper, comparison on sage, next step in green. */
.products-collection{background:#f2f0e9}
.products-compare{background:var(--rhythm-sage);color:var(--rhythm-ink)}
.products-compare .section-top{color:#59645a;border-color:var(--rhythm-rule)}
.products-compare .eyebrow,.products-compare .compare-header>span{color:var(--rhythm-orange)!important}
.products-compare .compare-heading h2 em{color:var(--rhythm-orange)}
.products-compare .compare-heading>p:last-child,.products-compare .compare-note{color:var(--rhythm-copy)}
.products-compare .compare-table{border-color:#909c91}
.products-compare .compare-row{border-color:#a9b4a9}
.products-business{background:#183027;color:#f2f0e9}
.products-business .section-top{border-color:#5e7668;color:#c2cbbf}
.products-business .business-grid p:not(.eyebrow){color:#d5ddd4}
.products-business .business-grid small{color:#afc0b1}
.products-business .business-link{border-color:#829486}

/* Information families: dark opening, readable explanation, soft data area, dark exit. */
:is(.biz-hero,.how-hero,.tech-hero,.quality-hero,.about-hero)+:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section),
.range-hero+.range-section,.original-inside{
  background:var(--rhythm-paper);color:var(--rhythm-ink);border-color:var(--rhythm-rule)
}
:is(.biz-hero,.how-hero,.tech-hero,.quality-hero,.about-hero)+:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section) .section-top,
.range-hero+.range-section .section-top,.original-inside .section-top{color:#626a60;border-color:var(--rhythm-rule)}
:is(.biz-hero,.how-hero,.tech-hero,.quality-hero,.about-hero)+:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section) .eyebrow,
.range-hero+.range-section .eyebrow,.original-inside .eyebrow{color:var(--rhythm-orange)}
:is(.biz-hero,.how-hero,.tech-hero,.quality-hero,.about-hero)+:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section) h2 em,
:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section).paper h2 em,
.range-hero+.range-section h2 em{color:var(--rhythm-orange)}
:is(.biz-hero,.how-hero,.tech-hero,.quality-hero,.about-hero)+:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section) :is(.biz-grid,.how-grid,.tech-grid,.quality-grid,.about-grid)>div:last-child p,
.range-hero+.range-section .range-grid p:not(.eyebrow),.original-inside .inside-copy>p{color:var(--rhythm-copy)}
:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section).paper{background:var(--rhythm-sage);color:var(--rhythm-ink);border-color:var(--rhythm-rule)}
:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section).paper .section-top{color:#59645a;border-color:var(--rhythm-rule)}
:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section).paper .eyebrow{color:var(--rhythm-orange)}
:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section).paper :is(.biz-list,.tech-list,.quality-list,.about-list,.range-facts){border-color:#a9b4a9}
:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section).paper :is(.biz-list,.tech-list,.quality-list,.about-list) div{border-color:#a9b4a9}
:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section).paper :is(.biz-note,.tech-note,.quality-note,.about-note,.range-small){color:#536158!important}
:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section).paper+:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section){background:#183027;color:#f2f0e9;border-color:#506558}
:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section).paper+:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section) .section-top{color:#bfcabf;border-color:#688070}
:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section).paper+:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section) :is(.biz-grid,.how-grid,.tech-grid,.quality-grid,.about-grid,.range-grid)>div:last-child p{color:#cbd7ca}
:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section).paper+:is(.biz-section,.how-section,.tech-section,.quality-section,.about-section,.range-section) .action{border-color:#718879}
.how-hero+.how-section .how-steps article,.how-hero+.how-section .how-steps article+article{border-color:var(--rhythm-rule)}
.how-hero+.how-section .how-steps p{color:var(--rhythm-copy)}
.original-inside .ingredient-lines>div{border-color:var(--rhythm-rule)}
.original-inside .ingredient-lines small{color:#626b62}

/* Process photographs belong in recipe development, apart from the product catalogue. */
.tech-test-brews{padding:54px 6% 105px;background:var(--rhythm-paper);color:var(--rhythm-ink);border-top:1px solid var(--rhythm-rule)}
.tech-test-brews .section-top{color:#626a60;border-color:var(--rhythm-rule)}
.tech-test-intro{display:grid;grid-template-columns:53% 1fr;gap:8%;align-items:end;padding:88px 0 60px}
.tech-test-intro .eyebrow{color:var(--rhythm-orange)}
.tech-test-intro h2{font:500 clamp(46px,5.3vw,86px)/1.02 Bahnschrift,Arial,sans-serif;letter-spacing:-.06em;margin:20px 0 0}
.tech-test-intro h2 em{font-style:normal;color:var(--rhythm-orange)}
.tech-test-intro>p{max-width:480px;font-size:15px;line-height:1.85;color:var(--rhythm-copy)}
.tech-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,6vw,100px);max-width:1010px;margin:0 auto}
.tech-test-grid figure{margin:0;min-width:0}
.tech-test-grid figure:nth-child(2){margin-top:50px}
.tech-test-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;-webkit-mask-image:radial-gradient(circle closest-side at center,#000 76%,rgba(0,0,0,.94) 82%,rgba(0,0,0,.45) 93%,transparent 100%);mask-image:radial-gradient(circle closest-side at center,#000 76%,rgba(0,0,0,.94) 82%,rgba(0,0,0,.45) 93%,transparent 100%)}
.tech-test-grid figcaption{display:flex;justify-content:space-between;gap:15px;padding:4px 9% 0;color:#5c675d;font:11px/1.5 Bahnschrift,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.tech-test-grid figcaption strong{color:var(--rhythm-ink)}
.tech-test-grid figcaption span{text-align:right;letter-spacing:.02em;text-transform:none}
@media(max-width:900px){.tech-test-intro{grid-template-columns:1fr;gap:20px;padding:60px 0 40px}}
@media(max-width:700px){.tech-test-brews{padding:36px 7% 70px}.tech-test-intro{padding:47px 0 28px}.tech-test-intro h2{font-size:clamp(44px,10vw,64px)}.tech-test-intro>p{font-size:13px}.tech-test-grid{grid-template-columns:1fr;gap:24px;max-width:420px}.tech-test-grid figure:nth-child(2){margin-top:0}.tech-test-grid figcaption{font-size:10px}}

/* Brand stories: keep the identity mark in its dark gallery, brighten the explanation. */
.intro-steps{background:var(--rhythm-sage);color:var(--rhythm-ink);border-color:var(--rhythm-rule)}
.intro-steps .section-top{color:#59645a;border-color:var(--rhythm-rule)}
.intro-steps .intro-step-grid,.intro-steps .intro-step-grid>div,.intro-steps .intro-link{border-color:#a7b3a7}
.intro-steps .intro-step-grid p{color:var(--rhythm-copy)}
.intro-steps .intro-step-grid span,.intro-steps h2 em,.intro-steps .intro-link span{color:var(--rhythm-orange)}
.intro-next{background:#183027}

/* Shared accents on pale surfaces need more depth than the hero orange. */
:is(.soul,.products-compare,.original-inside,.intro-steps) .eyebrow{color:var(--rhythm-orange)}
:is(.soul,.products-compare,.original-inside,.intro-steps) h2 em{color:var(--rhythm-orange)}
@media(max-width:700px){.soul .giant{color:#d5d0c5}.products-compare .compare-row>span:nth-child(3):before,.products-compare .compare-row>span:nth-child(4):before{color:#657267}.products-compare .compare-row>span:nth-child(4){color:#3d4b40}}