/* Compact editorial rhythm: reduce decorative space, retain readable type and
   44px controls. Loaded after the base layouts, with explicit mobile rules. */
:root{--gutter:28px}
h1{font-size:clamp(36px,3.85vw,54px)}
h2{font-size:clamp(28px,2.7vw,37px)}
.section{padding-block:62px}
.eyebrow{margin-bottom:14px}
.intro{line-height:1.75}
.header-inner{min-height:76px}
.brand-mark{width:29px;height:39px}
.brand>span{font-size:18px}
.announcement{min-height:29px;padding-block:5px}
.hero{padding-block:28px 30px}
.hero-grid{gap:40px}
.hero h1{font-size:clamp(39px,4vw,57px)}
.hero-copy{padding-block:15px}
.hero-copy .eyebrow{margin-bottom:19px}
.hero-description{margin-block:18px 21px;line-height:1.75}
.hero-note{margin-top:27px}
.hero-visual{height:450px}
.hero-caption{bottom:22px;padding:15px 18px}
.values-inner{min-height:49px}
.section-head{gap:22px;margin-bottom:14px}
.section-head .eyebrow{margin-bottom:11px}
.section-intro{margin-bottom:23px}
.product-grid{gap:20px}
.oil-image{height:216px;padding:20px}
.oil-image img{height:169px;max-height:169px}
.oil-image img[src*='wierook']{height:145px;max-height:145px}
.oil-meta{margin-top:12px}
.oil-card h3{font-size:24px}
.oil-card>p{line-height:1.65}
.finder-section{padding:25px 30px;gap:22px}
.story-section{padding-block:70px;gap:66px}
.story-image{height:390px}
.story-copy h2{margin-bottom:18px}
.signature{margin-top:22px}
.rituals-section .section-head{margin-bottom:24px}
.ritual-image{height:225px}
.ritual-card>.eyebrow{margin-top:16px}
.ritual-grid{gap:20px}
.faq-section{gap:68px}
.faq-list summary{min-height:54px;padding-block:14px}
.faq-list details>div{padding-bottom:16px}
.advice-inner{padding-block:36px}
.advice-inner h2{font-size:31px}
.breadcrumb{padding-top:21px}
.page-heading{padding-block:32px 29px}
.page-heading h1{margin-bottom:17px;max-width:850px}
.page-heading .intro{line-height:1.75;max-width:740px}
.catalog-section{padding-bottom:58px}
.catalog-toolbar{padding-block:16px}
.results-count{margin-block:17px}
.catalog-grid{row-gap:30px}
.collection-note{margin-top:34px;padding:16px 20px}
.product-detail{gap:58px;padding-block:30px 52px}
.detail-image{height:440px;padding:35px}
.detail-image img{height:320px;max-height:320px}
.detail-copy h1{font-size:48px;margin-bottom:12px}
.detail-advice{margin-top:19px;padding-top:18px}
.detail-information{padding-block:37px;gap:62px}
.detail-information h2{font-size:31px;margin-bottom:15px}
.about-hero{padding-block:35px 57px;gap:50px}
.about-copy h1{font-size:46px;margin-bottom:19px}
.about-image img{height:420px}
.principle-grid{gap:36px;margin-top:30px}
.contact-grid{gap:52px;padding-bottom:66px}
.contact-details{padding-top:20px}
.contact-line{margin-top:20px;padding-bottom:17px}
.contact-form{padding:27px}
.faq-page,.prose,.ritual-overview{padding-bottom:62px}
.prose h2{margin-top:29px}
.article-hero,.article-hero img{height:365px;max-height:365px}
.ritual-steps>section{padding-block:25px}
.site-footer{padding-top:47px}
.footer-grid{gap:33px;padding-bottom:37px}
.footer-brand>p{margin-top:17px}
.footer-bottom{padding-block:16px}
.article-heading{padding-block:34px 36px}
.article-heading h1{font-size:clamp(33px,3.6vw,49px);margin-bottom:18px}
.article-heading .intro{font-size:17px;line-height:1.75;max-width:810px}
.editorial-byline{margin-top:18px;padding-top:13px}
.article-layout{gap:44px;padding-bottom:44px}
.article-toc{padding:20px}
.article-toc a{padding-block:9px}
.article-body{line-height:1.8}
.article-body h2{font-size:29px;margin-bottom:17px}
.article-body>section{margin-bottom:34px}
.article-body>section+section{padding-top:25px}
.article-body p{margin-bottom:16px}
.article-body ul,.article-body ol{margin-block:16px}
.article-body li{margin-block:8px}
.article-body .source-panel{padding:23px}
.knowledge-preview{padding-top:55px}
.knowledge-feature{margin-top:24px}
.knowledge-feature-copy{padding:30px 34px}
.knowledge-feature-copy h3{font-size:31px;margin-bottom:16px}
.knowledge-feature-links>a{min-height:100px;padding-block:19px}
.knowledge-hub{padding-bottom:54px}
.topic-navigation{padding-block:10px;gap:10px 26px}
.knowledge-topic{padding-top:32px}
.knowledge-grid{gap:18px;margin-top:20px}
.knowledge-card{padding:21px;position:relative;border-top:2px solid #b1ab98}
.knowledge-card .eyebrow{margin-bottom:12px}
.knowledge-card h3{font-size:25px;margin-bottom:12px;line-height:1.22}
.knowledge-card>p:not(.eyebrow){line-height:1.7;margin-bottom:14px}
.knowledge-card .text-link{font-size:12px}
.knowledge-card[data-category='plant-geur']{background:#eceade;border-top-color:#a5a181}
.knowledge-card[data-category='geurcombinaties']{background:#eee5df;border-top-color:#b79785}
.knowledge-card[data-category='geur-leren-kennen']{background:#ece7ed;border-top-color:#a592aa}
.knowledge-card[data-category='kwaliteit-etiket']{background:#e8e9e3;border-top-color:#969d87}
.knowledge-card[data-category='diffuser-thuis']{background:#e7ece8;border-top-color:#93a99c}
.knowledge-card[data-category='bewust-gebruik']{background:#f0e9dd;border-top-color:#b09d7b}
.library-heading .intro{font-size:16px}
.ingredient-directory{padding-bottom:47px}
.directory-toolbar{padding:18px;gap:18px}
.directory-search,.directory-sort select{min-height:48px}
.directory-search input{height:46px}
.alphabet{padding-block:14px}
.directory-status{margin-block:16px}
.ingredient-grid{gap:18px}
.ingredient-card{--card-bg:#edeae2;--card-tone:#79725d;--card-edge:#c4bdac;position:relative;padding:20px 23px;background:var(--card-bg);border:1px solid var(--card-edge);border-top:3px solid var(--card-tone);transition:box-shadow .2s,border-color .2s}
.ingredient-card[data-family='citrus']{--card-bg:#f0ebda;--card-tone:#8a7844;--card-edge:#d9d0b5}
.ingredient-card[data-family='bloemig']{--card-bg:#eee5e6;--card-tone:#946f79;--card-edge:#d9c7cc}
.ingredient-card[data-family='kruidig']{--card-bg:#e7e9df;--card-tone:#74795a;--card-edge:#ced0be}
.ingredient-card[data-family='houtachtig']{--card-bg:#eee3d7;--card-tone:#946f51;--card-edge:#d9c7b7}
.ingredient-card[data-botanical='citroen']{--card-bg:#f0ebda;--card-tone:#8a7844;--card-edge:#d9d0b5}
.ingredient-card[data-botanical='citroengras']{--card-bg:#e9eadc;--card-tone:#727a4e;--card-edge:#cbd0b7}
.ingredient-card[data-botanical='eucalyptus']{--card-bg:#e5ebe6;--card-tone:#647b70;--card-edge:#c7d3cb}
.ingredient-card[data-botanical='lavendel']{--card-bg:#ede7ed;--card-tone:#86718a;--card-edge:#d8cbd9}
.ingredient-card[data-botanical='pepermunt']{--card-bg:#e5eade;--card-tone:#657c57;--card-edge:#c7d2bd}
.ingredient-card[data-botanical='tea-tree']{--card-bg:#e7e9df;--card-tone:#74795a;--card-edge:#ced0be}
.ingredient-card[data-botanical='wierook']{--card-bg:#eee3d7;--card-tone:#946f51;--card-edge:#d9c7b7}
.ingredient-card[data-botanical='wilde-sinaasappel']{--card-bg:#f0e5d8;--card-tone:#a17a52;--card-edge:#dfcbb5}
.ingredient-card:hover,.ingredient-card:focus-within{border-color:var(--card-tone);box-shadow:0 5px 18px #4037230b}
.ingredient-card-top{min-height:42px;margin-bottom:7px;align-items:center;padding-right:58px}
.ingredient-card-top .eyebrow{color:var(--ink);text-align:left;font-size:9px;letter-spacing:.1em;opacity:.85}
.botanical-art{position:absolute;top:13px;right:18px;width:52px;height:64px;color:var(--card-tone);opacity:1;pointer-events:none}
.ingredient-card h2{font-size:29px;margin-bottom:4px;max-width:100%;line-height:1.18}
.ingredient-card .latin-name{font-size:15px;margin-bottom:15px}
.ingredient-card>p.ingredient-excerpt{font-size:14px;line-height:1.7;margin-bottom:17px}
.ingredient-card .plant-part{font-size:12px;line-height:1.6;padding-top:12px;margin-bottom:8px;border-color:var(--card-edge);gap:8px}
.ingredient-card .plant-part .icon{width:16px;height:16px;color:var(--card-tone)}
.ingredient-card .text-link{font-size:12px;min-height:44px}
.ingredient-heading{padding-block:36px 43px;gap:60px}
.ingredient-heading h1{font-size:clamp(38px,3.8vw,56px)}
.ingredient-heading .latin-name{margin-bottom:15px;font-size:21px}
.ingredient-heading .intro{font-size:16px;line-height:1.8}
.ingredient-summary{padding:23px}
.ingredient-summary h2{margin-bottom:16px}
.ingredient-summary dt{margin-top:11px}
.compound-list>div{padding-block:15px}
.evidence-card{padding:20px}
.editorial-note{padding:21px 25px;margin-block:25px}
.collection-context{padding-block:33px 42px}
.family-links .text-link{min-height:48px;padding-block:10px}
.family-grid{gap:18px;padding-bottom:42px}
.family-card{padding:26px}
.family-card h2{font-size:32px;margin-bottom:15px}
.family-finder{padding-block:27px 54px}
.family-story{gap:50px}
.start-steps>article{padding-block:25px;gap:22px}
.start-steps h2{font-size:30px;margin-bottom:15px}
.order-layout{padding-bottom:54px;gap:48px}
.oil-dossier{padding-block:44px;gap:44px}
.oil-facts{margin-block:21px 29px}
.sitemap-grid{gap:30px;padding-bottom:50px}
.knowledge-search-tools{margin-bottom:22px}
.knowledge-results-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.knowledge-results-head h2{font-size:29px}
.knowledge-results-head p{margin:0;font-size:13px;color:var(--muted)}
.knowledge-more{margin-top:24px;display:flex;justify-content:center}
.article-category-note{padding:12px 16px;background:#ece9df;border-left:2px solid #9d9175;font-size:13px;color:var(--muted);margin-top:17px}
@media(max-width:1060px){
 .hero-visual{height:405px}.hero h1{font-size:44px}.hero-grid{gap:30px}
 .header-inner{min-height:71px}.story-section{gap:35px}.story-image{height:350px}
 .ingredient-grid,.knowledge-grid{gap:16px}.ingredient-heading{gap:30px}
 .article-layout{gap:28px}.oil-dossier{gap:28px}.footer-grid{gap:25px}
}
@media(max-width:760px){
 :root{--gutter:21px}.section{padding-block:44px}.hero{padding-block:23px 27px}
 .hero h1{font-size:43px}.hero-visual{height:350px}.hero-grid{gap:24px}
 .story-section{padding-block:47px;gap:26px}.story-image{height:330px}
 .faq-section{gap:26px}.page-heading{padding-block:26px 25px}.breadcrumb{padding-top:18px}
 .page-heading h1{font-size:clamp(34px,6vw,46px)}
 .article-heading{padding-block:27px 29px}.article-heading h1{font-size:36px}
 .article-layout{gap:22px}.article-heading .intro,.article-body{font-size:16px}
 .ingredient-heading{padding-block:27px 30px;gap:22px}.ingredient-heading h1{font-size:42px}
 .ingredient-summary h2{margin-bottom:18px}.ingredient-summary dt{margin-top:0}
 .directory-toolbar{padding:15px;gap:12px}.knowledge-results-head{align-items:flex-start}
 .product-detail{gap:28px;padding-block:26px 37px}.detail-image{height:370px}
 .detail-copy h1{font-size:41px}.detail-information{gap:25px;padding-block:30px}
 .about-hero{gap:28px;padding-block:28px 40px}.about-copy h1{font-size:39px}
 .about-image img{height:340px}.contact-grid{gap:27px;padding-bottom:44px}
 .advice-inner{padding-block:29px}.advice-inner h2{font-size:29px}.footer-grid{padding-bottom:30px}
 .oil-dossier{padding-block:33px}.family-story,.order-layout{gap:25px}
}
@media(max-width:520px){
 :root{--gutter:19px}h1{font-size:35px}.header-inner{min-height:67px}
 .hero h1{font-size:40px}.hero-visual{height:340px}.hero-note{margin-top:21px}
 .hero-caption{left:12px;right:12px;bottom:14px}.values-inner{gap:12px;min-height:48px}
 .oil-image{height:181px;padding:16px 11px}.oil-image img{height:143px;max-height:143px}
 .oil-image img[src*='wierook']{height:125px;max-height:125px}
 .ingredient-card{padding:18px 21px}.ingredient-card h2{font-size:28px}
 .ingredient-card>p.ingredient-excerpt{font-size:15px;line-height:1.65}
 .ingredient-card .plant-part{font-size:12px}.ingredient-card .latin-name{margin-bottom:13px}
 .ingredient-card-top{margin-bottom:6px}.ingredient-grid,.knowledge-grid{gap:15px}
 .ingredient-card .text-link{font-size:13px}.botanical-art{top:14px;right:17px}
 .knowledge-card{padding:21px}.knowledge-card h3{font-size:25px}
 .knowledge-card>p:not(.eyebrow){font-size:15px;line-height:1.7}
 .knowledge-results-head{display:block}.knowledge-results-head p{margin-top:7px}
 .article-body h2{font-size:28px}.article-body>section{margin-bottom:28px}
 .article-body>section+section{padding-top:22px}.article-body .source-panel{padding:19px}
 .ingredient-summary dt{margin-top:10px}.knowledge-feature-copy{padding:24px}
 .knowledge-feature-copy h3{font-size:29px}.editorial-note{padding:20px}
 .family-card{padding:23px}.family-card h2{font-size:30px}
 .start-steps>article{grid-template-columns:30px minmax(0,1fr);gap:12px}
 .start-steps h2{font-size:28px}.article-hero,.article-hero img{height:285px}
 .contact-form{padding:22px}.site-footer{padding-top:36px}
}
@media(prefers-reduced-motion:reduce){.ingredient-card{transition:none}}

/* Keep the three promises together, including the narrowest mobile viewport. */
.values-strip .values-inner {
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;
}
.values-strip .values-inner>span {
 justify-content:center;min-width:0;padding:12px 14px;text-align:center;line-height:1.5;
}
.values-strip .values-inner>span+span {border-left:1px solid var(--line)}
.values-strip .value-label-full,.values-strip .value-label-short {white-space:nowrap}
.values-strip .value-label-short {display:none}
@media(max-width:700px){
 .values-strip .values-inner{width:calc(100% - 24px);padding-block:12px;min-height:0}
 .values-strip .values-inner>span{flex-direction:column;justify-content:flex-start;gap:6px;padding:0 9px;font-size:11px;min-height:0;line-height:1.45}
 .values-strip .values-inner .icon{width:17px;height:17px;flex-shrink:0}
}
@media(max-width:520px){
 .values-strip .value-label-full{display:none}
 .values-strip .value-label-short{display:inline}
 .values-strip .values-inner>span{padding-inline:4px}
}

/* Dedicated ingredient illustrations retain one visual identity on cards and dossiers. */
.ingredient-summary>.botanical-art{right:20px;top:17px;width:48px;height:62px;color:#758568}
.ingredient-summary h2{padding-right:35px}
.article-botanical{float:right;width:76px;height:96px;margin:0 0 16px 24px;color:#8b7d65}
.article-botanical>.botanical-art{position:static;width:100%;height:100%;color:inherit;opacity:1}
@media(max-width:520px){.article-botanical{width:48px;height:64px;margin:0 0 9px 13px}.ingredient-summary>.botanical-art{width:42px;height:56px}}