@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f6f1;--ink:#302622;--muted:#72665d;--line:#d9d2c7;--rust:#94452f;--cream:#efe9df;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--rust);outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}.skip{position:absolute;top:-80px;background:var(--ink);color:white;padding:14px;z-index:20}.skip:focus{top:0}.preview-bar{background:#342923;color:#fff4e8;padding:9px 4%;font-size:10px;letter-spacing:1.8px;display:flex;justify-content:space-between}.preview-bar span{letter-spacing:.6px}.header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5.4%;border-bottom:1px solid var(--line)}.wordmark{font-family:'Manrope',Arial,sans-serif;font-weight:800;letter-spacing:-2px;font-size:32px;white-space:nowrap}.wordmark span{font-weight:400}.wordmark i{font:10px var(--sans);vertical-align:top;display:inline-block;margin:5px 0 0 4px;letter-spacing:0}.header nav{display:flex;gap:40px;font-size:13px;font-weight:550}.header nav a{padding:14px 0}.header nav a:hover{color:var(--rust)}.header nav span{margin-left:12px}.nav-search{width:44px;height:44px;display:grid;place-items:center}.wrap{max-width:1320px;margin:auto;padding:0 5.4%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--rust)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-2px}h1{font-size:clamp(54px,5.7vw,88px);line-height:1.04}h1 em,h2 em{font-weight:400;color:var(--rust)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px;border-bottom:1px solid var(--line)}.hero-copy{padding:65px 9% 52px 10.8%;display:flex;flex-direction:column;align-items:flex-start}.hero-copy .eyebrow{margin-bottom:32px}.hero-copy h1{margin-bottom:24px}.intro{color:var(--muted);font-size:15px;line-height:1.8;max-width:355px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:14px 24px;font-size:12px;font-weight:600;border:1px solid var(--ink);background:var(--ink);color:white}.button:hover{background:var(--rust);border-color:var(--rust)}.button.light{background:transparent;color:var(--ink);border-color:var(--line)}.button.light:hover{border-color:var(--ink)}.hero-copy .button{margin-top:13px}.hero-foot{margin-top:auto;padding-top:40px;font-size:10px;letter-spacing:.5px;color:var(--muted)}.hero-foot span{margin-right:15px;color:var(--rust)}.hero-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 42%,#f9e5c5 0,#e8c6a0 43%,#cba183 100%);isolation:isolate}.hero-art:before{content:'KHAMRAH';position:absolute;top:56px;left:50%;transform:translateX(-50%);color:#714122;font-family:var(--serif);font-size:clamp(54px,6.6vw,104px);letter-spacing:3px;opacity:.22}.hero-art:after{content:'';position:absolute;bottom:100px;width:55%;height:32px;background:#5b3218;filter:blur(24px);opacity:.22;border-radius:50%;z-index:-1}.hero-art img{width:74%;height:450px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(18px 25px 15px #65401b25);margin-top:10px}.issue{position:absolute;top:28px;left:30px;font-size:10px;letter-spacing:1.3px}.art-caption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid #6e4e393f;padding-top:17px}.art-caption strong{font-family:var(--serif);font-size:25px;font-weight:400}.art-caption p{margin:6px 0 0;font-size:11px;color:#654a38}.circle-link{border:1px solid #76593e6b;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:21px}.strap{display:flex;justify-content:space-between;padding:20px 5.4%;font-size:10px;letter-spacing:1.6px;border-bottom:1px solid var(--line)}.strap b{color:var(--rust);font-weight:400}.section{padding-top:70px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:20px}.section-heading h2{font-size:44px;line-height:1.1;margin:13px 0 0}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding:10px 0;display:inline-block;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card-art{position:relative;background:#ebe6dc;height:305px;display:flex;align-items:center;justify-content:center;overflow:hidden}.card:nth-child(2) .card-art{background:#e6ded4}.card:nth-child(3) .card-art{background:#e0e2db}.card-art img{width:82%;height:265px;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.card-art:hover img{transform:translateY(-6px)}.card-num{position:absolute;left:17px;top:17px;font-size:10px;color:var(--muted)}.card-label{position:absolute;bottom:15px;left:17px;font-size:9px;text-transform:uppercase;letter-spacing:1.4px}.card-meta{font-size:9px;letter-spacing:1.7px;margin:23px 0 9px;color:var(--muted)}.card h3{font-family:var(--serif);font-size:30px;margin-bottom:8px;letter-spacing:-.8px}.card p{font-size:13px;line-height:1.6;color:var(--muted)}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;align-items:center}.card-bottom a{font-size:11px;padding:8px 0}.compare-add{border:0;background:transparent;font-size:11px;min-height:44px;padding:8px}.compare-add:hover{color:var(--rust)}.editorial{background:#eae4db;display:grid;grid-template-columns:1fr 1fr;margin:0 5.4% 70px;min-height:330px}.editorial-art{display:flex;align-items:center;justify-content:center;position:relative;background:#e1d6c7;overflow:hidden}.editorial-art img{width:47%;height:270px;object-fit:contain;mix-blend-mode:multiply}.editorial-art img:first-child{transform:rotate(-9deg)}.editorial-art img:nth-child(2){transform:rotate(8deg);margin-left:-20px}.vs{position:absolute;font:italic 33px var(--serif);color:var(--rust)}.editorial-copy{padding:42px}.editorial h2{font-size:41px;line-height:1.1;margin:17px 0}.editorial p{font-size:13px;color:var(--muted);line-height:1.8;max-width:390px}.search-panel{padding:55px 5.4% 25px}.search-panel h1{font-size:56px;margin-bottom:20px}.search-box{display:flex;border-bottom:1px solid var(--ink);max-width:700px}.search-box input{padding:16px 0;min-width:0;flex:1;border:0;background:transparent;color:var(--ink);outline-offset:0}.search-box button{border:0;background:transparent;padding:12px 18px;font-size:25px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;padding:11px 18px;font-size:12px;min-height:44px}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.result-count{color:var(--muted);font-size:12px;margin-top:24px}.breadcrumb{font-size:11px;color:var(--muted);padding:27px 5.4%;display:flex;gap:14px}.detail{display:grid;grid-template-columns:1fr 1fr;padding:0 5.4%;gap:7%}.detail-art{background:#e8ddd0;min-height:490px;display:flex;align-items:center;justify-content:center;position:relative}.detail-art img{object-fit:contain;width:85%;height:430px;mix-blend-mode:multiply}.detail-art .caption{position:absolute;bottom:20px;font-size:10px;letter-spacing:1.4px}.detail-copy{padding:25px 0}.detail h1{font-size:65px;margin:16px 0}.tagline{font-family:var(--serif);font-size:25px;line-height:1.35}.detail .intro{max-width:480px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.tags span{font-size:11px;border:1px solid var(--line);padding:8px 12px;border-radius:20px}.facts{display:flex;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:27px 0}.facts small{display:block;font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-bottom:7px}.facts strong{font-size:12px;font-weight:500}.detail-lower{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:65px 5.4%}.detail-lower h2{font-size:37px;margin-bottom:20px}.note-row{display:grid;grid-template-columns:85px 1fr;border-top:1px solid var(--line);padding:16px 0;font-size:13px;line-height:1.65}.note-row span{color:var(--muted);font-size:11px}.reading{font-size:14px;line-height:1.9;color:var(--muted)}details{margin-top:24px;border-top:1px solid var(--line);padding-top:15px;font-size:12px;line-height:1.8}summary{cursor:pointer;min-height:40px}details a{text-decoration:underline}.compare-head{text-align:center;padding:50px 5.4% 25px}.compare-head .eyebrow{justify-content:center}.compare-head h1{font-size:62px;margin:19px 0}.compare-head p{font-size:14px;color:var(--muted)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:15px auto 30px;max-width:950px;padding:0 5.4%}.compare-item{min-width:0;text-align:center}.compare-item select{width:100%;padding:13px;border:1px solid var(--line);background:transparent;min-height:48px;color:var(--ink)}.compare-item img{height:230px;width:100%;object-fit:contain;mix-blend-mode:multiply;background:var(--cream);margin-top:15px}.compare-item h2{font-size:31px;margin:20px 0 8px}.compare-item p{color:var(--muted);font-size:13px;line-height:1.7}.comparison{max-width:1000px;padding:0 5.4% 65px;margin:auto}.comparison-row{display:grid;grid-template-columns:110px 1fr 1fr;gap:22px;padding:20px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.7}.comparison-row>strong{font-size:11px;font-weight:500;color:var(--muted)}.comparison h2{font-size:34px}.conclusion{background:var(--cream);padding:25px;font-size:14px;line-height:1.8;margin-top:30px}.conclusion h3{font-family:var(--serif);font-size:28px;margin-bottom:10px}.empty{padding:45px 0;font-family:var(--serif);font-size:26px}.source-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:20px}.source-note a{text-decoration:underline}footer{margin:0 5.4%;padding:40px 0 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px}footer p{font-family:var(--serif);font-size:26px;margin:0;text-align:right}footer span{font-size:11px;color:var(--muted)}footer small{font-size:9px;color:var(--muted);text-align:right;line-height:1.7}.nojs{padding:20px}.mobile-preview{width:390px;max-width:100%;height:850px;border:1px solid #ccc;display:block;margin:20px auto}main:focus{outline:none}
@media(min-width:1600px){body{max-width:1600px;margin:auto}.hero-copy{padding-left:12%}}
@media(max-width:760px){.preview-bar{font-size:8px;padding:8px 5%;letter-spacing:1px}.preview-bar span{font-size:8px}.header{height:78px;padding:0 5%}.wordmark{font-size:27px}.header nav{gap:17px;font-size:10px}.header nav span{display:none}.header nav a:first-child{display:none}.nav-search{width:35px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 32px}.hero-copy .eyebrow{margin-bottom:23px;font-size:9px}.hero-copy h1{font-size:57px;max-width:370px;margin-bottom:18px}.intro{font-size:14px;max-width:330px;line-height:1.75}.hero-copy .button{margin-top:6px}.hero-foot{padding-top:25px;margin:0;font-size:9px}.hero-art{min-height:420px}.hero-art:before{font-size:63px;top:52px}.hero-art img{height:325px;width:78%;margin-top:-10px}.issue{top:22px;left:23px;font-size:9px}.art-caption{bottom:20px;left:23px;right:23px}.art-caption strong{font-size:23px}.hero-art:after{bottom:80px}.strap{padding:17px 6%;font-size:8px;letter-spacing:.8px;gap:10px}.strap span:last-child{display:none}.wrap{padding:0 6%}.section{padding-top:43px;padding-bottom:45px}.section-heading{align-items:start;margin-bottom:25px}.section-heading h2{font-size:36px;letter-spacing:-1.5px}.section-heading>.text-link{font-size:10px;margin-top:25px}.eyebrow{font-size:9px;letter-spacing:1.5px}.cards{grid-template-columns:1fr;gap:35px}.card-art{height:340px}.card-art img{height:295px;width:80%}.card-meta{margin-top:18px}.card h3{font-size:31px}.card p{font-size:14px}.editorial{grid-template-columns:1fr;margin:0 6% 45px}.editorial-art{min-height:255px}.editorial-art img{height:230px}.editorial-copy{padding:29px}.editorial h2{font-size:35px}.editorial p{font-size:13px}.search-panel{padding:36px 6% 10px}.search-panel h1{font-size:45px}.search-box input{font-size:14px}.filter{padding:10px 14px;font-size:11px}.breadcrumb{padding:23px 6%;font-size:10px}.detail{grid-template-columns:1fr;padding:0 6%;gap:20px}.detail-art{min-height:340px}.detail-art img{height:300px}.detail h1{font-size:52px}.detail-copy{padding:8px 0}.detail-lower{grid-template-columns:1fr;padding:36px 6%;gap:35px}.facts{gap:24px}.tagline{font-size:25px}.detail-lower h2{font-size:32px}.compare-head{padding-top:35px}.compare-head h1{font-size:43px}.compare-head p{line-height:1.7}.compare-grid{padding:0 6%;gap:14px}.compare-item select{font-size:12px;padding:12px 8px}.compare-item img{height:180px}.compare-item h2{font-size:24px;letter-spacing:-1px}.compare-item p{font-size:12px}.comparison{padding:0 6% 40px}.comparison-row{grid-template-columns:1fr 1fr;gap:9px 18px;font-size:12px}.comparison-row>strong{grid-column:1/-1;text-transform:uppercase;letter-spacing:1px}.comparison h2{font-size:30px}.conclusion{padding:20px;font-size:13px}footer{grid-template-columns:1fr;margin:0 6%;gap:16px;padding-top:30px}footer p,footer small{text-align:left}footer p{font-size:25px}footer small{font-size:9px;max-width:310px}}
.hero-art img{filter:none;transform:scale(1.25)}
.cell-product{display:block;font-size:10px;font-weight:600;margin-bottom:6px;color:var(--muted)}
:root{--radius-sm:8px;--radius-md:12px;--radius-lg:18px}
.wordmark{display:inline-flex;align-items:center;line-height:1;gap:0}
.wordmark .brand-mark{width:38px;height:38px;margin-right:12px;flex-shrink:0}
.button,.compare-item select{border-radius:var(--radius-sm)}
.card-art,.detail-art,.compare-item img,.conclusion{border-radius:var(--radius-md);overflow:hidden}
.editorial{border-radius:var(--radius-lg);overflow:hidden}
.hero-art{border-radius:var(--radius-lg);margin:16px 16px 16px 0}
.nav-search{border-radius:var(--radius-sm)}
.nav-search:hover{background:var(--cream)}
/* Motion stays quiet and only follows intentional interaction. */
.button{transition:background .2s ease,border-color .2s ease,transform .22s ease,box-shadow .22s ease}
.button span,.circle-link,.nav-search,.compare-add,.brand-mark{transition:transform .25s ease,background .2s ease,color .2s ease}
.card-art{transition:background .3s ease,box-shadow .3s ease}
.card-art img{transition:transform .5s cubic-bezier(.2,.65,.3,1)}
.text-link{background:linear-gradient(var(--rust),var(--rust)) left bottom/0 1px no-repeat;transition:color .2s ease,background-size .3s ease}
.header nav a{position:relative}
.header nav a:after{content:'';position:absolute;left:0;bottom:6px;width:100%;height:1px;background:var(--rust);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.filter{transition:background .2s ease,color .2s ease,border-color .2s ease}
.button:active,.compare-add:active,.circle-link:active{transform:scale(.97)}
.motion-ready{animation:editorial-enter .55s cubic-bezier(.2,.65,.3,1) both}
@keyframes editorial-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #30262216}.button:hover span{transform:translate(3px,-2px)}.card-art:hover img{transform:translateY(-7px) scale(1.035)}.card-art:hover{box-shadow:0 10px 28px #30262210}.circle-link:hover{transform:rotate(8deg);background:#ffffff38}.wordmark:hover .brand-mark{transform:rotate(-5deg)}.header nav a:hover:after{transform:scaleX(1)}.text-link:hover{color:var(--rust);background-size:100% 1px}.compare-add:hover{transform:translateX(2px)}.filter:not(.active):hover{background:var(--cream);border-color:var(--muted)}.nav-search:hover svg{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.motion-ready{animation:none!important}.button:hover,.card-art:hover img,.circle-link:hover,.wordmark:hover .brand-mark,.compare-add:hover{transform:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.compare-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:13px;line-height:1.8}
.compare-table th,.compare-table td{padding:20px 18px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.compare-table thead th{font-family:var(--serif);font-size:21px;font-weight:400;background:var(--paper);position:sticky;top:0;z-index:1}
.compare-table th:first-child{width:23%}.compare-table tbody th{font-size:11px;font-weight:500;color:var(--muted)}
.compare-table thead th:first-child{font:11px var(--sans);color:var(--muted)}
@media(max-width:760px){.compare-table{font-size:12px;line-height:1.7}.compare-table th,.compare-table td{padding:15px 7px}.compare-table thead th{font-size:17px}.compare-table th:first-child{width:24%}.compare-table tbody th{font-size:10px}}
@media(max-width:760px){.wordmark .brand-mark{width:30px;height:30px;margin-right:8px}.header .wordmark{font-size:25px;letter-spacing:-1.7px}.hero-art{margin:0 6% 20px;border-radius:var(--radius-lg)}.header nav{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* A warm evening palette; product photography keeps its original colours. */
:root{color-scheme:light;--button-ink:#fff;--photo-ink:#302622;--photo-muted:#72665d}
:root[data-theme="dark"]{color-scheme:dark;--paper:#211d1b;--ink:#f1e9de;--muted:#b9ada2;--line:#51453e;--rust:#e49b7e;--cream:#302824;--button-ink:#211d1b}
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.theme-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:transparent;transition:background .2s ease,border-color .2s ease}
.theme-toggle:hover{background:var(--cream);border-color:var(--muted)}
.theme-sun{display:none}
[data-theme="dark"] .theme-moon{display:none}
[data-theme="dark"] .theme-sun{display:block}
.button,.filter.active,.skip{color:var(--button-ink)}
.button.light{color:var(--ink)}
.search-box input::placeholder{color:var(--muted);opacity:1}
.compare-item select option{background:var(--paper);color:var(--ink)}
.hero-art,.card-art,.detail-art,.editorial-art{color:var(--photo-ink)}
.card-num{color:var(--photo-muted)}
.editorial-art .vs{color:#94452f}
[data-theme="dark"] .editorial{background:var(--cream)}
/* Light photographic surfaces are intentional until every bottle has an alpha cutout. */
[data-theme="dark"] .compare-item img{background:#efe9df;mix-blend-mode:normal}
/* Exact-source alpha cutouts: no multiply blend that darkens bottle colours. */
.hero-art img,.card-art img,.detail-art img,.editorial-art img,.compare-item img{mix-blend-mode:normal}
.hero-art img{transform:none;height:380px;width:68%;margin-top:5px;filter:drop-shadow(0 16px 15px #301c1820)}
.card-art img{height:245px;width:70%}.detail-art img{height:405px;width:76%}
.editorial-art img{height:235px;width:41%;padding:10px}
.compare-item img{padding:20px;background:var(--cream)}
[data-theme="dark"] .hero-art{background:radial-gradient(ellipse at 55% 42%,#574039,#382b27 58%,#302420);color:var(--ink)}
[data-theme="dark"] .hero-art:before{color:#ebbc9d;opacity:.14}
[data-theme="dark"] .art-caption{border-color:#826252}
[data-theme="dark"] .art-caption p{color:#d7bbaa}
[data-theme="dark"] .circle-link{border-color:#a77d68}
[data-theme="dark"] .card-art,[data-theme="dark"] .card:nth-child(2) .card-art,[data-theme="dark"] .card:nth-child(3) .card-art,[data-theme="dark"] .detail-art,[data-theme="dark"] .editorial-art,[data-theme="dark"] .compare-item img{background:#352c27;color:var(--ink)}
[data-theme="dark"] .card-num{color:var(--muted)}
[data-theme="dark"] .editorial-art .vs{color:var(--rust)}
@media(max-width:760px){.hero-art img{height:280px;width:68%;margin-top:0}.card-art img{height:275px}.detail-art img{height:285px}.editorial-art img{height:210px}.compare-item img{padding:16px}}
[data-theme="dark"] .preview-bar{background:#171412;color:#d8c6b5}
@media(max-width:760px){.header-actions{gap:4px}.header-actions .nav-search,.theme-toggle{width:44px;height:44px}}
@media(max-width:480px){.header{height:auto;min-height:98px;flex-wrap:wrap;padding-top:15px;padding-bottom:7px;gap:4px 0}.header nav{order:3;justify-content:center;gap:28px;width:100%;font-size:11px}.header nav a{padding:8px 0}.header nav a:first-child{display:block}}
.hero-art:before{content:attr(data-product-name)}
/* Secondary copy over tinted surfaces retains AA contrast in the light theme. */
:root{--photo-muted:#6b6057}
:root:not([data-theme="dark"]) .editorial p{color:#6b6057}

/* Original line icons and quiet colour accents for the olfactory journey. */
.notes-journey{display:grid;gap:12px}.note-stage{--note-accent:#53694c;--note-tint:#edf1e9;border:1px solid var(--line);border-radius:14px;padding:19px 20px;background:var(--paper);min-width:0}.note-heart{--note-accent:#8e5263;--note-tint:#f6eaed}.note-base{--note-accent:#87602d;--note-tint:#f5edde}.note-stage-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.note-symbol{display:grid;place-items:center;flex:0 0 42px;height:42px;background:var(--note-tint);color:var(--note-accent);border-radius:12px}.note-stage-head h3{font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.1px;margin:0 0 3px}.note-stage-head p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.note-step{font-size:10px;letter-spacing:1px;color:var(--muted);margin-left:auto;align-self:flex-start;padding-top:4px}.note-chips{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0}.note-chips li{font-size:12px;line-height:1.5;border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--ink);background:var(--note-tint,var(--cream));overflow-wrap:anywhere;max-width:100%}.note-chips li:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--note-accent,var(--rust));vertical-align:middle;margin-right:7px}.notes-pending{display:flex;gap:14px;border:1px dashed var(--line);border-radius:14px;padding:22px;color:var(--muted)}.notes-pending>svg{flex-shrink:0;margin-top:3px}.notes-pending h3{font:500 14px var(--sans);color:var(--ink);margin:0 0 8px}.notes-pending p{font-size:13px;line-height:1.7;margin:0}.notes-unphased{--note-accent:var(--rust);--note-tint:var(--cream)}.notes-unknown{color:var(--muted);font-size:12px}.compare-table .note-chips{gap:5px}.compare-table .note-chips li{font-size:11px;padding:5px 8px}.compare-table td{min-width:0}
[data-theme="dark"] .note-stage{--note-accent:#bacbad;--note-tint:#30372c;background:#28231f}[data-theme="dark"] .note-heart{--note-accent:#e1b3c0;--note-tint:#3d2c33}[data-theme="dark"] .note-base{--note-accent:#e3c38f;--note-tint:#3b3226}[data-theme="dark"] .notes-unphased{--note-accent:var(--rust);--note-tint:var(--cream)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.note-stage{transition:border-color .2s,transform .2s}.note-stage:hover{border-color:var(--note-accent);transform:translateY(-2px)}}
@media(max-width:480px){.note-stage{padding:16px}.note-stage-head{gap:10px}.note-chips li{font-size:11px}.compare-table .note-chips li:before{display:none}}
/* Ingredient illustrations: names remain readable without colour or imagery. */
.note-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:12px 8px}
.note-chips li,.compare-table .note-chips li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;text-align:center;background:none;border:0;border-radius:0;padding:0;font-size:11px;line-height:1.4;overflow-wrap:normal;hyphens:auto}
.note-chips li:before{display:none}
.note-illustration{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#f1eee7;flex-shrink:0}
.note-illustration svg{display:block;width:58px;height:58px}
[data-theme="dark"] .note-illustration{background:#e8e1d5}
.compare-table .note-chips{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:12px 6px}
.compare-table .note-illustration{width:52px;height:52px;border-radius:14px}
.compare-table .note-illustration svg{width:48px;height:48px}
@media(max-width:480px){.note-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-table .note-chips{grid-template-columns:1fr}}

/* Perfudupes Pentagon — one fixed 0–10 scale in both modes. */
.pentagon{--pentagon-alt:#496c65;--pentagon-third:#8b6738;max-width:1320px;margin:0 auto;padding:66px 5.4%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pentagon-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.pentagon-heading h2{font:400 clamp(30px,3vw,42px)/1.12 var(--serif);letter-spacing:-1.2px;margin:7px 0 10px}.pentagon-heading p:last-child{color:var(--muted);font-size:13px;margin:0}
.pentagon-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:center;gap:clamp(20px,5vw,80px);margin-top:22px}
.pentagon-plot{position:relative;width:min(100%,420px);aspect-ratio:320/300;margin:0 auto}.pentagon-plot svg{display:block;width:100%;height:100%;overflow:visible}
.pentagon-grid,.pentagon-spoke{fill:none;stroke:var(--line);stroke-width:.75}.pentagon-grid:not(.pentagon-grid-outer){opacity:.7}.pentagon-grid-outer{stroke-width:1.15}.pentagon-spoke{opacity:.62}
.pentagon-series{fill:var(--rust);fill-opacity:.10;stroke:var(--rust);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pentagon-series-1{fill:var(--pentagon-alt);fill-opacity:.09;stroke:var(--pentagon-alt)}.pentagon-series-2{fill:var(--pentagon-third);fill-opacity:.08;stroke:var(--pentagon-third)}
.pentagon-axis{position:absolute;display:block;min-width:94px;max-width:118px;padding:8px 5px;border:0;background:transparent;color:var(--ink);font:600 clamp(10px,1.2vw,12px)/1.35 var(--sans);letter-spacing:.15px;text-align:center;transform:translate(-50%,-50%);border-radius:6px}
.pentagon-axis:hover,.pentagon-axis:focus-visible{color:var(--rust);background:var(--paper)}.pentagon-axis-0{left:50%;top:5%}.pentagon-axis-1{left:87%;top:31%}.pentagon-axis-2{left:74%;top:88%}.pentagon-axis-3{left:26%;top:88%}.pentagon-axis-4{left:13%;top:31%}
.pentagon-tooltip{display:none;position:absolute;top:100%;left:50%;z-index:3;min-width:max-content;max-width:240px;padding:9px 12px;background:var(--ink);color:var(--paper);border-radius:7px;box-shadow:0 8px 24px #30262228;transform:translateX(-50%);font:500 11px/1.5 var(--sans);text-align:left;white-space:normal}
.pentagon-tooltip span{display:flex;align-items:center;gap:8px}.pentagon-tooltip span+span{margin-top:4px}.pentagon-axis:hover .pentagon-tooltip,.pentagon-axis:focus .pentagon-tooltip{display:block}.pentagon-axis-4 .pentagon-tooltip,.pentagon-axis-3 .pentagon-tooltip{left:0;transform:none}.pentagon-axis-1 .pentagon-tooltip,.pentagon-axis-2 .pentagon-tooltip{left:auto;right:0;transform:none}
.pentagon-key{display:inline-block;flex:none;width:14px;height:3px;background:var(--rust);vertical-align:middle}.pentagon-key-1{background:var(--pentagon-alt)}.pentagon-key-2{background:var(--pentagon-third)}
.pentagon-legend{display:flex;flex-wrap:wrap;gap:8px 20px;max-width:390px}.pentagon-legend span{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.4}
.pentagon-side{align-self:center}.pentagon-hint{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 28px}.pentagon-values{border-top:1px solid var(--line);padding-top:22px}.pentagon-values>.eyebrow{margin:0 0 16px}.pentagon-value{display:flex;gap:11px;align-items:flex-start}.pentagon-value+.pentagon-value{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.pentagon-value>.pentagon-key{margin-top:8px}.pentagon-value div{display:grid;gap:2px}.pentagon-value-name{font-size:11px;color:var(--muted)}.pentagon-value strong{font:400 33px/1.15 var(--serif);letter-spacing:-1px}.pentagon-value strong small{font:500 13px var(--sans);letter-spacing:0;color:var(--muted)}.pentagon-value div>span:last-child{font-size:12px;line-height:1.45}
.pentagon-data{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.pentagon-data summary{cursor:pointer;color:var(--rust);font-size:12px;font-weight:600}.pentagon-table-wrap{overflow-x:auto}.pentagon-data table{width:100%;border-collapse:collapse;margin-top:12px;font-size:11px;line-height:1.5}.pentagon-data th,.pentagon-data td{padding:7px 5px;border-bottom:1px solid var(--line);text-align:left}.pentagon-data thead th{font-weight:600}.pentagon-data tbody th{font-weight:500}
.pentagon-source{font-size:11px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.pentagon-source a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
.pentagon-provisional{font-size:12px;line-height:1.6;color:var(--muted);padding:12px 16px;border-left:2px solid var(--rust);background:var(--cream);margin:20px 0 0}.pentagon-provisional strong{color:var(--ink)}
[data-theme="dark"] .pentagon{--pentagon-alt:#9abfb4;--pentagon-third:#dbbd87}
@media(max-width:760px){.pentagon{padding:45px 6%}.pentagon-heading{display:block}.pentagon-legend{margin-top:20px}.pentagon-body{grid-template-columns:1fr;gap:14px}.pentagon-plot{width:min(100%,390px)}.pentagon-side{width:min(100%,390px);margin:0 auto}.pentagon-hint{margin-bottom:18px}.pentagon-axis{font-size:11px}}
@media(max-width:360px){.pentagon-axis{min-width:80px;font-size:10px}.pentagon-plot{width:100%}.pentagon-axis-1{left:85%}.pentagon-axis-4{left:15%}}
@media(prefers-reduced-motion:no-preference){.pentagon-series{transition:fill-opacity .2s ease,stroke-width .2s ease}.pentagon-plot:hover .pentagon-series{fill-opacity:.17}}

.compare-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1220px;gap:22px}.compare-grid-three .compare-item h2{font-size:clamp(20px,2.2vw,28px)}
.compare-controls{max-width:1220px;margin:0 auto 34px;padding:0 5.4%;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.compare-third{border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 20px;min-height:48px;background:transparent;color:var(--rust);font-size:12px;font-weight:600}.compare-third:hover{border-color:var(--rust);background:var(--cream)}
.compare-table-wrap{overflow-x:auto;max-width:100%}.compare-three .compare-table{min-width:660px}.compare-three .compare-table th:first-child{width:18%}
@media(max-width:760px){.compare-grid-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compare-grid-three .compare-item:last-child{grid-column:1/-1;max-width:320px;justify-self:center;width:100%}.compare-controls{padding:0 6%;margin-bottom:25px}.compare-three .compare-table{min-width:620px}}