/* Hallmark · route: custom (bespoke) · macrostructure: Quiet Everyday Cover
 * idea: fragrance-free dishcare as a quiet daily ritual · genre: editorial · nav: N6 · footer: Ft1
 * Audience: overseas brand partners; use: product exploration and project briefs; tone: natural, considered.
 * Pre-emit critique: P5 H5 E4 S5 R4 V5. Previous Split Studio / N9 / Ft5 replaced.
 * Original concept imagery is labelled; no invented product certifications or impact metrics.
 */
@import url('../tokens.css');
@font-face{font-family:Newsreader;src:url('newsreader-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url('geist-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url('geist-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-padding-top:var(--space-xl)}body{margin:0;background:var(--color-paper);color:var(--color-body);font:400 1rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,summary{-webkit-tap-highlight-color:var(--color-clear)}button,a{white-space:nowrap}p,h1,h2,h3,figure{margin:0}p+p{margin-top:var(--space-lg)}p{max-width:65ch}img{display:block;width:100%;height:auto}figure,article,section,div{min-width:0}h1,h2,h3,.wordmark{font-family:var(--font-display);font-style:normal;font-weight:400;line-height:1.05;color:var(--color-ink);letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0}h1{font-size:clamp(2.75rem,5vw + 1rem,5.25rem)}h2{font-size:clamp(2.5rem,3.2vw + .75rem,4rem)}h3{font-size:1.75rem;line-height:1.15}strong{font-weight:600}::selection{background:var(--color-rule);color:var(--color-ink)}
.container{width:100%;max-width:var(--page-max);padding-inline:var(--page-gutter);margin-inline:auto}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;line-height:1.5}.small{font-size:.8125rem;line-height:1.6;color:var(--color-muted)}
.masthead{background:var(--color-paper)}.mast-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-lg) var(--space-xs)}.wordmark{font-size:2.5rem;letter-spacing:.03em;min-height:44px;display:inline-flex;align-items:center}.mast-note{display:none;font-size:.8125rem;line-height:1.45}.mast-cta{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;font-weight:600;min-height:44px}.mast-nav{display:flex;justify-content:center;gap:var(--space-lg);padding:var(--space-xs) var(--space-md);border-top:1px solid var(--color-rule);font-size:.75rem;font-weight:600}.mast-nav a{min-height:44px;display:flex;align-items:center}
.button{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-accent);border-radius:var(--radius);font-size:.8125rem;line-height:1.25;font-weight:600;background:var(--color-clear);color:var(--color-ink);transition:background-color var(--dur-hover) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.primary{background:var(--color-accent);color:var(--color-accent-ink)}.outline{border-color:var(--color-rule)}.button:active,.text-link:active,.mast-cta:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.text-link{max-width:100%;display:inline-flex;align-items:center;gap:var(--space-sm);min-height:44px;background:var(--color-clear);border:0;padding:0;color:var(--color-ink);font-size:.8125rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.inline-link{padding:0;background:var(--color-clear);border:0;display:inline;text-decoration:underline;font-size:inherit;color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.skip{position:absolute;top:-100px;left:var(--space-md);background:var(--color-paper);padding:var(--space-sm);z-index:var(--z-modal)}.skip:focus{top:var(--space-xs)}
.hero{position:relative;display:flex;flex-direction:column;background:var(--color-surface)}.hero-image{aspect-ratio:4/3;object-fit:cover;object-position:77% center}.hero-inner{order:-1;padding-block:var(--space-2xl)}.hero-copy .eyebrow{margin-bottom:var(--space-lg)}.hero-lede{margin-top:var(--space-lg);font-size:.9375rem;line-height:1.65}.hero .button{margin-top:var(--space-lg)}.hero-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xs) var(--space-md);padding-block:var(--space-md);font-size:.8125rem;color:var(--color-ink)}.concept-note{font-size:.75rem}
.opening{padding-block:var(--space-4xl);display:grid;gap:var(--space-xl)}.opening-copy .text-link{margin-top:var(--space-md)}.product{display:grid;gap:var(--space-2xl);padding-bottom:var(--space-4xl)}.product-photo{position:relative;background:var(--color-surface)}.product-photo img{aspect-ratio:4/5;object-fit:cover;object-position:83% center}.image-tag{position:absolute;left:var(--space-lg);top:var(--space-lg);font-size:.6875rem;letter-spacing:.1em;line-height:1.5;font-weight:600;color:var(--color-ink);background:var(--color-paper);padding:var(--space-xs) var(--space-sm)}.product-details .eyebrow{margin-bottom:var(--space-lg)}.product-details>p:not(.eyebrow){margin-top:var(--space-lg)}.product-line{display:flex;flex-wrap:wrap;gap:var(--space-md);padding-block:var(--space-lg);font-size:.75rem;font-weight:600;color:var(--color-muted)}.product-line span+span{padding-inline-start:var(--space-md);border-inline-start:1px solid var(--color-rule)}
.brief{padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.brief h3{font-size:1.5rem;margin-bottom:var(--space-lg)}.formats{padding:0;border:0;margin:0 0 var(--space-md);display:flex;flex-wrap:wrap;gap:var(--space-xs)}legend{font-size:.8125rem;color:var(--color-muted);margin-bottom:var(--space-sm)}.formats label{display:inline-flex;align-items:center;cursor:pointer;min-height:44px;position:relative}.formats input{margin:0;opacity:0;width:0;height:0;min-width:0}.formats label span{display:block;border:1px solid var(--color-rule);border-radius:var(--radius);padding:var(--space-sm);font-size:.75rem;line-height:1.3;font-weight:600}.formats input:checked+span{border-color:var(--color-accent);background:var(--color-surface)}.formats input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:3px}.formats label:active span{border-color:var(--color-accent)}#format-description{min-height:3.2em;font-size:.8125rem;color:var(--color-muted)}.specs{margin-block:var(--space-md);font-size:.8125rem}.specs div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--space-sm);padding-block:var(--space-sm);border-bottom:1px solid var(--color-rule)}dt{color:var(--color-muted)}dd{margin:0;color:var(--color-ink)}.brief-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-lg)}.feedback{min-height:1.6em;margin-top:var(--space-xs)}.product-note{margin-top:var(--space-md)}
.approach{background:var(--color-forest);color:var(--color-forest-body);padding-block:var(--space-4xl)}.approach h2,.approach h3{color:var(--color-paper)}.approach-intro{text-align:left;max-width:900px}.approach-intro .eyebrow{color:var(--color-forest-muted);margin-bottom:var(--space-lg)}.approach-intro>p:last-child{margin-top:var(--space-lg)}.approach-body{margin-top:var(--space-2xl);display:grid;gap:var(--space-2xl)}.water-figure img{aspect-ratio:5/4;object-fit:cover;object-position:center}.water-figure figcaption{margin-top:var(--space-sm);font-size:.75rem;color:var(--color-forest-muted)}.principles article{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:var(--space-lg);padding-block:var(--space-lg);border-top:1px solid var(--color-forest-rule)}.principle-number{font-size:.75rem;color:var(--color-forest-muted);line-height:2}.principles h3{font-size:1.625rem}.principles p{font-size:.9375rem;margin-top:var(--space-sm)}
.beyond{padding-block:var(--space-4xl)}.beyond-intro{max-width:700px}.beyond-intro>p{margin-top:var(--space-lg)}.range-list{margin-top:var(--space-2xl)}.range-list article{border-top:1px solid var(--color-rule);padding-block:var(--space-lg);display:grid;gap:var(--space-lg)}.range-index{display:block;font-size:.6875rem;letter-spacing:.12em;font-weight:600;color:var(--color-muted);margin-bottom:var(--space-sm)}.range-list h3{font-size:2rem}.range-list p{font-size:.9375rem}.range-list .text-link{justify-self:start}.partnership{padding-bottom:var(--space-4xl)}.partnership-head{display:grid;gap:var(--space-lg)}.steps{list-style:none;padding:0;margin:var(--space-2xl) 0 0;display:grid;gap:var(--space-xl)}.steps li{border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.steps li>span{font-size:.75rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.steps h3{font-size:1.625rem;margin-top:var(--space-lg)}.steps p{margin-top:var(--space-sm);font-size:.9375rem}
.questions{display:grid;gap:var(--space-xl);padding-bottom:var(--space-4xl)}.faq-items{min-width:0}details{padding-block:var(--space-md);border-bottom:1px solid var(--color-rule)}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);min-height:44px;cursor:pointer;font-size:.9375rem;font-weight:600;color:var(--color-ink);list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-weight:400;font-size:1.5rem;flex-shrink:0}details[open] summary::after{content:'−'}details p{padding-block:var(--space-sm);font-size:.9375rem}summary:active{color:var(--color-accent)}
.inquiry{padding-block:var(--space-4xl);background:var(--color-surface)}.inquiry-layout{display:grid;gap:var(--space-2xl)}.inquiry-intro .eyebrow{margin-bottom:var(--space-lg)}.inquiry-intro>p:not(.eyebrow){margin-top:var(--space-lg)}.inquiry-aside{margin-top:var(--space-2xl);border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.inquiry-aside h3{font-size:1.5rem}.inquiry-aside p{font-size:.9375rem;margin-top:var(--space-sm)}#mail-summary{margin-top:var(--space-lg);max-width:50ch}.form-grid{display:grid;gap:var(--space-sm) var(--space-lg)}.field label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-ink);margin-bottom:var(--space-xs)}.field label span{font-weight:400;font-size:.75rem;color:var(--color-muted)}.field input,.field select,.field textarea{width:100%;min-height:var(--control-height);padding:var(--space-sm);background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-control-rule);border-radius:var(--radius);font-size:1rem}.field input::placeholder,.field textarea::placeholder{color:var(--color-muted);opacity:1}.field textarea{min-height:9rem;resize:vertical}.field-message{min-height:1.4em;color:var(--color-error);font-size:.75rem;line-height:1.4;margin-top:var(--space-2xs)}.field [aria-invalid=true]{border-color:var(--color-error)}.field input:disabled,.field select:disabled,.field textarea:disabled{opacity:.55}.trap{position:absolute;left:-10000px}.consent{display:flex;gap:var(--space-sm);align-items:flex-start;font-size:.8125rem;line-height:1.65}.consent input{width:20px;height:20px;margin-top:var(--space-2xs);flex-shrink:0;accent-color:var(--color-accent)}#privacy-error{margin-bottom:var(--space-lg)}.form-status{margin-top:var(--space-lg);font-size:.875rem;min-height:1.6em;overflow-wrap:anywhere}.form-status[data-state=error]{color:var(--color-error)}.form-status[data-state=success]{border-top:1px solid var(--color-accent);padding-top:var(--space-md);color:var(--color-ink)}
.footer{padding-block:var(--space-2xl) var(--space-lg)}.footer-main{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--space-lg) var(--space-2xl)}.footer-main .wordmark{font-size:2.5rem}.footer-main>p{font-size:.875rem}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);font-size:.8125rem}.footer-links a{display:flex;align-items:center;min-height:44px}.footer-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule);font-size:.75rem;color:var(--color-muted)}
dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 2.5rem);max-width:640px;max-height:80dvh;height:fit-content;overflow:auto;padding:var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);color:var(--color-body)}dialog::backdrop{background:var(--color-overlay)}dialog h2{font-size:2.25rem;margin-bottom:var(--space-lg)}dialog p{font-size:.9375rem}dialog .button{margin-top:var(--space-xl)}
@media(hover:hover) and (pointer:fine){.button:hover:not(:disabled){background:var(--color-ink);color:var(--color-paper)}.text-link:hover,.mast-cta:hover,.mast-nav a:hover,.footer-links a:hover{color:var(--color-accent)}.formats label:hover span{background:var(--color-surface)}.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--color-accent)}}
@media(min-width:40rem){.mast-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-block:var(--space-lg)}.mast-note{display:block}.mast-row .wordmark{justify-self:center;font-size:3.5rem}.mast-cta{justify-self:end;font-size:.8125rem}.mast-nav{gap:var(--space-2xl);font-size:.8125rem}.hero-inner{padding-block:var(--space-3xl)}.hero-image{aspect-ratio:16/9;object-position:right center}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}.footer-links{margin-inline-start:auto}dialog{padding:var(--space-2xl)}}
@media(min-width:60rem){.mast-row .wordmark{font-size:4rem}.hero{height:clamp(600px,48vw,740px);display:block}.hero-image{position:absolute;inset:0;height:100%;width:100%;object-position:center}.hero-inner{position:relative;height:100%;display:flex;align-items:center;padding-block:var(--space-2xl)}.hero-copy{width:48%;padding-bottom:var(--space-xl)}.hero-lede{font-size:1rem}.hero .button{margin-top:var(--space-xl)}.hero-bottom{position:absolute;bottom:0;left:0;right:0;padding-block:var(--space-lg);font-size:.8125rem}.opening{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4xl);align-items:center}.product{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-3xl);align-items:center}.product-photo img{aspect-ratio:4/5}.product-details>p:not(.eyebrow){max-width:52ch}.approach-intro{text-align:center}.approach-intro>p{margin-inline:auto;max-width:58ch}.approach-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3xl);align-items:center;margin-top:var(--space-3xl)}.range-list article{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:var(--space-2xl);padding-block:var(--space-xl)}.partnership-head{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-3xl);align-items:end}.questions{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--space-3xl)}.questions h2{font-size:3rem}.inquiry-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--space-4xl)}.inquiry h2{font-size:3.5rem}.footer-main{align-items:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Product understanding and a compact, optional B2B brief. */
.clarity{display:grid;gap:var(--space-2xl);padding-bottom:var(--space-4xl)}.clarity-intro .eyebrow{margin-bottom:var(--space-lg)}.clarity-intro>p:not(.eyebrow){margin-top:var(--space-lg)}.clarity-intro .text-link{margin-top:var(--space-md)}.clarity-notes article{border-top:1px solid var(--color-rule);padding-block:var(--space-lg)}.clarity-notes h3{font-size:1.625rem}.clarity-notes article p{font-size:.9375rem;margin-top:var(--space-sm)}.sample-guide{border-top:1px solid var(--color-rule)}.sample-guide ul{padding-inline-start:var(--space-lg);font-size:.9375rem;margin-block:var(--space-sm) var(--space-lg)}.sample-guide li+li{margin-top:var(--space-xs)}.project-options{margin-bottom:var(--space-md);padding-top:0}.project-options summary{font-size:.8125rem;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm)}.project-options summary span{font-size:.75rem;font-weight:400;color:var(--color-muted)}.project-options summary::after{margin-inline-start:auto}.optional-grid{padding-top:var(--space-md)}.optional-grid textarea{min-height:6rem}.product-guidance{margin-block:var(--space-xs) var(--space-md)}
@media(min-width:60rem){.clarity{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--space-3xl)}.clarity-intro{align-self:start}.clarity-intro h2{font-size:3rem}}

/* Hallmark refinement · P5 H5 E4 S5 R5 V5 · approved editorial system retained.
 * Luminous cover; broader fragrance-free brand; real desktop and mobile navigation.
 */
.masthead{position:relative;z-index:var(--z-nav)}.mast-row{padding-block:var(--space-md)}.mast-row .wordmark{font-size:2.25rem}.mast-note{font-size:.75rem}.nav-shell{border-top:1px solid var(--color-rule);display:flex;align-items:center;justify-content:space-between;min-height:52px;gap:var(--space-lg)}.mast-nav{border:0;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-sm) var(--space-lg);padding-inline:0}.js .mast-nav{display:none}.menu-toggle{display:none;border:0;padding:0;background:var(--color-clear);color:var(--color-ink);min-height:44px;align-items:center;gap:var(--space-lg);font-size:.8125rem;font-weight:600}.js .menu-toggle{display:inline-flex}.nav-caption{display:none;font-size:.6875rem;line-height:1.4;color:var(--color-muted)}.js .nav-caption{display:block}.nav-products{position:relative;border:0;padding:0}.nav-products summary{font-size:.8125rem;gap:var(--space-sm);white-space:nowrap}.nav-products summary::after{font-size:1rem;content:'⌄'}.nav-products[open] summary::after{content:'⌃'}.product-menu{position:absolute;top:100%;left:calc(-1 * var(--space-lg));width:17rem;padding:var(--space-sm);background:var(--color-paper);border:1px solid var(--color-rule);z-index:var(--z-nav)}.product-menu a{padding:var(--space-sm);min-height:44px;display:flex;align-items:center}.product-menu a:hover,.product-menu a:focus-visible{background:var(--color-surface)}
.hero{background:var(--color-paper)}.hero-image{aspect-ratio:4/3;object-position:80% center}.hero-inner{padding-block:var(--space-2xl) var(--space-xl)}.hero-copy .eyebrow{font-size:.6875rem;letter-spacing:.14em;margin-bottom:var(--space-lg)}.hero-lede{line-height:1.8}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--space-md);row-gap:var(--space-xs);margin-top:var(--space-xl)}.hero-actions .button{margin:0}.hero-actions .text-link{font-size:.8125rem}.hero-bottom{font-size:.75rem}.hero-bottom .concept-note{font-size:.6875rem}.opening,.approach,.beyond,.inquiry{padding-block:var(--section-air)}.product,.clarity,.research,.partnership,.questions{padding-bottom:var(--section-air)}.product-photo{background:var(--color-paper)}.product-photo img{object-position:80% center}.image-tag{font-size:.625rem;letter-spacing:.08em}.product-details h2{font-size:clamp(2.25rem,3.2vw,3.75rem)}.product-line{font-weight:400}.research{display:grid;gap:var(--space-2xl)}.research-intro .eyebrow{margin-bottom:var(--space-lg)}.research-intro p:not(.eyebrow){margin-top:var(--space-lg)}.research-intro .text-link{margin-top:var(--space-lg)}.research-notes article{border-top:1px solid var(--color-rule);padding-block:var(--space-lg)}.research-notes h3{font-size:1.625rem}.research-notes p{font-size:.9375rem;margin-top:var(--space-sm)}.research-notes>.text-link{margin-top:var(--space-xs)}
.approach{background:var(--color-surface);color:var(--color-body)}.approach h2,.approach h3{color:var(--color-ink)}.approach-intro .eyebrow,.water-figure figcaption,.principle-number{color:var(--color-muted)}.principles article{border-color:var(--color-rule)}.approach-intro{max-width:960px}.approach-intro>p:last-child{max-width:65ch}.principles{padding-bottom:var(--space-lg)}.inquiry{background:var(--color-surface)}
html.menu-active{overflow-y:hidden}#site-menu{width:calc(100% - 2 * var(--space-md));max-width:960px;max-height:90dvh;padding:0;overscroll-behavior:contain}#site-menu .menu-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--color-rule)}#site-menu h2{font-size:1.75rem;margin:0}.menu-close{min-height:44px;display:flex;align-items:center;gap:var(--space-sm);padding:0;border:0;background:var(--color-clear);color:var(--color-ink);font-size:.8125rem;font-weight:600}.menu-content{display:grid;gap:var(--space-xl);padding:var(--space-lg)}.menu-brand a{display:flex;align-items:center;min-height:48px;font-family:var(--font-display);font-size:1.375rem;color:var(--color-ink)}.menu-range{border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.menu-range>p{font-size:.75rem;color:var(--color-muted);margin-bottom:var(--space-sm)}.menu-range>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:.875rem;color:var(--color-ink)}.menu-foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);padding:var(--space-lg);border-top:1px solid var(--color-rule)}.menu-brand a:hover,.menu-range>a:hover,.menu-close:hover,.menu-toggle:hover{color:var(--color-accent)}.menu-brand a:active,.menu-range>a:active,.menu-close:active,.menu-toggle:active{transform:translateY(1px)}
.footer{padding-block:var(--space-3xl) var(--space-lg)}.footer-main{display:grid;gap:var(--space-2xl)}.footer-brand .wordmark{font-size:2.75rem}.footer-brand>p{font-size:.8125rem;margin-top:var(--space-md)}.footer-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl) var(--space-lg)}.footer-group:last-child{grid-column:1/-1}.footer-group>p{font-size:.75rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-muted)}.footer-group>a{display:flex;align-items:center;min-height:44px;font-size:.8125rem;color:var(--color-ink)}.footer-group>a:hover{color:var(--color-accent)}.footer-meta{align-items:center;justify-content:flex-start;gap:var(--space-xs) var(--space-lg)}.footer-meta .text-link{font-size:.75rem}.footer-meta>a{min-height:44px;display:flex;align-items:center}.footer-meta>span:last-child{margin-inline-start:auto}
@media(min-width:40rem){.mast-row .wordmark{font-size:3.25rem}.hero-image{aspect-ratio:16/9}.menu-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3xl);padding:var(--space-xl)}.menu-range{border-top:0;border-left:1px solid var(--color-rule);padding-top:0;padding-inline-start:var(--space-xl)}#site-menu .menu-head,.menu-foot{padding-inline:var(--space-xl)}.footer-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-group:last-child{grid-column:auto}}
@media(min-width:60rem){.mast-row{padding-block:var(--space-lg)}.mast-row .wordmark{font-size:3.5rem}.nav-shell{justify-content:center}.js .menu-toggle,.js .nav-caption{display:none}.mast-nav,.js .mast-nav{display:flex;justify-content:center;gap:var(--space-2xl);padding-block:var(--space-xs)}.hero{height:clamp(580px,48vw,820px)}.hero-image{object-position:center}.hero-inner{padding-block:var(--space-2xl)}.hero-copy{width:57%;padding-bottom:var(--space-lg)}.hero-lede{font-size:1rem}.hero-actions{margin-top:var(--space-xl);column-gap:var(--space-xl)}.hero-bottom{padding-block:var(--space-lg)}.research{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-4xl)}.research-intro h2{font-size:3rem}.research-notes article{padding-block:var(--space-xl)}.footer-main{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-3xl)}.footer-navigation{gap:var(--space-xl)}}

/* Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4 */
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding-top:var(--space-xl);font-size:12px;color:var(--color-muted)}
.breadcrumbs a{padding:var(--space-xs) 0;color:var(--color-ink)}
.detail-header{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-block:var(--space-3xl) var(--section-air)}
.detail-header h1,.detail-product h1{font-size:clamp(2.75rem,6.5vw,5.25rem);line-height:1.04;letter-spacing:-.035em;margin:var(--space-lg) 0 0;max-width:17ch}
.detail-header .detail-lede,.detail-product .detail-lede{font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.8;color:var(--color-body);max-width:52ch;align-self:end;margin:0}
.detail-page h2{font-size:clamp(2rem,4vw,3.125rem);line-height:1.12;letter-spacing:-.025em}
.detail-page h3{font-size:clamp(1.5rem,2.3vw,1.875rem);line-height:1.2}
.detail-page section p{line-height:1.8}
.detail-page p{max-width:68ch}
.detail-page nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.35em}
.section-heading{margin-bottom:var(--space-2xl);max-width:640px}
.section-heading h2{margin:var(--space-md) 0 var(--space-lg)}
.detail-next{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xl);padding-block:var(--section-air);border-top:1px solid var(--color-rule)}
.detail-next h2{margin:0 0 var(--space-lg)}
.detail-next p{margin:0}
.detail-next .button{flex-shrink:0}
.story-origin{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xl);padding-bottom:var(--section-air)}
.story-origin h2{margin:0 0 var(--space-xl)}
.origin-name{border-top:1px solid var(--color-rule);padding-top:var(--space-xl)}
.origin-name span{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:.12em;color:var(--color-ink)}
.origin-name p{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}
.culture-section,.heritage-notes,.manufacturing-note,.field-notes,.comparison-section,.values-essay,.pack-directions,.reading-pair,.category-brief,.odor-brief,.cooperation-process,.cooperation-desk,.faq-directory{padding-bottom:var(--section-air)}
.culture-ledger{margin:0;border-top:1px solid var(--color-rule)}
.culture-ledger>div{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-xl);border-bottom:1px solid var(--color-rule)}
.culture-ledger dt>span[lang]{display:block;margin-bottom:var(--space-xs);font-size:13px;letter-spacing:.08em;color:var(--color-muted)}
.culture-ledger .principle-title{display:block;font-family:var(--font-display);font-size:clamp(1.5rem,2.3vw,1.875rem);color:var(--color-ink);line-height:1.2}
.culture-ledger dd{margin:0;line-height:1.8;color:var(--color-body);max-width:62ch}
.heritage-notes h2{margin:0 0 var(--space-xl)}
.heritage-notes ol{list-style:none;margin:0 0 var(--space-lg);padding:0;border-top:1px solid var(--color-rule)}
.heritage-notes li{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--space-md);border-bottom:1px solid var(--color-rule);padding-block:var(--space-xl)}
.heritage-notes li>span{font-family:var(--font-display);font-size:24px;color:var(--color-ink)}
.heritage-notes h3{margin:0 0 var(--space-md)}
.heritage-notes li p{margin:0}
.manufacturing-note{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
.manufacturing-note h2{margin:var(--space-md) 0 0}
.source-note{padding-bottom:var(--space-3xl);font-size:12px;color:var(--color-muted)}
.source-note a{text-decoration:underline;text-underline-offset:.2em}
.field-notes,.odor-brief{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
.note-rows{border-top:1px solid var(--color-rule)}
.note-rows article{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-xl);border-bottom:1px solid var(--color-rule)}
.note-rows article>span{font-size:12px;color:var(--color-muted);padding-top:var(--space-xs)}
.note-rows h3{margin:0 0 var(--space-md)}
.note-rows p{margin:0}
.comparison-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin-bottom:var(--space-lg)}
.brief-table{width:100%;min-width:560px;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.7}
.brief-table th,.brief-table td{padding:var(--space-lg) var(--space-md);border-block:1px solid var(--color-rule);vertical-align:top;color:var(--color-body)}
.brief-table thead th{font-weight:600;color:var(--color-ink);background:var(--color-surface)}
.brief-table tbody th{font-weight:600;white-space:nowrap}
.responsibility-image{margin-block:0 var(--section-air)}
.responsibility-image img{display:block;width:100%;height:auto;max-height:600px;object-fit:cover;object-position:center 60%}
.responsibility-image figcaption,.detail-product figcaption{font-size:12px;color:var(--color-muted);line-height:1.6;margin-top:var(--space-md)}
.values-essay{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3xl)}
.values-essay article{border-top:1px solid var(--color-rule);padding-top:var(--space-xl)}
.values-essay h2{margin:var(--space-md) 0 var(--space-lg)}
.detail-product{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xl);padding-block:var(--space-3xl) var(--section-air)}
.detail-product .detail-lede{margin:var(--space-xl) 0}
.detail-product .button{margin-top:var(--space-lg)}
.detail-product figure{margin:0;min-width:0}
.detail-product img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:79% center}
.pack-rows{border-top:1px solid var(--color-rule)}
.pack-rows article{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-xl);border-bottom:1px solid var(--color-rule)}
.pack-rows article>span{font-size:12px;color:var(--color-muted);padding-top:var(--space-xs)}
.pack-rows h3{margin:0 0 var(--space-md)}
.pack-rows p{margin:0}
.pack-rows a{grid-column:2;justify-self:start}
.reading-pair,.cooperation-desk{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3xl)}
.reading-pair>div{border-top:1px solid var(--color-rule);padding-top:var(--space-xl)}
.reading-pair h2,.cooperation-desk h2{margin:0 0 var(--space-lg)}
.category-statement{padding-block:var(--space-2xl) var(--section-air);border-top:1px solid var(--color-rule)}
.statement-label{font-size:12px;color:var(--color-muted)}
.category-statement h2{font-size:clamp(2.5rem,5vw,4.5rem);max-width:20ch;margin:var(--space-xl) 0}
.category-brief{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
.category-brief h2{margin:0}
.brief-definitions{margin:0;border-top:1px solid var(--color-rule)}
.brief-definitions>div{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule)}
.brief-definitions dt{font-weight:600;color:var(--color-ink)}
.brief-definitions dd{margin:0;color:var(--color-body);line-height:1.8}
.quiet-resource{padding-bottom:var(--section-air)}
.quiet-resource h3{margin:0 0 var(--space-lg)}
.odor-brief aside h2{margin:var(--space-md) 0 var(--space-xl)}
.process-ledger{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
.process-ledger li{border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}
.process-ledger li>span{font-size:12px;letter-spacing:.06em;color:var(--color-muted)}
.process-ledger h3{margin:var(--space-xl) 0 var(--space-md)}
.process-ledger p{margin:0}
.cooperation-desk ul{padding:0;margin:0;list-style:none;border-top:1px solid var(--color-rule)}
.cooperation-desk li{padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule);color:var(--color-body);line-height:1.6}
.faq-group{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-bottom:var(--space-3xl)}
.faq-group h2{margin:0}
.faq-group .faq-items{border-top:1px solid var(--color-rule)}
.privacy-copy{max-width:920px;padding-block:0 var(--section-air)}
.privacy-copy h2{font-size:24px;margin:var(--space-2xl) 0 var(--space-md)}
.privacy-copy h2:first-child{margin-top:0}
@media(min-width:48rem){
 .detail-header{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-2xl)}
 .detail-next{flex-direction:row;align-items:center;justify-content:space-between}
 .culture-ledger>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-2xl)}
 .story-origin{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:var(--space-3xl)}
 .brief-definitions>div{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--space-xl)}
 .process-ledger{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xl)}
 .reading-pair,.cooperation-desk{grid-template-columns:repeat(2,minmax(0,1fr))}
 .detail-product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
}
@media(min-width:60rem){
 .field-notes,.odor-brief,.manufacturing-note{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-4xl)}
 .values-essay{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xl)}
 .values-essay h2{font-size:32px}
 .category-brief,.faq-group{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-3xl)}
 .pack-rows article{grid-template-columns:2rem minmax(0,1fr) auto;gap:var(--space-xl);align-items:center}
 .pack-rows a{grid-column:auto}
}

/* Hallmark · editorial revision v7 · P5 H5 E4 S5 R5 V4
 * Approved Quiet Everyday Cover retained. Less microcopy, larger reading text,
 * real company photographs and short closing links replace repeated CTA blocks.
 */
body{font-size:var(--text-copy);line-height:1.7}
.mast-note,.mast-cta,.mast-nav,.nav-products summary,.menu-toggle,.menu-close,.button,.text-link,.hero-actions .text-link{font-size:var(--text-interface)}
.mast-note{line-height:1.5}.mast-nav{line-height:1.5}
.hero-copy .eyebrow{font-size:var(--text-caption);letter-spacing:.06em}
.hero-lede{font-size:var(--text-copy);max-width:45ch;line-height:1.7}
.hero-bottom .concept-note,.small,.product-note,.field label,.field-message,.feedback,.product-guidance,.contact-note,.breadcrumbs,.detail-page figcaption,.origin-name p,.culture-ledger dt>span[lang],.process-ledger li>span{font-size:var(--text-caption)}
.hero-bottom .concept-note{letter-spacing:0}
.research-notes p,.principles p,.steps p,.range-list p{font-size:var(--text-copy)}
.research-notes article{padding-block:var(--space-lg)}
.principles article{grid-template-columns:minmax(0,1fr);gap:0;padding-block:var(--space-xl)}
.principles>.text-link{margin-top:var(--space-md)}
.opening-copy>.text-link{margin-top:var(--space-xl)}
.explanation-note{padding-block:var(--space-xl) var(--space-3xl);gap:var(--space-xl);align-items:start}
.explanation-note .clarity-intro h2{font-size:clamp(1.75rem,2.6vw,2.25rem);max-width:24ch;margin-bottom:var(--space-lg)}
.explanation-note .clarity-notes{padding-top:0}
.explanation-note .clarity-intro p{font-size:var(--text-copy);max-width:55ch}
.explanation-note .sample-guide{margin-top:0}
.explanation-note .sample-guide summary{font-size:var(--text-interface)}
.explanation-note .sample-guide p{font-size:var(--text-copy)}
.product-line{font-size:var(--text-interface)}
.formats label span{font-size:var(--text-interface);padding-inline:var(--space-md)}
.contact-note{margin-top:var(--space-xl);line-height:1.7}
.questions>.text-link{justify-self:start;align-self:start}
.footer-brand>p,.footer-group>a,.footer-meta,.footer-meta .text-link,.menu-range>a{font-size:var(--text-interface)}
.footer-group>p,.menu-range>p{font-size:var(--text-caption);letter-spacing:0}
.footer-group>a{white-space:normal;line-height:1.5}
.origin-name p{letter-spacing:0;text-transform:none}
.archive-photo{width:100%;max-width:470px;margin-top:var(--space-xl)}
.archive-photo img{aspect-ratio:470/350;object-fit:contain}
.archive-photo figcaption{margin-top:var(--space-sm);color:var(--color-muted);line-height:1.5}
.manufacturing-note h2,.field-notes h2{margin:0 0 var(--space-xl)}
.note-rows article{grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}
.note-rows h3{margin:0}
.pack-rows article{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
.pack-rows a{grid-column:auto;max-width:100%;white-space:normal}
.editorial-close{padding-block:var(--space-3xl);gap:var(--space-lg)}
.editorial-close p{font-size:var(--text-copy)}
.brief-table{min-width:0;font-size:var(--text-copy)}
.table-hint{display:none}
@media(min-width:60rem){
 .hero-lede{font-size:var(--text-copy)}
 .mast-nav,.js .mast-nav{gap:var(--space-xl)}
 .explanation-note{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-3xl)}
 .manufacturing-note .archive-photo{margin-top:0;justify-self:end}
 .values-essay{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3xl)}
 .values-essay article:first-child{grid-column:1/-1;max-width:720px}
 .pack-rows article{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2xl)}
 .pack-rows p{max-width:58ch}
}
@media(max-width:47.999rem){
 .comparison-scroll{overflow:visible;border:0}
 .brief-table,.brief-table tbody{display:block;width:100%}
 .brief-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .brief-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);padding-block:var(--space-xl);border-top:1px solid var(--color-rule);gap:var(--space-lg)}
 .brief-table tbody tr:last-child{border-bottom:1px solid var(--color-rule)}
 .brief-table tbody th,.brief-table tbody td{display:block;border:0;padding:0;white-space:normal}
 .brief-table tbody td::before{content:attr(data-label);display:block;font-size:var(--text-interface);color:var(--color-muted);margin-bottom:var(--space-xs)}
 .brief-table tbody th{font-family:var(--font-display);font-weight:400;font-size:1.625rem;color:var(--color-ink)}
}

/* Hallmark · atmosphere v8 · P5 H5 E4 S5 R5 V4
 * Original luminous bottle cover retained. Panoramic art carries formulation,
 * fragrance-free culture and environmental intent; concise prose supports it.
 */
.visual-page-header{padding-bottom:var(--space-2xl)}
.visual-page-header h1{max-width:22ch;margin-top:0}
.atmosphere-wide{margin-block:0 var(--section-air)}
.atmosphere-wide img,.research-panorama img,.care-panorama img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.bottle-belief img{object-position:72% center}
.brand-belief{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-bottom:var(--section-air)}
.brand-belief h2{max-width:22ch}
.formula-notes>div:first-child>p{margin-top:var(--space-lg)}
.environment-water img{max-height:660px;object-position:center}
.visual-research{gap:var(--space-xl)}
.visual-research .research-intro h2{font-size:clamp(2.25rem,4vw,3.5rem)}
.research-intent{align-self:end;max-width:60ch}
.research-intent .text-link{margin-top:var(--space-lg)}
.research-panorama{grid-column:1/-1;margin-top:var(--space-lg)}
.care-panorama{margin-top:var(--space-2xl)}
.visual-approach .approach-intro{text-align:left;max-width:var(--page-max)}
.visual-approach .approach-intro>p:last-child{margin-inline:0;max-width:55ch}
.visual-approach .approach-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg);margin-top:var(--space-xl)}
.visual-approach .principles{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding:0;width:100%}
.visual-approach .principles article{padding-block:var(--space-lg);gap:0}
@media(min-width:48rem){
 .brand-belief{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-3xl)}
 .visual-approach .principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3xl)}
}
@media(min-width:60rem){
 .visual-research{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-xl) var(--space-4xl)}
 .research-panorama{margin-top:var(--space-xl)}
 .visual-page-header{align-items:end;padding-top:var(--space-2xl)}
}

@media(max-width:47.999rem){.atmosphere-wide img,.research-panorama img,.care-panorama img{aspect-ratio:4/3;object-position:65% center}.bottle-belief img{aspect-ratio:4/5;object-position:80% center}}