:root{--bg:#f7f6f1;--surface:#fff;--soft:#e8ece3;--text:#1c1d1a;--muted:#626960;--line:#d8ddd3;--accent:#687568;--accent-soft:#dbe2d7;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}.narrow{max-width:840px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(247,246,241,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(28,29,26,.08)}.nav-wrap{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:340px;max-height:78px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:28px;color:var(--muted);font-size:.95rem}.site-header nav a:hover{color:var(--accent)}
.hero{min-height:78vh;display:grid;align-items:center;padding:84px 0 100px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px}.eyebrow,.section-label{display:inline-block;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:700;color:var(--accent)}h1,h2,h3{margin:0;line-height:1.05;letter-spacing:-.035em}h1{margin-top:18px;font-size:clamp(3.4rem,7vw,6.8rem)}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}.lead{max-width:670px;margin:28px 0 34px;color:var(--muted);font-size:clamp(1.08rem,1.7vw,1.28rem)}.button{display:inline-flex;padding:14px 22px;border:1px solid var(--accent);border-radius:999px;font-weight:600;transition:.2s}.button:hover{background:var(--accent);color:#fff}
.hero-visual{position:relative;min-height:430px;overflow:hidden;border-radius:28px;background:var(--accent-soft);isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:12%;border:1px solid rgba(28,29,26,.16);border-radius:50%}.ring{position:absolute;border:1px solid rgba(104,117,104,.34);border-radius:50%}.ring-a{width:330px;height:330px;left:-90px;top:25px}.ring-b{width:250px;height:250px;right:-50px;bottom:-60px}.drop{position:absolute;border-radius:50%;mix-blend-mode:multiply}.drop-a{width:190px;height:190px;left:20px;bottom:-40px;background:#c4cec0}.drop-b{width:145px;height:145px;right:55px;top:64px;background:#b2bfae}.drop-c{width:88px;height:88px;left:36%;top:16%;background:#f0f1eb}.visual-caption{position:absolute;left:34px;bottom:30px;z-index:2;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;line-height:1.08}
.section{padding:110px 0;border-top:1px solid var(--line)}.section-soft{background:var(--soft)}.section h2{margin:14px 0 24px;font-size:clamp(2.5rem,5vw,4.5rem)}.section p{color:var(--muted);font-size:1.05rem}.section-intro,.knowledge{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.section-intro>p{margin:0}.oil-grid{margin-top:58px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.oil-card{background:rgba(255,255,255,.78);border:1px solid rgba(28,29,26,.09);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.oil-image{height:230px;background:linear-gradient(135deg,#dfe4dc,#eef0eb);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.oil-image span{font-size:.82rem;color:#70786f;letter-spacing:.04em}.oil-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.oil-body{padding:28px}.oil-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:10px}.oil-index{font-size:.75rem;font-weight:700;letter-spacing:.13em;color:var(--accent)}.botanical{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:var(--muted);font-size:.92rem}.oil-card h3{font-size:2rem;margin-bottom:24px}.oil-section{padding-top:15px;border-top:1px solid var(--line);margin-top:15px}.oil-section strong{font-size:.77rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.oil-section p{margin:.45rem 0 0;font-size:.96rem}.notice{padding:18px 20px;border-left:2px solid var(--accent);background:#eef1eb;font-size:.94rem!important}.site-footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.9rem}.footer-wrap{display:flex;justify-content:space-between;gap:20px}.site-footer a:hover{color:var(--text)}code{font-size:.9em;color:var(--accent)}
@media(max-width:900px){.nav-wrap{min-height:86px}.brand img{width:270px;max-height:64px}.hero-grid,.section-intro,.knowledge{grid-template-columns:1fr;gap:40px}.oil-grid{grid-template-columns:1fr}.hero{padding:62px 0 76px}.hero-visual{min-height:320px}.section{padding:78px 0}}
@media(max-width:600px){.container{width:min(var(--max),calc(100% - 32px))}.site-header nav{display:none}.nav-wrap{min-height:78px}.brand img{width:220px;max-height:54px}h1{font-size:3.2rem}.oil-image{height:200px}.footer-wrap{flex-direction:column}}

/* v6: navigation, profile metadata, evidence and safety */
.oil-jump{margin-top:42px;padding:20px 22px;background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:18px;display:flex;flex-wrap:wrap;gap:9px;align-items:center}.oil-jump-label{width:100%;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}.oil-jump a{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.86rem;color:var(--muted);transition:.2s}.oil-jump a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.oil-card{scroll-margin-top:125px}.oil-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 24px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.meta-item{padding:12px 13px;background:#f8f8f4;display:flex;flex-direction:column;gap:3px}.meta-label{font-size:.67rem;text-transform:uppercase;letter-spacing:.09em;color:var(--accent);font-weight:700}.meta-value{font-size:.84rem;color:var(--text);line-height:1.35}.evidence-badges{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 7px}.evidence-badge{font-size:.68rem;line-height:1;padding:6px 8px;border-radius:999px;font-weight:700;letter-spacing:.02em}.evidence-badge.traditional{background:#e9e2d4;color:#655b48}.evidence-badge.studied{background:var(--accent-soft);color:#4f604f}.oil-warning{margin-top:20px;padding:16px 17px;border:1px solid #d8c49d;border-left:4px solid #a88443;border-radius:12px;background:#fbf6ea}.oil-warning strong{display:block;color:#745d31;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.oil-warning p{margin:7px 0 0!important;color:#665b46!important;font-size:.9rem!important}.oil-warning-strong{border-color:#d7b3a6;border-left-color:#9a5744;background:#fbf0ec}.oil-warning-strong strong{color:#814735}.oil-warning-strong p{color:#694d44!important}.sources-section{background:#f2f2ed}
@media(max-width:600px){.oil-meta{grid-template-columns:1fr}.oil-jump{padding:16px}.oil-jump a{font-size:.82rem}}

/* v7: mobile menu, oil search, compact portraits and source links */
.nav-toggle{display:none;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:10px 14px;color:var(--text);font:inherit;font-weight:650;align-items:center;gap:9px;cursor:pointer}.nav-toggle-icon,.nav-toggle-icon:before,.nav-toggle-icon:after{display:block;width:17px;height:1.5px;background:currentColor;content:"";transition:.2s}.nav-toggle-icon{position:relative}.nav-toggle-icon:before{position:absolute;top:-5px}.nav-toggle-icon:after{position:absolute;top:5px}.nav-toggle[aria-expanded="true"] .nav-toggle-icon{background:transparent}.nav-toggle[aria-expanded="true"] .nav-toggle-icon:before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded="true"] .nav-toggle-icon:after{top:0;transform:rotate(-45deg)}
.oil-tools{margin-top:42px;padding:22px;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:18px}.oil-tools>label{display:block;margin-bottom:8px;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.oil-search-row{display:flex;gap:10px}.oil-search-row input{min-width:0;flex:1;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit}.oil-search-row input:focus{outline:2px solid var(--accent);outline-offset:2px}.oil-search-row button,.filter-chip,.oil-more{border:1px solid var(--accent);border-radius:999px;background:transparent;padding:10px 15px;color:var(--text);font:inherit;font-size:.88rem;font-weight:650;cursor:pointer}.oil-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.filter-chip.is-active,.filter-chip:hover,.oil-more:hover{background:var(--accent);color:#fff}.oil-results{margin:12px 0 0!important;font-size:.88rem!important}.oil-tools+.oil-jump{margin-top:18px}.oil-card[hidden],.oil-jump a[hidden]{display:none}.oil-card-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:20px;margin-top:18px;border-top:1px solid var(--line)}.back-to-oils{font-size:.88rem;color:var(--accent);font-weight:650}.back-to-oils:hover{text-decoration:underline}.oil-section a,.sources-section a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.oil-section a:hover,.sources-section a:hover{color:var(--accent)}
@media(max-width:600px){.nav-wrap{position:relative}.nav-toggle{display:inline-flex}.site-header nav{position:absolute;display:none;top:calc(100% - 2px);left:16px;right:16px;flex-direction:column;gap:0;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 36px rgba(28,29,26,.14)}.site-header nav.is-open{display:flex}.site-header nav a{padding:12px 14px;border-radius:10px}.site-header nav a:hover{background:var(--soft)}.oil-search-row{flex-direction:column}.oil-search-row button{align-self:flex-start}.oil-card-controls{align-items:flex-start;flex-direction:column}.oil-more{width:100%}}

/* v8: larger search controls and one floating overview link */
.oil-tools{padding:30px;border-radius:22px}.oil-tools>label{margin-bottom:12px;font-size:.9rem}.oil-search-row{gap:14px}.oil-search-row input{min-height:58px;padding:16px 18px;border-radius:14px;font-size:1.08rem}.oil-search-row button{min-height:58px;padding:14px 22px;font-size:1rem}.oil-filters{gap:11px;margin-top:20px}.filter-chip{min-height:48px;padding:12px 19px;font-size:1rem}.oil-results{margin-top:16px!important;font-size:.98rem!important}.oil-card-controls{justify-content:flex-start}.floating-back-to-oils{position:fixed;right:26px;bottom:26px;z-index:18;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:var(--accent);color:#fff;font-size:.9rem;font-weight:700;box-shadow:0 10px 28px rgba(28,29,26,.25);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s}.floating-back-to-oils.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.floating-back-to-oils:hover{background:var(--text);transform:translateY(-2px)}
@media(max-width:600px){.oil-tools{padding:22px}.oil-search-row input{min-height:56px}.oil-search-row button{min-height:50px;width:100%}.filter-chip{min-height:46px;padding:11px 15px;font-size:.92rem}.floating-back-to-oils{right:16px;bottom:16px;min-height:44px;padding:10px 15px;font-size:.82rem}}

/* v9: privacy-friendly contact form */
.contact-form{position:relative;margin-top:38px;padding:30px;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:22px}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.form-field label{font-size:.84rem;font-weight:700;letter-spacing:.04em;color:var(--text)}.form-field input,.form-field select,.form-field textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit}.form-field textarea{resize:vertical;min-height:180px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.form-field small,.form-privacy{color:var(--muted);font-size:.84rem!important}.form-privacy a{text-decoration:underline;text-underline-offset:3px}.form-submit{background:var(--accent);color:#fff;cursor:pointer}.form-submit:hover{background:var(--text)}.form-message{margin:30px 0 0;padding:18px 20px;border-radius:14px}.form-success{background:#e4ede2;border:1px solid #b9cab5;color:#334631}.form-error{background:#fbf0ec;border:1px solid #d7b3a6;color:#694d44}.form-error ul{margin-bottom:0}.form-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.protected-email{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.contact-form{padding:21px}.contact-form .button{width:100%;justify-content:center}}

/* v10: knowledge page for essential-oil constituents */
.site-header nav a[aria-current="page"]{color:var(--text);font-weight:700}.ingredient-hero{min-height:72vh;display:grid;align-items:center;padding:84px 0 100px}.button-secondary{margin-left:10px}.structure-hero{position:relative;min-height:430px;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#e1e7de,#f1f2ed);isolation:isolate}.structure-hero:before,.structure-hero:after{content:"";position:absolute;border:1px solid rgba(104,117,104,.25);border-radius:50%}.structure-hero:before{width:350px;height:350px;left:-90px;top:35px}.structure-hero:after{width:270px;height:270px;right:-45px;bottom:-70px}.structure-hero img{position:absolute;width:155px;height:155px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(28,29,26,.1);mix-blend-mode:multiply}.structure-hero-a{left:35px;top:42px}.structure-hero-b{right:46px;top:78px}.structure-hero-c{left:38%;bottom:35px}.structure-hero .visual-caption{left:auto;right:28px;bottom:27px;text-align:right;font-size:1.28rem}
.ingredient-tools{margin-top:42px;padding:30px;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:22px}.ingredient-tools>label{display:block;margin-bottom:12px;font-size:.9rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.ingredient-tools .oil-search-row input{min-height:58px;padding:16px 18px;border-radius:14px;font-size:1.08rem}.ingredient-tools .oil-search-row button{min-height:58px;padding:14px 22px;font-size:1rem;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-weight:650;cursor:pointer}.ingredient-tools .oil-search-row button:hover{background:var(--accent);color:#fff}.ingredient-filters{display:flex;flex-wrap:wrap;gap:11px;margin-top:20px}.ingredient-filter-chip{min-height:48px;padding:12px 19px;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:1rem;font-weight:650;cursor:pointer}.ingredient-filter-chip.is-active,.ingredient-filter-chip:hover{background:var(--accent);color:#fff}.ingredient-results{margin:16px 0 0!important;font-size:.98rem!important}
.ingredient-grid{margin-top:58px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ingredient-card{background:rgba(255,255,255,.78);border:1px solid rgba(28,29,26,.09);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:125px}.ingredient-card[hidden]{display:none}.ingredient-structure{height:250px;background:linear-gradient(135deg,#dfe4dc,#eef0eb);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ingredient-structure img{width:100%;height:100%;object-fit:contain;padding:0;mix-blend-mode:multiply}.ingredient-structure>span{position:absolute;left:16px;bottom:14px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--line);color:var(--muted);font-size:.72rem}.ingredient-body{padding:28px}.ingredient-card h3{font-size:2rem;margin-bottom:20px}.ingredient-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:20px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.ingredient-meta span{padding:12px 13px;background:#f8f8f4;color:var(--text);font-size:.84rem;line-height:1.4}.ingredient-meta b{display:block;margin-bottom:3px;font-size:.67rem;text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}.group-card{border-color:#b8c4b5}.group-card .oil-index{color:#4f604f}.floating-back-to-ingredients{position:fixed;right:26px;bottom:26px;z-index:18;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:var(--accent);color:#fff;font-size:.9rem;font-weight:700;box-shadow:0 10px 28px rgba(28,29,26,.25);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s}.floating-back-to-ingredients.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.floating-back-to-ingredients:hover{background:var(--text);transform:translateY(-2px)}
@media(max-width:900px){.ingredient-hero{padding:62px 0 76px}.ingredient-grid{grid-template-columns:1fr}.structure-hero{min-height:340px}}
@media(max-width:600px){.button-secondary{margin:12px 0 0}.ingredient-tools{padding:22px}.ingredient-tools .oil-search-row button{min-height:50px;width:100%}.ingredient-filter-chip{min-height:46px;padding:11px 15px;font-size:.92rem}.ingredient-structure{height:220px}.ingredient-meta{grid-template-columns:1fr}.floating-back-to-ingredients{right:16px;bottom:16px;min-height:44px;padding:10px 15px;font-size:.82rem}}

/* v11: separate room-fragrance page */
.room-teaser-copy .button{margin-top:18px}.room-hero-visual{position:relative;min-height:430px;overflow:hidden;border-radius:28px;background:#dfe4dc}.room-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(28,29,26,.02),rgba(28,29,26,.34))}.room-hero-visual .visual-caption{color:#fff;text-shadow:0 2px 16px rgba(28,29,26,.35)}.room-methods{margin-top:52px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.room-method{padding:26px;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:20px}.room-method h3{font-size:1.65rem;margin-bottom:14px}.room-method p{margin:0;font-size:.98rem}.room-method .oil-index{display:block;margin-bottom:12px}.room-aging{margin-top:64px;padding-top:52px;border-top:1px solid var(--line);align-items:start}.room-safety-list{margin:20px 0 0;padding-left:1.2rem;color:var(--muted)}.room-safety-list li+li{margin-top:10px}.floating-back-to-blends{position:fixed;right:26px;bottom:26px;z-index:18;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:var(--accent);color:#fff;font-size:.9rem;font-weight:700;box-shadow:0 10px 28px rgba(28,29,26,.25);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s}.floating-back-to-blends.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.floating-back-to-blends:hover{background:var(--text);transform:translateY(-2px)}
@media(max-width:900px){.room-methods{grid-template-columns:1fr}.room-hero-visual{min-height:340px}}
@media(max-width:600px){.floating-back-to-blends{right:16px;bottom:16px;min-height:44px;padding:10px 15px;font-size:.82rem}}

/* v12: expandable constituent profiles */
.evidence-badge.limited{background:#ece9e1;color:#6c6557}.ingredient-grid{align-items:start}.ingredient-body{display:flex;flex:1;flex-direction:column}.ingredient-card-controls{justify-content:flex-start;margin-top:auto}.ingredient-card .oil-more{width:100%}