/* Ecosh 2025 brandbook. Editorial font awaits supplied licensed web files. */
:root{--forest:#2b3e38;--ink:#2b3e38;--brand-sans:Helvetica,Arial,sans-serif;--brand-editorial:Georgia,"Times New Roman",serif;--lime:#e3ebdf}
body,input,textarea,select,button{font-family:var(--brand-sans)}
body{color:var(--forest)}
h1,h2,.hero h1,.experience h2,.modular-section .measure-copy h2,.cold-copy h2,.ritual-products>h2,.blog-preview h2,.journal h1,.journal h2,.article-heading h1,.article-body h2,.journal-masthead h1,.journal-spotlight h2,.stories-heading h2,.related-stories>h2{font-family:var(--brand-editorial);font-weight:400;letter-spacing:0;line-height:1.08}
h3,.ritual-product-copy h3,.cold-copy h3{font-family:var(--brand-sans);font-weight:400;letter-spacing:-.03em;line-height:1.18}
.story-card h3,.blog-links h3{font-family:var(--brand-editorial);letter-spacing:0;line-height:1.15}
p{line-height:1.65}
.experience,.collection-stage,footer,.product-details>summary,.sauna-journal .site-header,.blog-page .site-header{background:var(--forest);color:#fff}
.modular-section .made-to-measure,.cold-module,.ritual-product-copy,.sauna-journal{color:var(--forest)}
.site-header{height:112px;padding-inline:4.5vw;gap:28px}
.site-header .official-brand{flex-shrink:0;padding:10px 0}
.site-header .official-brand img{width:112px;filter:brightness(0) invert(1)}
.site-header nav{gap:clamp(14px,1.65vw,28px);font-family:var(--brand-sans);font-size:14px;letter-spacing:0}
.site-header nav a{opacity:1}
.pill,.journal-button,.site-header .header-cta,.sauna-journal .journal-contact{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 23px;border-radius:999px;font:400 15px/1.3 var(--brand-sans);letter-spacing:0;transition:background-color .2s,color .2s}
.site-header .header-cta,.sauna-journal .journal-contact{border:1px solid #ffffff90;color:#fff;white-space:nowrap}
.site-header .header-cta span{background:transparent;color:inherit;width:auto;height:auto}
.pill:hover,.journal-button:hover{background:var(--forest);color:#fff}
.experience .pill:hover,.site-header .header-cta:hover,.sauna-journal .journal-contact:hover{background:#e3ebdf;color:var(--forest)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ritual-products,.blog-preview{padding-block:clamp(48px,6vw,96px)}
.ritual-product-grid{gap:32px}.ritual-product-copy{padding:36px}
.ritual-product-copy p{max-width:52ch}.cold-copy p,.measure-copy p{max-width:56ch}
.ritual-ribbon{padding-block:32px 40px;gap:22px}
.ritual-ribbon img,.ritual-product-grid article{border-radius:8px}
.sauna-values li{border-color:#2b3e3833}
@media(max-width:1100px){.site-header{gap:18px}.site-header nav{gap:13px}.site-header .header-cta,.sauna-journal .journal-contact{padding:12px 16px;font-size:14px}}
@media(max-width:1000px){.site-header,.sauna-journal .site-header,.blog-page .site-header{height:150px;align-items:flex-start;padding-top:10px}.site-header .official-brand img{width:92px}.site-header .official-brand{padding:0}.site-header nav{position:absolute;bottom:12px;left:22px;right:22px;display:flex;justify-content:flex-start;gap:24px;overflow-x:auto;white-space:nowrap;padding-bottom:8px}.site-header nav a{flex-shrink:0}.site-header .header-cta,.sauna-journal .journal-contact{display:inline-flex;margin-top:10px}.hero-copy{padding-top:175px}}
@media(max-width:600px){.site-header{padding-inline:22px}.ritual-product-copy{padding:26px}.ritual-product-grid{gap:24px}.ritual-ribbon{gap:24px 14px}.hero h1{font-size:clamp(2.5rem,10vw,3.5rem)}.hero-copy{padding-bottom:110px}.cold-copy h2,.ritual-products>h2,.experience h2{font-size:2.7rem}.site-header .header-cta,.sauna-journal .journal-contact{font-size:13px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.pill,.journal-button,.site-header .header-cta,.sauna-journal .journal-contact{transition:none}}
/* Keep the journal close to the preceding drinks and supplements cards. */
.ritual-products{padding-bottom:clamp(24px,2.5vw,40px)}
.ritual-products + .blog-preview{padding-top:clamp(24px,2.5vw,40px)}
.ritual-products + .blog-preview>h2{margin-top:0}