/* The five English pages extend the established ivory, green and botanical design. */
.inner-page{padding-top:76px}.subpage-header{height:76px!important}.header-cart{margin-left:0}.header .desktop-nav{margin-left:auto}.header .desktop-nav a[aria-current=page]{border-bottom-color:currentColor}.page-contained{padding:45px var(--gutter) 100px}.page-section{padding:90px var(--gutter)}.page-section h1{font-size:clamp(44px,5.8vw,86px);line-height:1.04;letter-spacing:-.045em;margin:0 0 30px}.page-section h1 em{color:#777d55;font-weight:400}.page-lead{font-size:18px;max-width:480px;color:var(--muted)}.page-end{text-align:center;padding:90px var(--gutter);background:var(--paper)}.page-end .button{margin:12px auto 0}.page-end h2{font-size:clamp(39px,4.8vw,68px)}.shop-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%;background:var(--cream)}.shop-intro-copy{max-width:490px}.shop-intro-copy p{font-size:17px;margin:0 0 22px}.shop-intro-copy p:last-child{color:var(--muted);font-size:15px}.shop-intro h1{font-size:clamp(43px,5.4vw,76px)}.shop-intro .eyebrow{margin-bottom:24px}
.ingredient-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:center;padding-top:50px;padding-bottom:50px}.ingredient-intro>img{width:100%;max-height:530px;object-fit:contain;mix-blend-mode:multiply}.ingredient-context{background:#eaf0e3;display:grid;grid-template-columns:1fr 1fr;gap:0 9%}.ingredient-context>.eyebrow{grid-column:1/-1}.reading-copy{font-size:16px;max-width:680px}.reading-copy p{margin:0 0 24px}.botanical-library{padding-top:55px}.botanical-index{display:flex;flex-wrap:wrap;gap:12px 26px;padding-bottom:42px;margin-bottom:55px;border-bottom:1px solid var(--line);font-size:13px}.botanical-index a{border-bottom:1px solid #b9c4ac;padding-bottom:4px}.botanical-index a:hover{color:#737d52}.botanical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:75px 38px;align-items:start}.botanical-card{scroll-margin-top:105px}.botanical-art{position:relative;aspect-ratio:1;background:var(--cream);overflow:hidden;margin-bottom:28px}.botanical-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.botanical-art>span{position:absolute;left:15px;top:15px;font-size:10px;letter-spacing:.12em;color:var(--muted)}.botanical-copy h2{font-size:34px;letter-spacing:-.025em;line-height:1.1;margin-bottom:22px}.botanical-copy p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:18px}
.story-hero{position:relative;height:clamp(470px,70vh,780px);isolation:isolate;display:flex;align-items:flex-end;padding:75px var(--gutter);color:var(--cream);background:var(--deep)}.story-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.story-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b281dcc,transparent),linear-gradient(0deg,#0b281d66,transparent);z-index:-1}.story-hero h1{font-size:clamp(65px,8vw,115px);line-height:.98;letter-spacing:-.045em;margin:0 0 36px}.story-hero h1 em{color:var(--gold)}.story-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.story-sticky{position:sticky;top:120px}.story-sticky h2{font-size:clamp(37px,4.5vw,64px)}.story-sticky .brand-symbol{margin:35px 0}.story-sticky .text-link{font-size:13px}.sustainability-section{background:var(--deep);color:var(--cream);position:relative;overflow:hidden}.sustainability-section:before{content:'';position:absolute;inset:0;background:linear-gradient(#102d23df,#102d23f7),url('/assets/forest.jpg') center/cover;pointer-events:none}.sustainability-section>*{position:relative}.sustainability-section h2{font-size:clamp(48px,6vw,83px)}.sustainability-section h2 em{color:var(--gold)}.sustainability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7%;margin-top:70px}.sustainability-grid article{border-top:1px solid #d5dcc344;padding-top:24px}.sustainability-number{font-size:11px;letter-spacing:.17em;color:var(--gold);margin-bottom:38px}.sustainability-grid h3{font-size:29px;line-height:1.15;min-height:100px}.sustainability-grid article>p:not(.sustainability-number){font-size:15px;color:#d2d9ca}
.faq-page{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;padding-top:110px;padding-bottom:110px}.faq-page>div:first-child{position:sticky;top:130px;align-self:start}.faq-page h1{font-size:clamp(45px,5.3vw,74px)}.faq-page-list details{border-bottom:1px solid var(--line)}.faq-page-list details:first-child{border-top:1px solid var(--line)}.faq-page-list summary{list-style:none;display:flex;align-items:start;gap:18px;padding:28px 0;cursor:pointer;font-family:var(--serif);font-size:24px;line-height:1.3}.faq-page-list summary::-webkit-details-marker{display:none}.faq-number{font:11px var(--sans);color:var(--muted);padding-top:7px}.faq-symbol{font:23px var(--sans);margin-left:auto}.faq-page-list details[open] .faq-symbol{transform:rotate(45deg)}.faq-page-list details>div{padding:0 30px 16px}.faq-page-list details p{font-size:15px;color:var(--muted);margin-bottom:20px}
.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:90px}.contact-caption{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:38px 0 8px}.contact-email{font-size:16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.contact-botanical{width:80%;max-width:360px;margin-top:32px}.contact-botanical img{mix-blend-mode:multiply;width:100%;height:auto}.contact-form-panel{align-self:start;padding:40px;background:#eaece1}.contact-form-panel h2{font-size:38px;margin-bottom:35px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}.contact-field-wide,.contact-field:has(input[type=email]){grid-column:1/-1}.contact-field label{display:block;font-size:12px;margin:0 0 10px;color:var(--ink)}.contact-field input:not([type=checkbox]),.contact-field textarea,.contact-field select{width:100%;min-width:0;border:0;border-bottom:1px solid #8e9c83;border-radius:0;background:#f6f2e966;color:var(--ink);padding:12px 10px;font-size:16px;outline-offset:4px}.contact-field textarea{resize:vertical;min-height:145px}.contact-field input:focus,.contact-field textarea:focus{outline:2px solid #77805c}.contact-field [aria-invalid=true]{border-color:var(--color-destructive)}.contact-error{font-size:12px;color:var(--color-destructive);margin:7px 0 5px;line-height:1.5;min-height:0}.contact-error:empty{display:none}.contact-help{font-size:12px;color:var(--muted)}.contact-form-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.contact-form-actions .button{width:100%;font-size:13px}.contact-form-actions button:disabled{opacity:.6;cursor:wait}.contact-success h3{font-size:32px}.contact-success p{white-space:pre-line}.contact-success .text-link{margin-top:20px;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 0}.contact-form:focus-within{scroll-margin-top:100px}
.footer a{overflow-wrap:anywhere}.inner-page .footer-top{grid-template-columns:1.3fr 1fr 1fr 1.3fr}.inner-page .footer-top .wordmark{font-size:25px}.inner-page #main{min-height:50vh}.inner-page .mobile-nav{padding-top:105px}.inner-page .mobile-nav>a{font-size:clamp(26px,5vh,45px)}
@media(min-width:961px){.header .desktop-nav{gap:23px}.header .header-cart{margin-left:10px}}
@media(max-width:1000px){.botanical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 32px}.sustainability-grid{gap:5%}.sustainability-grid h3{font-size:25px}.contact-form-panel{padding:30px}.inner-page .footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.page-section{padding:65px var(--gutter)}.page-section h1{font-size:46px}.page-lead{font-size:16px}.shop-intro,.ingredient-intro,.ingredient-context,.story-section,.faq-page,.contact-page{grid-template-columns:1fr;gap:30px}.shop-intro h1{font-size:44px}.shop-intro-copy p{font-size:16px}.shop-intro-copy p:last-child{font-size:14px}.ingredient-intro{padding-bottom:30px}.ingredient-intro>img{max-height:330px}.ingredient-context h2{font-size:43px}.reading-copy{font-size:15px}.botanical-library{padding-top:35px}.botanical-index{gap:13px 20px;margin-bottom:40px;font-size:12px}.botanical-grid{grid-template-columns:1fr;gap:50px}.botanical-art{margin-bottom:25px}.botanical-copy h2{font-size:35px}.botanical-copy p{font-size:15px}.story-hero{height:510px;padding:55px var(--gutter)}.story-hero h1{font-size:71px}.story-sticky{position:static}.story-sticky h2{font-size:43px}.story-sticky .brand-symbol{margin:25px 0}.sustainability-grid{grid-template-columns:1fr;gap:38px;margin-top:45px}.sustainability-grid h3{min-height:0;font-size:31px}.sustainability-number{margin-bottom:22px}.sustainability-section h2{font-size:54px}.faq-page>div:first-child{position:static}.faq-page-list summary{font-size:22px;gap:13px}.faq-page-list details>div{padding-left:25px;padding-right:0}.contact-intro .contact-botanical{display:none}.contact-form-panel{padding:30px 20px}.contact-form-panel h2{font-size:35px}.contact-fields{gap:22px 16px}.contact-field label{font-size:12px}.contact-page{gap:45px}.page-end{padding:65px var(--gutter)}.page-end h2{font-size:43px}.inner-page .footer-top{grid-template-columns:1fr}.inner-page .footer-top .wordmark{font-size:28px}.page-contained{padding-top:35px;padding-bottom:65px}.header .header-cart{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The original home styles supply a summary symbol; these pages draw their own. */
.faq-page-list summary::after{content:none}

/* Shop opening: an immersive landscape, followed by the original shop copy. */
.shop-intro{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:480px;padding:75px var(--gutter);overflow:hidden;background:#183b2b;color:var(--cream)}
.shop-intro-landscape{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.shop-intro::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,32,23,.7),rgba(8,32,23,.2) 75%),linear-gradient(0deg,rgba(8,32,23,.42),transparent 70%)}
.shop-intro-heading{max-width:1000px}.shop-intro .eyebrow{color:#e2e6cc}.shop-intro h1{margin:0;color:var(--cream);text-shadow:0 2px 24px #102b2333}.shop-intro h1 em{color:#e5cc8e}
.shop-intro-copy{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%;max-width:none;padding:40px var(--gutter);background:var(--cream);align-items:start}
.shop-intro-copy p{font-size:16px;margin:0;line-height:1.7}.shop-intro-copy p:last-child{font-size:15px}
@media(max-width:700px){.shop-intro{min-height:430px;padding:45px var(--gutter)}.shop-intro-landscape{object-position:57% center}.shop-intro::before{background:linear-gradient(0deg,rgba(8,32,23,.8),rgba(8,32,23,.08))}.shop-intro h1{font-size:clamp(37px,9.8vw,55px)}.shop-intro .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:20px}.shop-intro-copy{grid-template-columns:1fr;gap:18px;padding:30px var(--gutter)}.shop-intro-copy p{font-size:15px}.shop-intro-copy p:last-child{font-size:14px}}

/* Keep the original navigation layout legible over every frame of the film. */
.header:not(.scrolled){background:rgba(10,38,28,.87);border-bottom-color:rgba(246,242,233,.23);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.header .desktop-nav{font-size:14px;font-weight:500;letter-spacing:.025em;gap:27px}
.header .desktop-nav a{display:flex;align-items:center;min-height:44px;padding:10px 2px;border-bottom-width:2px}
.header .desktop-nav a:hover,.header .desktop-nav a:focus-visible{border-bottom-color:currentColor}
.header:not(.scrolled) .wordmark span{color:#efa57e}
.menu-toggle span{height:2px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.menu-open .header:not(.scrolled){background:var(--cream);color:var(--ink);border-bottom-color:var(--line)}
@media(min-width:961px) and (max-width:1150px){.header .desktop-nav{font-size:13px;gap:20px}}

/* Fit the user's panoramic river photograph without excessive enlargement. */
.story-hero{height:clamp(440px,36vw,620px);padding-top:55px;padding-bottom:55px}
.story-hero>img{object-position:center 58%}
@media(max-width:700px){.story-hero{height:430px;padding-top:45px;padding-bottom:45px}.story-hero>img{object-position:45% center}}

/* About us: larger transparent logo, with the original asset preserved. */
.story-sticky .brand-symbol{width:180px;height:175px;margin:35px 0;overflow:hidden}
.story-sticky .brand-symbol img{width:180px;height:auto;max-width:none;mix-blend-mode:normal}
@media(max-width:700px){.story-sticky .brand-symbol{width:155px;height:151px;margin:28px 0}.story-sticky .brand-symbol img{width:155px}}

/* A single readable introduction beneath the Shop landscape. */
.shop-intro-copy{display:block;padding:42px var(--gutter);text-align:center}
.shop-intro-copy p,.shop-intro-copy p:last-child{max-width:880px;margin:0 auto;color:var(--ink);font-size:18px;line-height:1.85;text-wrap:pretty}
@media(max-width:700px){.shop-intro-copy{padding:32px var(--gutter);text-align:left}.shop-intro-copy p,.shop-intro-copy p:last-child{font-size:16px;line-height:1.85}}

/* The transparent brand mark introduces the unified Shop philosophy. */
.shop-philosophy-logo{width:115px;height:112px;overflow:hidden;margin:0 auto 25px}
.shop-philosophy-logo img{width:115px;height:auto;max-width:none}
@media(max-width:700px){.shop-philosophy-logo{width:100px;height:97px;margin-bottom:23px}.shop-philosophy-logo img{width:100px}}

/* Verbatim policy text, with readable headings and footer access. */
.policy-page{max-width:1100px;margin:0 auto}.policy-page header{border-bottom:1px solid var(--line);margin-bottom:45px}.policy-copy{max-width:800px;font-size:16px;line-height:1.85}.policy-copy h2{font-family:var(--serif);font-size:34px;letter-spacing:-.02em;line-height:1.2;margin:50px 0 22px;scroll-margin-top:110px}.policy-copy h2:first-child{margin-top:0}.policy-copy p{margin-bottom:18px}.policy-copy a{text-decoration:underline;overflow-wrap:anywhere}.policy-copy ul{list-style:disc;padding-left:25px}.policy-copy li p{margin-bottom:8px}
.footer .footer-top{grid-template-columns:1.2fr .9fr .8fr 1fr 1.2fr;gap:35px}
@media(max-width:1150px){.footer .footer-top{grid-template-columns:1.2fr 1fr 1fr 1.3fr}.footer .footer-top>p{display:none}}
@media(max-width:1000px){.footer .footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.footer .footer-top{grid-template-columns:1fr}.policy-copy{font-size:16px}.policy-copy h2{font-size:30px;margin-top:38px}}

/* Lighter green glass over the home film, keeping navigation readable. */
.header:not(.scrolled){background:rgba(38,72,51,.58);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);border-bottom-color:rgba(246,242,233,.3);box-shadow:0 1px 0 rgba(255,255,255,.07) inset}
.menu-open .header:not(.scrolled){background:var(--cream);color:var(--ink)}

/* Ingredient-led product copy, followed by a distinct at-a-glance checklist. */
.product-editorial{font-size:16px;line-height:1.85}.product-editorial .product-name-meaning{font-family:var(--serif);font-size:23px;line-height:1.5;margin-bottom:25px;color:var(--ink)}
.product-prose .product-checklist,.product-info .product-checklist{list-style:none;padding:0;margin:28px 0 30px;display:grid;gap:13px}
.product-checklist li{display:flex;align-items:baseline;gap:10px;line-height:1.65}.product-checklist strong{font-weight:600}.product-checklist li>span:first-child{flex-shrink:0}
.product-ingredients{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.product-ingredients summary{cursor:pointer;font-size:16px}.product-ingredients p{white-space:pre-line;font-size:14px;line-height:1.8;margin:20px 0 5px;overflow-wrap:anywhere}.product-volume{font-size:13px;color:var(--muted);margin-top:18px}
.product-info .catalog-checklist{font-size:12px;color:#e4eadf;gap:10px;margin:17px 0 24px}.collection .product-info .product-description{min-height:42px;margin-bottom:0}.catalog-checklist li{gap:7px}
@media(max-width:700px){.product-editorial{font-size:16px}.product-editorial .product-name-meaning{font-size:21px}.product-info .catalog-checklist{font-size:11px}.catalog-checklist li{gap:5px;flex-wrap:wrap}}

/* Give the home introduction's official leaf-and-drop mark more presence. */
.welcome .brand-symbol{width:180px;height:183px;margin:0 auto 34px}
.welcome .brand-symbol img{width:180px}
@media(max-width:700px){.welcome .brand-symbol{width:140px;height:145px;margin-bottom:30px}.welcome .brand-symbol img{width:140px}}

/* Bring the welcome logo closer to the introductory film. */
.welcome.section{padding-top:65px}
@media(max-width:700px){.welcome.section{padding-top:42px}}

/* Local English/German/Spanish navigation and longer translated text. */
.header-cart{display:flex;align-items:center;gap:20px}.language-switch{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.language-switch a{padding:10px 2px;min-height:40px;display:flex;align-items:center;opacity:.72}.language-switch a[aria-current=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}.language-switch a:hover{opacity:1}.language-switch>span{opacity:.4}
html[lang=de] .page-section h1{font-size:clamp(40px,5.2vw,75px)}html[lang=de] .hero h1{font-size:clamp(68px,8vw,118px)}html[lang=de] h1,html[lang=de] h2,html[lang=de] h3,html[lang=es] h1,html[lang=es] h2,html[lang=es] h3{hyphens:auto;overflow-wrap:break-word}html[lang=de] .footer .eyebrow{letter-spacing:.12em}html[lang=de] .product-type{font-size:8px}
@media(min-width:961px) and (max-width:1150px){.header .desktop-nav{gap:15px;font-size:12px}.header-cart{gap:12px}}
@media(max-width:700px){.header{gap:10px}.header .wordmark{font-size:22px}.header-cart{gap:12px}.language-switch{font-size:11px;gap:4px}.menu-toggle{width:36px;padding:6px}html[lang=de] .hero h1{font-size:70px}html[lang=de] .welcome h2{font-size:clamp(38px,10vw,48px)}html[lang=de] .page-section h1{font-size:42px}.language-switch a{min-height:44px}html[lang=de] .category-label h3{font-size:30px}}
/* Local routes now have their own reviewed language selector instead of the inherited widget. */
.weglot-container{display:none!important}
@media(max-width:700px){.header{gap:8px}.header .wordmark{font-size:clamp(16px,5vw,22px)}.header-cart{gap:8px}.menu-toggle{width:32px;padding:4px}}
html[lang=de] .commerce-main h1{hyphens:none;font-size:clamp(30px,3.1vw,44px)}
@media(min-width:701px){html[lang=de] .hero h1{font-size:clamp(68px,7vw,100px)}}

/* Moss replaces the pale green panels; ivory and deep forest remain unchanged. */
:root{--moss:#687653;--on-moss:#fff;--moss-accent:#f7e4b8}
.acai-copy,.ingredient-context,.contact-form-panel{background:var(--moss);color:var(--on-moss)}
.acai-copy h2,.acai-copy>p,.acai-copy>p:not(.eyebrow),.acai-copy .eyebrow,.acai-copy .under-link,.ingredient-context h2,.ingredient-context .reading-copy,.ingredient-context .eyebrow.dark{color:var(--on-moss)}
.acai-copy h2 em,.ingredient-context h2 em{color:var(--moss-accent)}
.acai-copy .under-link{border-bottom-color:#ffffffa6}
.plant-photo>span{background:var(--moss);color:var(--on-moss);border-color:var(--moss)}
.contact-form-panel h2,.contact-form-panel .contact-field label,.contact-form-panel .contact-help,.contact-form-panel .contact-success{color:var(--on-moss)}
.contact-form-panel .contact-field input:not([type=checkbox]),.contact-form-panel .contact-field textarea,.contact-form-panel .contact-field select{background:#f6f2e9ed;color:var(--ink);border-bottom-color:#284132}
.contact-form-panel .contact-field input:focus,.contact-form-panel .contact-field textarea:focus,.contact-form-panel .contact-field select:focus{outline:3px solid var(--moss-accent);outline-offset:3px}
.contact-form-panel .contact-error:not(:empty){color:#fff;background:#702620;padding:7px 10px}
.contact-form-panel .contact-field [aria-invalid=true]{border-bottom:2px solid #702620}
.contact-form-panel .dark-button{border:1px solid #ffffff80}
.contact-form-panel .contact-success .text-link{color:#fff;border-bottom-color:#ffffffa6}

/* A more compact contact page, with comfortable input targets retained. */
.contact-page{padding-top:45px;padding-bottom:50px;gap:6%;grid-template-columns:.9fr 1.1fr}
.contact-page h1{font-size:clamp(42px,4.8vw,66px);margin-bottom:22px}
.contact-page .eyebrow{margin-bottom:18px}.contact-page .page-lead{margin-bottom:20px}
.contact-caption{margin-top:24px}.contact-botanical{max-width:280px;margin-top:24px}
.contact-form-panel{padding:30px}.contact-form-panel h2{margin-bottom:24px}
.contact-fields{gap:12px 20px}.contact-field label{margin-bottom:7px}
.contact-form-actions{margin-top:22px}
html[lang=de] .contact-page h1{font-size:clamp(40px,4.5vw,64px)}
@media(max-width:700px){.contact-page{grid-template-columns:1fr;padding-top:32px;padding-bottom:40px;gap:24px}.contact-page h1,html[lang=de] .contact-page h1{font-size:40px;margin-bottom:18px}.contact-page .page-lead{margin-bottom:16px}.contact-caption{margin-top:20px}.contact-form-panel{padding:25px 20px}.contact-form-panel h2{margin-bottom:22px}}

/* PARIMI: products and scenery share sunset lighting and contact shadows. */
.duo-sunset{position:absolute;inset:0;overflow:hidden;background:#163723;isolation:isolate}
.ritual-image .duo-sunset-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.duo-sunset-caption{position:absolute;bottom:7%;left:5%;right:5%;text-align:center;color:#fff8df;text-shadow:0 2px 10px #071d17}
.duo-sunset-caption>span{font-family:var(--serif);font-size:clamp(25px,3vw,42px);letter-spacing:.08em}
.duo-sunset-caption>p{font-size:13px;margin:6px 0 0}
@media(max-width:700px){.ritual-image:has(.duo-sunset){height:auto;min-height:0;max-height:none;aspect-ratio:4/5}.duo-sunset-caption>span{font-size:29px}.duo-sunset-caption>p{font-size:12px}}

/* Home signature: brand name and origin flank the larger official mark. */
.welcome-brand{display:grid;grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);align-items:center;gap:30px;max-width:1050px;margin:0 auto 35px}
.welcome .welcome-brand .brand-symbol{width:260px;height:265px;margin:0}
.welcome .welcome-brand .brand-symbol img{width:260px}
.welcome-brand>p{font-family:var(--serif);font-style:italic;font-size:clamp(25px,2.8vw,39px);line-height:1.2;margin:0;color:var(--ink);transform:translateY(25px)}
.welcome-brand-name{text-align:right}.welcome-brand-name em{color:#ce7953}.welcome-brand-origin{text-align:left}
@media(max-width:700px){.welcome-brand{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:12px;margin-bottom:30px}.welcome .welcome-brand .brand-symbol{width:150px;height:153px}.welcome .welcome-brand .brand-symbol img{width:150px}.welcome-brand>p{font-size:17px;line-height:1.3;transform:translateY(14px)}.welcome-brand-origin{hyphens:auto;overflow-wrap:break-word}}
@media(max-width:370px){.welcome-brand{grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);gap:9px}.welcome .welcome-brand .brand-symbol{width:130px;height:133px}.welcome .welcome-brand .brand-symbol img{width:130px}.welcome-brand>p{font-size:15px}}

/* Bring both phrases beside the golden drop, below the broad leaf. */
.welcome-brand{column-gap:0}
.welcome-brand>p{position:relative;z-index:1;transform:translateY(77px)}
.welcome-brand-name{margin-right:-86px!important}
.welcome-brand-origin{margin-left:-86px!important}
@media(max-width:700px){.welcome-brand{column-gap:0}.welcome-brand>p{transform:translateY(44px)}.welcome-brand-name{margin-right:-44px!important}.welcome-brand-origin{margin-left:-44px!important}}
@media(max-width:370px){.welcome-brand>p{transform:translateY(38px)}.welcome-brand-name{margin-right:-37px!important}.welcome-brand-origin{margin-left:-37px!important}}

/* Phone-only opening: reserve separate space for heading, film and actions. */
@media(max-width:700px){
 .hero .hero-copy{position:static;max-width:none}
 .hero .hero-heading{position:absolute;top:104px;bottom:auto;left:var(--gutter);right:var(--gutter);min-width:0}
 .hero .hero-heading .eyebrow{font-size:9px;margin-bottom:12px}
 .hero h1{font-size:clamp(36px,10.8vw,46px);line-height:1.02;max-width:none;margin:0;letter-spacing:-.045em}
 html[lang=de] .hero h1{font-size:clamp(32px,9.5vw,40px);line-height:1.04;hyphens:none;overflow-wrap:normal}
 .hero .hero-video,.hero .hero-final-frame{top:250px;bottom:210px;height:calc(100% - 460px);object-fit:contain}
 .hero .hero-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:177px;margin:0}
 .hero .hero-actions{position:absolute;left:var(--gutter);right:var(--gutter);bottom:108px}
}

/* Three-language header: keep EN / DE / ES, cart and menu within 320px phones. */
@media(max-width:370px){.header{padding-left:14px;padding-right:14px;gap:6px}.header .wordmark{font-size:15px}.header-cart{gap:6px}.language-switch{font-size:10px;gap:2px}.language-switch a{padding-left:1px;padding-right:1px}.menu-toggle{width:30px}}

/* Clear purchase controls and catalogue section labels in every language. */
.collection .catalog-add-button{display:block;min-height:48px;padding:12px 14px;background:#f6f2e9;color:#173b2c;border:2px solid #f6f2e9;font-size:14px;line-height:1.4}
.collection .catalog-add-button:hover{background:#e2bf7d;color:#102f23;border-color:#e2bf7d}
.collection .catalog-add-button:focus-visible{outline:3px solid #e2bf7d;outline-offset:4px}
.collection .row-label{display:table;max-width:100%;padding:12px 16px;background:#f6f2e9;color:#173b2c;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.5;border:1px solid #173b2c40}
.product-detail-gallery{display:flex;align-items:center;justify-content:center;height:65vh;min-height:360px;max-height:760px;padding:22px;background:#eae5da}
.product-detail-gallery>img,.product-detail-gallery .product-detail-original{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.product-checklist>li>span:first-child{display:inline-flex;align-items:center;justify-content:center;flex:0 0 19px;width:19px;height:19px;margin-top:4px;border-radius:4px;background:#287345;color:#fff;font-size:0;line-height:1}
.product-checklist>li>span:first-child::after{content:'✓';font-family:Arial,sans-serif;font-size:15px;font-weight:700}
@media(max-width:700px){.collection .row-label{font-size:11px;padding:11px 13px;letter-spacing:.08em}.product-detail-gallery{height:55vh;min-height:320px;max-height:520px;padding:18px}.collection .catalog-add-button{font-size:13px}.catalog-checklist>li>span:first-child{flex-basis:16px;width:16px;height:16px}.catalog-checklist>li>span:first-child::after{font-size:13px}}
.collection .product-type{background:#173b2c;color:#fff;font-size:10px;font-weight:600;line-height:1.4;padding:7px 9px;border:1px solid #f6f2e970}

/* Keep heading words intact; wrap between words instead of inserting hyphens. */
html[lang] :is(h1,h2,h3,h4,h5,h6){hyphens:none;word-break:normal;overflow-wrap:normal}
html[lang=de] .ritual-copy h2{font-size:clamp(32px,3.9vw,56px)}
@media(max-width:700px){html[lang=de] .ritual-copy h2{font-size:clamp(32px,10vw,44px)}}

@media(max-width:700px){html[lang=de] .collection .section-heading h2{font-size:clamp(32px,9vw,46px)}html[lang=de] .collection .product-info h3{font-size:clamp(14px,4.2vw,20px);line-height:1.3}}
@media(min-width:701px) and (max-width:960px){html[lang=de] .collection .product-info h3{font-size:18px;line-height:1.3}}

/* Keep the opening below navigation even on short laptop windows. */
@media(min-width:701px){
 .hero{min-height:760px}
 .hero .hero-copy{top:calc(92px + clamp(28px,7vh,90px));bottom:106px;display:flex;flex-direction:column;justify-content:flex-end;max-width:min(680px,80vw)}
 .hero h1{font-size:clamp(64px,min(8.7vw,13vh),134px)}
 .hero .hero-video,.hero .hero-final-frame{top:0;height:100%;object-fit:cover}
}
/* Browser autoplay restrictions must never leave an invisible play control. */
.hero.film-stopped:not(.final-frame) .film-button{bottom:36px;background:var(--cream);color:var(--ink);padding:12px 20px;border-radius:4px;font-size:14px;box-shadow:0 3px 20px #071c1340}
.hero.film-stopped:not(.final-frame) .film-button>span:first-child{border-color:var(--ink)}
@media(prefers-reduced-motion:reduce){
 .hero .hero-video,.hero .hero-final-frame{display:block}
 .hero .hero-heading{opacity:1!important}
 .hero.revealed .hero-heading{opacity:0!important}
}

/* Equal visibility for every range, with one serum-only vitamin C slide. */
.range-showcase{align-items:stretch}.range-visual{position:relative;min-width:0;min-height:790px;background:#18382a;overflow:hidden;touch-action:pan-y}.range-visual .range-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s;pointer-events:none}.range-visual .range-photo.active{opacity:1}.range-visual:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#061d16b8);pointer-events:none}.range-caption{position:absolute;bottom:55px;left:24px;right:24px;z-index:1;color:#fff9ed;text-align:center}.range-caption>span{font:clamp(30px,3.5vw,51px) var(--serif);letter-spacing:.09em}.range-caption p{font-size:13px;margin:12px 0 0}.range-arrows{position:absolute;inset:45% 20px auto;z-index:2;display:flex;justify-content:space-between;pointer-events:none}.range-arrows button{pointer-events:auto;background:#f6f2e9ed;color:var(--ink);border:1px solid #fff9;border-radius:50%;width:44px;height:44px;font-size:23px;box-shadow:0 2px 15px #071b1640}.range-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}.range-tabs button{font-size:10px;letter-spacing:.06em;border:1px solid #18382a55;padding:10px 13px;background:transparent;color:var(--ink)}.range-tabs button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.range-copy{min-width:0}.range-copy h2{font-size:clamp(42px,4.8vw,72px);overflow-wrap:normal;hyphens:none}.range-copy .ritual-steps{margin-bottom:28px}.range-auto{display:block;background:none;border:0;border-bottom:1px solid #18382a55;padding:8px 0;margin-top:15px;font-size:11px}.range-cta{max-width:100%}
@media(max-width:960px){.range-visual{min-height:720px}.range-copy{padding:45px 30px}.range-copy h2{font-size:48px}}
@media(max-width:700px){.range-visual{width:100%;min-height:0;aspect-ratio:auto}.range-visual .range-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.range-copy{padding:35px var(--gutter) 55px}.range-copy h2{font-size:43px}.range-tabs{gap:6px;margin-bottom:26px}.range-tabs button{padding:10px;font-size:9px}.range-caption{bottom:28px}.range-caption>span{font-size:34px}.range-caption p{font-size:11px}.range-arrows{left:12px;right:12px}.range-arrows button{height:40px;width:40px}}
@media(prefers-reduced-motion:reduce){.range-visual .range-photo{transition:none}}

/* The film gets a lighter header; stopped film and navigation retain contrast. */
body.film-playing:not(.past-hero):not(.menu-open) .header,.header[data-film-playing=true]{color:var(--cream);background:rgba(21,59,42,.12);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom-color:rgba(246,242,233,.12)}
.header{transition:height .25s}

/* Small translucent navigation beside the product name. */
.range-caption-title{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:16px;max-width:480px;margin:0 auto}
.range-caption-title>span{font:clamp(30px,3.5vw,51px) var(--serif);letter-spacing:.09em;min-width:0}
.range-arrow{position:relative;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff50;border-radius:50%;background:rgba(255,255,255,.35);color:#f6f2e9;font-size:18px;line-height:1;padding:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:background .2s}
.range-arrow:before{content:'';position:absolute;inset:-5px;border-radius:50%}.range-arrow:hover{background:rgba(255,255,255,.5)}
@media(max-width:700px){.range-caption-title{gap:10px;grid-template-columns:32px minmax(0,1fr) 32px}.range-caption-title>span{font-size:32px}.range-arrow{height:32px;width:32px;font-size:16px}}