@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600;1,700&display=swap');
:root{--plum:#291c29;--wine:#3b2435;--gold:#c6a16c;--paper:#faf7f1;--ink:#302733;--muted:#716976;--line:#ded7ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Playfair Display',Georgia,serif;font-size:17.12px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}header{background:var(--plum);color:var(--paper);padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.wordmark{text-decoration:none;display:flex;gap:16px;align-items:center;font-size:13.91px;letter-spacing:2px;line-height:1.6}.monogram{font-family:Georgia,serif;color:var(--gold);font-size:38.52px;border:1px solid #c6a16c80;padding:3px 9px;letter-spacing:-5px;line-height:1.1}.monogram span{font-size:23.54px;margin-left:2px}nav{display:flex;gap:35px;font-size:14.98px}nav a{text-decoration:none}nav a:hover{color:var(--gold)}.edition,.eyebrow{font-size:12.84px;font-weight:500;letter-spacing:2px}.edition{color:#d3c2b6}.intro{background:var(--plum);color:var(--paper);padding:44px 8% 46px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;overflow:hidden}.eyebrow{color:#916943;margin:0 0 15px}.intro .eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,.hero-caption b,.footername{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(42.8px,5.24vw,78.11px);line-height:1.07;margin-bottom:22px;letter-spacing:-1.5px}em{font-weight:400;color:#ad855a}h1 em{color:#d9b78a}.subtitle{font-size:19.26px;margin-bottom:10px}.introtext{max-width:420px;color:#cec0ca;font-size:16.05px}.explore{display:inline-flex;align-items:center;gap:58px;text-decoration:none;border-bottom:1px solid var(--gold);padding:8px 0;color:#eed7b4;font-size:14.98px}.hero-image{position:relative;min-height:330px;background:#f7f3ec;border-radius:48% 48% 0 0;display:flex;align-items:center;justify-content:center;max-width:470px;overflow:hidden}.hero-image img{height:310px;width:78%;object-fit:contain;mix-blend-mode:multiply;margin-bottom:38px}.hero-caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:var(--ink);background:#f7f3ecef;padding-top:6px}.hero-caption span,.hero-caption small{display:block;font-size:10.7px;letter-spacing:1.8px}.hero-caption b{font-size:32.1px;line-height:1.1;display:block}.directory{padding:50px 5%}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:25px}h2{font-size:44.94px;line-height:1.12;margin:0 0 26px}.sectionhead .eyebrow{margin-bottom:8px}.coverage{font-size:13.91px;color:var(--muted);text-align:right;margin-bottom:30px}.controls{display:grid;grid-template-columns:1fr 230px 210px;gap:16px}.search{border:1px solid var(--line);background:#fff;display:flex;align-items:center;padding:8px 17px;gap:12px}.search span{font-size:29.96px;color:#7b6474}.search input{width:100%;border:0;background:none;min-width:0;padding:8px 0;outline-offset:0}.selectlabel{font-size:12.84px;position:relative;color:var(--muted);border:1px solid var(--line);padding:3px 12px;background:white}select{display:block;background:transparent;border:0;width:100%;padding:0 0 5px;color:var(--ink);font-size:14.98px}.alphabet{display:flex;gap:2px;flex-wrap:wrap;padding:22px 0 16px;border-bottom:1px solid var(--line)}.alphabet button{border:0;background:none;min-width:34px;min-height:36px;color:#6c626e;font-size:13.91px}.alphabet button.active{background:var(--plum);color:white}.alphabet button:disabled{color:#b4acb1;cursor:default}.resultsline{display:flex;justify-content:space-between;gap:16px;padding:17px 0 24px;color:var(--muted);font-size:12.84px}.resultsline p{margin:0}.resultsline a{color:#665063}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{background:white;border:1px solid #e7e0d8;min-width:0}.photo{height:255px;background:#f2ede7;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo img{height:86%;width:82%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.card:hover .photo img{transform:scale(1.045)}.family{position:absolute;left:18px;top:14px;font-size:11.77px;letter-spacing:1px;background:#fffaf1d9;padding:3px 9px;color:#725945;z-index:1}.cardcontent{padding:22px}.brandname{font-size:11.77px;color:#8a6b53;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:5px}.card h3{font-family:'Playfair Display',Georgia,serif;font-size:33.17px;font-weight:400;line-height:1.12;margin-bottom:17px;min-height:35px}.match{background:#f8f4f6;padding:13px;display:flex;gap:15px;justify-content:space-between;align-items:center;min-height:89px}.match small{display:block;font-size:11.77px;color:#776671;letter-spacing:.7px}.match b{font-size:14.98px;font-weight:500;line-height:1.35;display:block}.percent{font-family:Georgia,serif;color:#694259;font-size:26.75px;white-space:nowrap;text-align:right}.percent small{font-family:'Playfair Display',Georgia,serif;font-size:10.7px;letter-spacing:0}.tags{margin:18px 0 15px;display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:12.84px;padding:2px 9px;border:1px solid #e5ded8;color:#7b6858;border-radius:12px}.ratingrow{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #ece6e0;padding-top:14px}.ratingrow strong{font-size:18.19px;font-weight:500}.star{color:#aa804a}.ratingrow small{font-size:11.77px;color:var(--muted)}summary{font-size:13.91px;cursor:pointer;color:#78506a;padding:15px 0 0}details[open] summary{margin-bottom:15px}.detail p{font-size:14.98px;color:#716573;margin-bottom:12px}.pyramid{margin:16px 0}.pyramid div{border-top:1px solid #eee8e1;padding:9px 0;font-size:13.91px}.pyramid b{font-size:10.7px;letter-spacing:1px;display:block;color:#967655;margin-bottom:3px}.sources{display:flex;flex-wrap:wrap;gap:12px;font-size:12.84px}.sourcefoot{font-size:11.77px!important;margin-top:10px}.method{background:#eee7e0;padding:55px 8%;display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.method h2{font-size:49.22px}.method h3{font-size:17.12px;margin-bottom:8px;font-weight:500}.method p{font-size:14.98px;color:#74666d;margin-bottom:23px}footer{background:var(--plum);color:#d1c1cb;padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12.84px}.footername{font-size:25.68px;text-decoration:none;color:#efdfce}#empty{text-align:center;padding:50px}#reset{border:0;padding:12px 20px;background:var(--plum);color:white}a:hover{text-decoration:underline}@media(min-width:1600px){main>section{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:1000px){.edition{display:none}.controls{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{padding:36px 5%;gap:24px}.hero-image{min-height:300px}.hero-image img{height:270px}.coverage{max-width:260px}.resultsline span{max-width:55%}}@media(max-width:620px){header{padding:20px 5%}.wordmark{font-size:10.7px;letter-spacing:1px;gap:10px}.monogram{font-size:32.1px}nav{gap:16px;font-size:12.84px}.intro{grid-template-columns:1fr;padding-top:32px;padding-bottom:30px}.introtext{font-size:14.98px;max-width:320px}h1{font-size:48.15px}.intro .eyebrow{font-size:10.7px;letter-spacing:1.4px}.hero-image{display:none}.directory{padding-top:30px}.sectionhead{display:block}h2{font-size:38.52px;margin-bottom:15px}.coverage{text-align:left;max-width:none;margin-bottom:20px}.controls{gap:10px}.search input{font-size:14.98px}.alphabet{gap:0}.alphabet button{min-width:31px}.resultsline{display:block}.resultsline span{display:block;max-width:none;margin-top:7px}.grid{grid-template-columns:1fr;gap:23px}.photo{height:260px}.cardcontent{padding:22px}.card h3{font-size:35.31px}.method{grid-template-columns:1fr;gap:12px;padding:35px 6%}.method h2{font-size:40.66px}footer{align-items:start;flex-direction:column}.photo img{width:70%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}

.gender-nav{display:flex;gap:0;border-bottom:1px solid var(--line);margin:4px 0 12px}.gender-nav button{border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-size:18.19px;padding:16px 27px 15px}.gender-nav button:first-child{padding-left:4px}.gender-nav button.selected{border-bottom-color:var(--wine);color:var(--wine)}.gender-nav button span{font-size:12.84px;background:#e9e0df;padding:3px 7px;margin-left:8px;border-radius:20px}.gender-nav button.selected span{background:var(--wine);color:white}.classification{font-size:13.91px;color:var(--muted);margin:0 0 22px}.gender-label{float:right;letter-spacing:.4px;color:#796b77;text-transform:none;font-size:12.84px}.brandname{min-height:21px}.card h3{min-height:70px}.match{min-height:100px}.brandname,.family,.hero-caption span,.hero-caption small,.pyramid b,.match small,.percent small,.ratingrow small,.sourcefoot{font-size:12.84px!important}.tags span,.sources,summary{font-size:14.98px}.method p{font-size:17.12px}.photo{height:270px}.logo-image{width:290px;height:100px;object-fit:cover;object-position:center;display:block}header{min-height:106px;padding-top:12px;padding-bottom:12px}@media(max-width:620px){.gender-nav{display:grid;grid-template-columns:repeat(4,1fr)}.gender-nav button{padding:13px 3px;font-size:14.98px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}.gender-nav button span{margin:0;font-size:12.84px}.classification{font-size:12.84px}.logo-image{width:205px;height:75px}header nav{gap:10px;font-size:12.84px}.card h3{min-height:0}.match{min-height:94px}.brandname{font-size:12.84px;letter-spacing:1px}}@media(max-width:380px){.logo-image{width:175px;height:65px}header nav a:first-child{display:none}}

.logo-image{object-fit:contain}.percent{white-space:normal}.match>div:first-child{min-width:0}.percent{flex-shrink:0;max-width:95px}.photo .family{max-width:90%}.sourcefoot{line-height:1.6}
.logo-image{width:230px;height:150px;object-fit:contain}header{padding-top:0;padding-bottom:0}.community-section{padding:48px 8%;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#f1e8ed}.community-section p{font-size:17.12px}.community-section h3{font-size:23.54px}.primary{display:inline-block;background:var(--plum);color:#fff5e7;border:1px solid var(--plum);padding:12px 20px;text-decoration:none;font:inherit;cursor:pointer}.primary:disabled{opacity:.5;cursor:wait}#adminLink{margin-left:20px}.review-open{margin-top:18px;padding:10px 0;border:0;border-top:1px solid var(--line);color:var(--wine);background:none;width:100%;text-align:left;font-size:14.98px}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:28px;width:min(640px,calc(100vw - 28px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#1c101ac9}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.dialog-head h2{font-size:36.38px;margin-bottom:18px}.close-dialog{border:0;background:none;font-size:34.24px;line-height:1;padding:2px 8px;color:var(--ink)}form label{display:block;margin:16px 0;font-size:14.98px}form input,form textarea,form select{display:block;width:100%;padding:11px 12px;background:white;border:1px solid var(--line);font:inherit;font-size:17.12px;border-radius:0;color:var(--ink);margin-top:5px}textarea{resize:vertical;min-height:100px}.form-note{font-size:13.91px;color:var(--muted)}.form-status{font-size:16.05px;margin-top:14px}.visitor-review{padding:18px 0;border-bottom:1px solid var(--line)}.visitor-review h3{margin-bottom:6px;font-size:19.26px}.visitor-review small{font-size:12.84px}.review-text{white-space:pre-wrap;overflow-wrap:anywhere}.sign-in-note{background:#eee4e9;padding:20px;margin-top:20px}.admin-main{max-width:1000px;padding:45px 5%;margin:auto}.admin-main h1{font-size:49.22px}.admin-filter{display:block;max-width:380px}.admin-filter select{border:1px solid var(--line);background:white;padding:12px;font-size:17.12px}.moderation-card{background:white;border:1px solid var(--line);padding:26px;margin:20px 0}.moderation-card h2{font-size:29.96px}.moderation-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.moderation-actions button:not(.primary){border:1px solid var(--line);padding:10px;background:white;color:var(--wine)}[hidden]{display:none!important}@media(max-width:620px){.logo-image{width:175px;height:117px}header nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;max-width:170px}.community-section{grid-template-columns:1fr;gap:20px;padding:32px 6%}.dialog-head h2{font-size:29.96px}.admin-main h1{font-size:38.52px}#adminLink{display:block;margin:18px 0 0}}
/* APG royal purple and gold palette */
:root{--plum:#41205f;--wine:#d4b15f;--gold:#d4b15f;--paper:#2e173f;--ink:#d4b15f;--muted:#c3b28d;--line:#897044;color-scheme:dark}
body,.directory,.admin-main{background:#2e173f;color:var(--gold)}header,.intro,footer{background:#41205f;color:var(--gold)}h1,h2,h3,em,h1 em,.subtitle,.introtext,.edition,.eyebrow,.intro .eyebrow,.explore,.footername,footer,.brandname,.gender-label,.percent,.star,summary,.pyramid b,.detail p,.method p,.match small,.resultsline a,.tags span,.search span,.close-dialog{color:var(--gold)}
.card,.moderation-card,dialog{background:#3b2052;border-color:var(--line);color:var(--gold)}.match,.sign-in-note{background:#291437}.method,.community-section{background:#361b4c}.search,.selectlabel,form input,form textarea,form select,.admin-filter select{background:#24122f;color:var(--gold);border-color:var(--line)}input,select,textarea{color:var(--gold)}input::placeholder,textarea::placeholder{color:#bfae89;opacity:1}option{background:#24122f;color:var(--gold)}
.alphabet button{color:var(--gold)}.alphabet button:disabled{color:#a29170;opacity:.58}.alphabet button.active,.gender-nav button.selected span{background:var(--gold);color:#2e173f}.gender-nav button.selected{color:var(--gold);border-bottom-color:var(--gold)}.gender-nav button span{background:#503264;color:var(--gold)}
.primary,#reset{background:var(--gold);color:#2e173f;border:1px solid var(--gold)}.primary:hover,#reset:hover{background:#e2c57d;color:#2e173f}.moderation-actions button:not(.primary){background:#291437;color:var(--gold);border-color:var(--line)}.tags span,.ratingrow,.pyramid div{border-color:#89704480}.family{background:#361b4c;color:var(--gold);border:1px solid var(--gold)}.hero-caption{background:#41205ff5;color:var(--gold)}.photo,.hero-image{background:#f7f3ec}.review-open{color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #e2c57d;outline-offset:4px}::selection{background:#d4b15f;color:#2e173f}

/* Deep royal-purple and matte-gold finish and readable editorial typography. */
h1,h2,.card h3,.footername,.hero-caption b{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:0;line-height:1.15}h1{letter-spacing:-.5px}.card h3{font-size:36.38px}.introtext,.detail p,.method p{font-size:17.12px;line-height:1.75}.brandname,.eyebrow,.edition{letter-spacing:1.3px}.percent{font-family:'Playfair Display',Georgia,serif;font-size:23.54px}.logo-image{filter:saturate(.78) brightness(.88);border-radius:3px}.primary{font-weight:700}.search input{font-size:17.12px}@media(max-width:620px){h1{font-size:47.08px}.card h3{font-size:34.24px}.introtext{font-size:17.12px}}
.performance-card{margin-top:18px;padding:16px 0;border-top:1px solid var(--line)}.performance-card h4,.performance-comparison h4{font:700 17.12px 'Playfair Display',Georgia,serif;margin:0 0 12px;color:var(--gold)}.performance-card dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}.performance-card dt,.performance-comparison dt{font-size:14.98px;color:var(--muted);margin-bottom:4px}.performance-card dd,.performance-comparison dd{margin:0 0 12px;font-size:16.05px;line-height:1.6}.performance-brand{font-size:14.98px;line-height:1.65;margin-bottom:10px}.performance-open{background:none;border:0;padding:0;color:var(--gold);text-align:left;font:inherit;font-size:14.98px;text-decoration:underline;text-underline-offset:4px;line-height:1.6}.performance-comparison{margin:18px 0 26px;padding:18px;border:1px solid var(--line);background:#291437}.performance-comparison h3{font-size:23.54px;margin-bottom:20px}.performance-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.performance-columns p,.apg-performance p{font-size:16.05px}.performance-columns a{font-size:14.98px}.apg-performance{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.performance-fields{margin:22px 0;border:1px solid var(--line);padding:16px}.performance-fields legend{font-weight:700;font-size:17.12px;padding:0 6px}.performance-fields legend span{font-weight:400}.review-performance{font-size:14.98px;color:var(--muted)}@media(max-width:620px){.performance-columns{grid-template-columns:1fr}.performance-comparison{padding:14px}.performance-card dl{gap:10px}}

h1,h2,.card h3{font-weight:500;line-height:1.2}.card h3{font-size:31.03px}.footername{font-size:24.61px}h1{font-size:clamp(42.8px,5.03vw,72.76px)}@media(max-width:620px){h1{font-size:43.87px}.card h3{font-size:31.03px}}
/* Compact catalogue: essentials first, detail on demand. */
header{padding:8px 5%;gap:24px;min-height:110px}.logo-image{width:190px;height:126px}header nav{gap:28px}.intro{padding:28px 8% 38px;gap:36px}.intro h1{font-size:clamp(38.52px,4.6vw,64.2px);margin-bottom:16px}.subtitle{font-size:17.12px;margin-bottom:16px}.hero-image{min-height:240px;max-width:350px;justify-self:end;width:100%}.hero-image img{height:215px;margin-bottom:34px}.hero-caption b{font-size:26.75px}.directory{padding:38px 5% 48px}.sectionhead h2{font-size:40.66px;margin-bottom:22px}.coverage{margin-bottom:22px}.classification:empty{display:none}.gender-nav{margin:0 0 22px}.gender-nav button{font-size:16.05px;padding-top:12px;padding-bottom:12px}.alphabet{padding:16px 0 12px}.resultsline{padding:14px 0 22px}.grid{gap:24px;align-items:start}.card{border-color:#89704470;overflow:hidden;border-radius:5px}.photo{height:220px}.photo img{height:84%;width:76%}.family{top:14px;left:14px;font-size:12.84px!important;letter-spacing:.3px;padding:3px 9px;border-color:transparent;border-radius:3px}.cardcontent{padding:20px}.brandname{margin:0 0 8px;min-height:0;font-size:12.84px!important;letter-spacing:1.2px}.card h3{font-size:28.89px;line-height:1.25;min-height:68px;margin-bottom:12px}.tags{margin:0 0 16px;gap:6px;min-height:28px}.tags span{font-size:12.84px;padding:2px 8px;line-height:1.6;border-color:#89704470}.card-match{min-height:82px;margin-bottom:10px}.card-match small{font-size:12.84px;color:var(--muted)}.card-match p{font-size:14.98px;line-height:1.5;margin:4px 0 0}.match-estimate{display:inline-block;white-space:nowrap;color:var(--gold);font-size:12.84px;margin-left:4px}.ratingrow{padding:12px 0;border-color:#89704470}.ratingrow strong{font-size:19.26px}.card-more{border-top:1px solid #89704470}.card-more>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:14px 0 0;font-size:14.98px;font-weight:600;color:var(--gold)}.card-more>summary::-webkit-details-marker{display:none}.read-less-label{display:none}.card-more[open]>.summary{margin:0}.card-more[open]>summary .read-more-label{display:none}.card-more[open]>summary .read-less-label{display:inline}.expand-mark{font-size:23.54px;font-weight:400;line-height:1}.card-more[open]>summary .expand-mark{transform:rotate(45deg)}.card-more>.detail{padding-top:18px;border-top:1px solid #89704470;margin-top:16px}.detail h4{font-size:16.05px;margin:18px 0 8px}.detail p{font-size:14.98px;line-height:1.7}.source-details{border-top:1px solid #89704470}.source-details summary{font-size:13.91px}.performance-card{margin-top:16px;padding-bottom:12px}.performance-card dl{display:block}.performance-card dt{font-size:13.91px}.performance-card dd{font-size:14.98px}.performance-card .performance-brand{font-size:14.98px}.review-open{padding:14px 0 0;margin-top:16px}.community-section{padding:36px 8%;gap:36px;align-items:center}.community-section h2{font-size:38.52px;margin-bottom:14px}.community-section p{font-size:16.05px;max-width:520px}.community-actions{justify-self:end}.community-actions .form-note{font-size:13.91px;margin:12px 0 0}.method{padding:34px 8%;gap:36px;grid-template-columns:1fr 1.5fr}.method h2{font-size:36.38px;margin-bottom:0}.method-item{border-bottom:1px solid #89704470}.method-item summary{padding:14px 0;font-size:16.05px}.method-item[open] summary{margin-bottom:0}.method-item p{font-size:14.98px;line-height:1.7;padding-bottom:14px;margin-bottom:0}footer{padding:26px 5%}.performance-comparison .form-note{font-size:13.91px}
@media(max-width:1000px){.intro{padding-left:5%;padding-right:5%}.hero-image{min-height:220px}.hero-image img{height:195px}}
@media(max-width:620px){header{padding:6px 5%;gap:14px;min-height:95px}.logo-image{width:145px;height:97px}header nav{gap:8px 14px;font-size:12.84px;max-width:170px}.intro{padding:22px 5% 30px}.intro h1{font-size:40.66px}.subtitle{font-size:16.05px}.directory{padding-top:28px}.sectionhead h2{font-size:33.17px;margin-bottom:14px}.coverage{font-size:12.84px;margin-bottom:18px}.gender-nav button{font-size:13.91px}.grid{gap:18px}.cardcontent{padding:20px}.photo{height:230px}.card h3{min-height:0;font-size:28.89px}.card-match{min-height:0;margin-bottom:16px}.tags{min-height:0}.community-section,.method{grid-template-columns:1fr;gap:14px;padding:28px 6%}.community-actions{justify-self:start}.community-section h2,.method h2{font-size:33.17px}.community-section .eyebrow{margin-bottom:10px}}
.format-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;scroll-margin-top:24px}.format-nav button{display:flex;align-items:center;gap:10px;padding:11px 20px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--gold);font-size:16.05px}.format-nav button.selected{background:var(--gold);color:var(--paper);font-weight:700}.format-nav button span{font-size:12.84px;opacity:.85}.product-format{font-size:13.91px!important;color:var(--muted);margin:-4px 0 12px}.card:has(.product-format) h3{min-height:34px}.card:has(.product-format) .tags{margin-bottom:12px}#sprayNote{margin:0 0 14px;font-size:14.98px}@media(max-width:620px){.format-nav button{flex:1;justify-content:center;padding:10px 12px;font-size:14.98px}header nav{font-size:12.84px;max-width:170px}}
.card[data-category="body-spray"] .card-match{display:none}
.collaborate-main{max-width:1360px;margin:auto;padding:44px 5% 64px}.collaborate-intro{max-width:780px;margin-bottom:40px}.collaborate-intro h1{font-size:clamp(40.66px,5.35vw,68.48px);margin-bottom:18px}.collaborate-intro>p:last-child{font-size:19.26px;line-height:1.7;color:var(--muted);max-width:620px}.partnership-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.partnership-options article{padding:26px;border:1px solid #89704480;background:#3b2052;border-radius:5px;display:flex;flex-direction:column}.partnership-options h2{font-size:31.03px;line-height:1.3;margin:18px 0}.partnership-options p{font-size:17.12px;line-height:1.75;color:var(--muted);margin-bottom:24px}.partnership-options a{font-size:14.98px;margin-top:auto;line-height:1.7}.partnership-principle{border-bottom:1px solid #89704480;padding:26px 0;margin-bottom:38px}.partnership-principle p{font-size:14.98px;line-height:1.8;max-width:1050px;margin:0;color:var(--muted)}.partnership-principle strong{color:var(--gold)}.enquiry-section{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;scroll-margin-top:24px}.enquiry-section h2{font-size:38.52px}.enquiry-section>div>p{line-height:1.8}.enquiry-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.enquiry-row label{min-width:0}#enquiryFields{border:0;padding:0;margin:0;min-width:0}#enquiryFields:disabled{opacity:.55}#enquiryForm label{font-size:14.98px}#enquiryForm textarea{min-height:140px}#enquiryForm .primary{margin-top:6px}.optional{font-size:12.84px;color:var(--muted)}.enquiry-contact{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;font-size:16.05px}.enquiry-contact dt{color:var(--muted)}.enquiry-contact dd{margin:0;overflow-wrap:anywhere}.admin-filter{margin-bottom:16px}nav a[aria-current=page]{border-bottom:1px solid var(--gold);padding-bottom:4px}@media(max-width:850px){.partnership-options{grid-template-columns:1fr}.partnership-options article{padding:24px}.partnership-options h2{margin:12px 0}.partnership-options p{margin-bottom:16px}.enquiry-section{grid-template-columns:1fr;gap:20px}}@media(max-width:620px){.collaborate-main{padding:28px 6% 40px}.collaborate-intro{margin-bottom:26px}.collaborate-intro>p:last-child{font-size:17.12px}.enquiry-row{grid-template-columns:1fr;gap:0}.enquiry-section h2{font-size:33.17px;margin-bottom:14px}.enquiry-contact{grid-template-columns:1fr;gap:4px}.enquiry-contact dd{margin-bottom:10px}}
/* Gold geometric frames. */
:root{--arabic-frame:url('/assets/arabic-frame.svg')}
header .wordmark{border:14px solid transparent;border-image:var(--arabic-frame) 20 / 14px / 0 stretch;padding:3px;display:inline-flex;flex-shrink:0;line-height:0}
header .logo-image{width:176px;height:116px;border-radius:0}
.primary,#reset,.format-nav button,.gender-nav button,.alphabet button,.review-open,.performance-open,.card-more>summary,.explore,.moderation-actions button:not(.primary){border:10px solid transparent;border-image:var(--arabic-frame) 20 / 10px / 0 stretch;border-radius:0;box-shadow:none;background-clip:padding-box}
.primary,#reset{background:#41205f;color:var(--gold);padding:9px 20px}.primary:hover,#reset:hover{background:#503064;color:#eed299}
.format-nav{gap:12px}.format-nav button{padding:7px 17px;background:#361b4c}.format-nav button.selected{background:#d4b15f;color:#2e173f}.format-nav button.selected{border-image-source:url('/assets/arabic-frame.svg')}
.gender-nav{gap:9px;flex-wrap:wrap;padding-bottom:16px;border-bottom-color:#89704470}.gender-nav button,.gender-nav button:first-child{padding:7px 14px;font-size:14.98px}.gender-nav button.selected{background:#503064;color:var(--gold);border-bottom-color:transparent}.gender-nav button span{margin-left:5px}.gender-nav button.selected span{background:var(--gold);color:var(--paper)}
.alphabet{gap:5px;padding-top:10px}.alphabet button{border-width:6px;border-image-width:6px;min-width:32px;min-height:36px;padding:1px 4px}.alphabet button:disabled{border-image:none;border-color:transparent;opacity:.45}.alphabet button.active{background:#d4b15f;color:#2e173f}
.card-more{border-top:0;margin-top:4px}.card-more>summary{padding:7px 9px;min-height:44px;margin-top:6px;font-weight:500}.card-more[open]>summary{margin-bottom:12px}.review-open,.performance-open{padding:7px 10px;line-height:1.55;text-decoration:none;min-height:44px}.performance-open{width:100%}.explore{padding:7px 18px;gap:30px}.moderation-actions button:not(.primary){padding:7px 14px;background:#361b4c}
@media(max-width:620px){header{gap:10px}header .wordmark{border-width:10px;border-image-width:10px;padding:2px}header .logo-image{width:125px;height:83px}header nav{max-width:162px;gap:8px 11px}.gender-nav{gap:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.gender-nav button,.gender-nav button:first-child{border-width:7px;border-image-width:7px;padding:5px 1px;font-size:12.84px}.gender-nav button span{margin-left:0}.format-nav button{padding:7px 10px}.alphabet{gap:3px}.alphabet button{min-width:29px}.primary{padding:9px 14px}}
@media(max-width:370px){header .logo-image{width:106px;height:71px}header nav{max-width:145px;font-size:11.77px}}

/* Compact centred masthead with gold geometric frames. */
header{flex-direction:column;justify-content:center;align-items:center;padding:14px 5% 16px;gap:10px}
header .wordmark{width:min(320px,100%);justify-content:center;margin:0 auto;border-width:12px;border-image-width:12px;padding:3px 8px;background:#41205f}
header .logo-image{width:100%;height:auto;aspect-ratio:2.35;object-fit:cover;object-position:center;max-width:100%}
header nav{max-width:none;justify-content:center;flex-wrap:wrap;gap:8px;font-size:14.98px;line-height:1.5}
header nav a,header nav a[aria-current=page]{display:block;border:7px solid transparent;border-image:var(--arabic-frame) 20 / 7px / 0 stretch;padding:4px 14px;background:#361b4c;background-clip:padding-box;text-align:center;min-height:44px}
header nav a:hover{background:#503064}
.header-categories{width:min(520px,100%)}
.header-categories .format-nav,.header-categories .gender-nav{justify-content:center;margin:0;padding:0;border-bottom:0;gap:8px;display:flex;flex-wrap:wrap}
.header-categories .gender-nav{margin-top:8px}
.format-nav button,.gender-nav button,.gender-nav button:first-child{font-size:14.98px;padding:5px 12px;min-height:44px;border-width:7px;border-image-width:7px}
.format-nav button span,.gender-nav button span{font-size:12.84px}
.header-categories .format-nav button{min-width:130px;justify-content:center;flex:0 1 auto}
.header-categories .gender-nav button{min-width:90px}
@media(max-width:620px){
 header{padding:12px 4% 14px;gap:8px}
 header .wordmark{width:min(260px,100%);border-width:10px;border-image-width:10px;padding:3px 5px}
 header .logo-image{width:100%;height:auto;aspect-ratio:2.35}
 header nav{display:flex;width:auto;max-width:100%;gap:8px;font-size:14.98px}
 header nav a,header nav a[aria-current=page]{padding:4px 12px}
 .header-categories .format-nav{display:flex;gap:8px}
 .header-categories .gender-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .header-categories .format-nav button,.header-categories .gender-nav button{min-width:0;font-size:14.98px;padding:4px 5px;border-width:7px;border-image-width:7px;min-height:44px}
 .header-categories .format-nav button{min-width:126px}
 .header-categories .gender-nav button span{margin-left:2px}
}

/* Short information homepage; the full catalogue lives on /perfumes. */
.home-page .intro{padding-top:34px;padding-bottom:38px}
.home-about{max-width:1200px;margin:auto;padding:36px 5% 44px}
.home-about>h2{font-size:38.52px;margin-bottom:18px}
.home-about>p:not(.eyebrow){max-width:760px;font-size:17.12px;line-height:1.8;color:var(--muted)}
.home-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0}
.home-guide article{border-top:1px solid var(--gold);padding-top:18px}
.home-guide h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:25.68px;line-height:1.3;margin:0 0 12px;color:var(--gold)}
.home-guide p{font-size:16.05px;line-height:1.75;color:var(--muted);margin:0}
.home-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:14.98px}
.home-links .primary{display:inline-block;text-decoration:none}
.directory>.header-categories{width:100%;margin:0 0 24px}
.directory>.header-categories .format-nav,.directory>.header-categories .gender-nav{justify-content:flex-start}
@media(max-width:620px){.home-page .intro{padding-top:24px;padding-bottom:24px}.home-about{padding:28px 6% 34px}.home-about>h2{font-size:32.1px}.home-guide{grid-template-columns:1fr;gap:20px;margin:24px 0}.home-guide h3{font-size:24.61px;margin-bottom:8px}.home-links{gap:18px}.directory>.header-categories{margin-bottom:20px}}

/* Phone and tablet usability. */
header nav a,button,summary{touch-action:manipulation}
.controls>*{min-width:0}
.card h3,.detail,.home-guide p,.partnership-options p,.visitor-review{overflow-wrap:anywhere}
.load-more-wrap{text-align:center;margin:28px 0 0}
@media(max-width:760px){
 header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(360px,100%);gap:8px}
 header nav a,header nav a[aria-current=page]{min-height:44px;display:flex;align-items:center;justify-content:center;padding:5px 9px;font-size:14.98px}
 .intro{grid-template-columns:1fr;gap:20px}.intro .hero-image{display:none}
 .home-page .intro h1{font-size:clamp(32.1px,8.24vw,44.94px);line-height:1.22}
 .home-page .intro h1 br{display:none}
 .home-guide{grid-template-columns:1fr;gap:20px}
 .sectionhead{display:block}.coverage{text-align:left;max-width:none}
 .controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.search{grid-column:1/-1}
 .search input,.selectlabel select,form input,form select,form textarea{font-size:17.12px;min-width:0}
 .selectlabel{font-size:14.98px;padding:7px 10px}.selectlabel select{min-height:40px;padding:4px 0;max-width:100%}
 .search{padding:6px 12px;min-height:50px}
 .header-categories .gender-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .header-categories .format-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .header-categories .format-nav button,.header-categories .gender-nav button{min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:14.98px}
 .alphabet{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:6px;padding:12px 2px 16px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
 .alphabet button{flex:0 0 44px;min-width:44px;min-height:44px;font-size:14.98px}
 .resultsline,.resultsline a{font-size:14.98px}.resultsline{display:block}.resultsline span{display:block;max-width:none;margin-top:8px}
 .grid{grid-template-columns:1fr;gap:20px}.cardcontent{padding:18px}.card h3{font-size:28.89px;min-height:0}.card-match{min-height:0}
 .card .brandname{font-size:14.98px!important;letter-spacing:.6px}.tags span,.card-match small,.source-details summary,.performance-card dt,.form-note{font-size:14.98px}
 .photo{height:220px}.card-more>summary,.review-open,.performance-open{min-height:48px;font-size:16.05px}
 .detail p,.performance-card dd,.performance-card .performance-brand,.home-guide p,.community-section p{font-size:17.12px}
 .home-links{align-items:stretch;flex-direction:column;gap:12px}.home-links a{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}
 .community-section,.method{grid-template-columns:1fr;gap:20px}.community-actions{justify-self:stretch}.community-actions .primary{width:100%;text-align:center}
 footer{flex-direction:column;gap:12px;align-items:flex-start}footer a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
 dialog{width:calc(100% - 20px);max-width:640px;max-height:calc(100dvh - 24px);padding:18px;margin:auto;overscroll-behavior:contain}
 .dialog-head{gap:10px}.dialog-head h2{font-size:27.82px;overflow-wrap:anywhere}.dialog-head>div{min-width:0}.close-dialog{min-width:44px;min-height:44px;flex-shrink:0}
 .performance-columns{grid-template-columns:1fr}.performance-fields{min-width:0;padding:12px}.performance-fields legend{max-width:100%;overflow-wrap:anywhere}
 .performance-comparison{padding:12px}.enquiry-row{grid-template-columns:1fr}.enquiry-section{gap:20px}.moderation-card{padding:18px}
}
@media(max-width:360px){header .wordmark{width:220px}.controls{grid-template-columns:1fr}.directory{padding-left:4%;padding-right:4%}.home-about{padding-left:5%;padding-right:5%}}

/* The new logo includes its own ornamental frame. */
header .wordmark{border:0;border-image:none;padding:0;background:transparent;width:min(300px,100%)}
header .logo-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:none;border-radius:0}
@media(max-width:760px){header .wordmark{width:min(240px,100%)}header .logo-image{height:auto;aspect-ratio:3/2}}

.category-anchor{display:block;scroll-margin-top:20px}
@media(max-width:760px){header nav a:last-child:nth-child(5){grid-column:1/-1}.header-categories .format-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.header-categories .format-nav button{flex-direction:column;gap:0;font-size:14.98px;padding:5px 2px;line-height:1.4}.header-categories .format-nav button span{font-size:12.84px}}

/* Consistent, fuller serif lettering inspired by the APG wordmark. */
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', Georgia, serif;
}
body, input, select, textarea { font-weight: 500; }
h1, h2, h3, h4, h5, h6, .home-guide h3,
.hero-caption b, .footername, nav a, button, summary,
.card-more > summary, .explore, .eyebrow, .brandname {
  font-weight: 600;
}
strong, b, .format-nav button.selected { font-weight: 700; }
em { font-weight: inherit; }
input::placeholder, textarea::placeholder { font-weight: 500; }

/* Catalogue notes search and comparison category. */
.controls{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(160px,1fr));align-items:stretch}
.controls>label{min-width:0}
.note-filter input{display:block;width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:17.12px;padding:4px 0}
.note-filter small{display:block;font-size:12.84px;line-height:1.4;margin-bottom:4px}
#reminiscentNote{margin:0 0 14px}
@media(max-width:1050px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.controls .search{grid-column:1/-1}.controls .note-filter{grid-column:1/-1;grid-row:2}}
@media(max-width:760px){.header-categories .format-nav{grid-template-columns:repeat(2,minmax(0,1fr))}header nav a{min-width:0;overflow-wrap:anywhere}}
@media(max-width:360px){.controls{grid-template-columns:1fr}}

/* Optional analytics: equal choices, matched to APG's purple and gold. */
.analytics-choice{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:46rem;margin:auto;z-index:1000;padding:1.2rem;background:#291b39;color:#eddbb5;border:1px solid #bd9c57;border-radius:12px;box-shadow:0 8px 35px #0008;font-size:1rem;max-height:75vh;overflow:auto}
.analytics-choice[hidden]{display:none}
.analytics-choice p{margin:0 0 1rem;line-height:1.6}.analytics-choice a{text-decoration:underline;color:inherit}.analytics-choice>div{display:flex;gap:.8rem;flex-wrap:wrap}.analytics-choice button{flex:1;min-width:145px;padding:.7rem 1rem;border:1px solid #bd9c57;border-radius:6px;background:#382546;color:#eddbb5;font:inherit;cursor:pointer}.analytics-settings{background:transparent;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:.5rem}

.note-filter{position:relative;min-width:0}.note-filter #notesDropdown{position:relative}.note-filter #notesSummary{font-size:1rem;padding:8px 0;margin:0;color:var(--gold);cursor:pointer}.notes-panel{position:absolute;top:100%;left:-10px;width:max(100%,280px);max-width:85vw;padding:14px;background:#24122f;border:1px solid var(--gold);border-radius:8px;z-index:30;box-shadow:0 12px 24px #0007}.notes-panel p{font-size:.85rem;line-height:1.5;margin:0 0 10px}.notes-panel #noteChoices{max-height:260px;overflow-y:auto;overscroll-behavior:contain}.notes-panel .note-choice{display:flex;align-items:center;gap:10px;min-height:44px;font-size:1rem;cursor:pointer;padding:5px}.note-filter .note-choice input{display:inline-block;width:20px;height:20px;flex:0 0 20px;accent-color:var(--gold);padding:0}.notes-panel button{margin-top:10px;padding:8px 12px;border:1px solid var(--gold);background:transparent;color:var(--gold);border-radius:5px}#selectedNotes{white-space:normal;overflow-wrap:anywhere;max-height:5rem;overflow:auto}