/* ---- royal-refinements31 (index.html line 1297) ---- */
/* Photographic ingredients remain visible above the liquid and label. */
html body #concentrationLab27 .lab29-notes{z-index:7!important;opacity:1!important;filter:none!important;transform:translateY(-18px);overflow:visible!important;height:65px!important;pointer-events:none}
html body #concentrationLab27 .lab29-notes img.real-note31{position:absolute!important;left:var(--x);top:var(--y);width:46px!important;height:40px!important;object-fit:contain!important;display:block;max-width:none!important;opacity:1!important;filter:drop-shadow(0 2px 2px #07384a55);animation:float29 4s ease-in-out var(--delay) infinite alternate}
html body #concentrationLab27 .lab29-notes img[hidden]{display:none!important}
/* Blend with the photograph's palette, never fade the whole section to white. */
html:not(#a31):not(#b31):not(#c31):not(#d31):not(#e31):not(#f31):not(#g31) body #intro{mask-image:none!important;-webkit-mask-image:none!important}
html:not(#a31):not(#b31):not(#c31):not(#d31):not(#e31):not(#f31):not(#g31) body :is(#ranges,#scentFamilies){height:130dvh!important;min-height:850px!important}
html:not(#a31):not(#b31):not(#c31):not(#d31):not(#e31):not(#f31):not(#g31) body :is(#ranges .range-grid,#scentFamilies .family-grid){height:130dvh!important;min-height:850px!important}
html:not(#a31):not(#b31):not(#c31):not(#d31):not(#e31):not(#f31):not(#g31) body #intro:after{background:linear-gradient(0deg,var(--hero-base),transparent)!important;opacity:.4!important;pointer-events:none}
html:not(#a31):not(#b31):not(#c31):not(#d31):not(#e31):not(#f31):not(#g31) body #ranges .range-copy{background:linear-gradient(0deg,#0c1c24c9,transparent)!important;color:#fff!important}
html body #ranges .range-copy :is(strong,span,b){color:#fff!important;text-shadow:0 2px 18px #0009}
html body #familyPageContent{background:radial-gradient(ellipse at 50% 0,#3a424c 0,transparent 45%),linear-gradient(140deg,#0d1721,#192b37 55%,#111c26)!important;color:#f3e7d2!important;min-height:100dvh}
html body #familyPage .family-page-hero{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:390px!important;padding:70px 24px 45px!important;background:radial-gradient(ellipse at 50% 20%,#c6aa7330,transparent 58%),repeating-linear-gradient(115deg,transparent 0 100px,#c9b17a07 101px 102px),linear-gradient(130deg,#10212e,#293846 55%,#10212e)!important;border-bottom:1px solid #d2b97c55!important}
html body #familyPage .family-page-hero h2{font-family:var(--heading-font)!important;font-size:clamp(42px,5.2vw,80px)!important;line-height:1.6!important;font-weight:900!important;text-align:center!important;color:#f5dfac!important;margin:8px auto 16px!important;text-shadow:0 5px 28px #0006}
html body #familyPage .family-page-hero .chapter-kicker{display:none!important}
html body #familyPage .family-page-hero>span:last-child{color:#e6d7b9}
.niche31-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:26px 5vw;background:#132531d9;border-bottom:1px solid #d2b97c30}
.niche31-filters button{border:1px solid #dcc48c55;border-radius:30px;padding:10px 22px;background:#ffffff05;color:#e7ddc9;font:700 16px var(--control-font);cursor:pointer;transition:background .2s,transform .2s}
.niche31-filters button:hover{background:#cfb27422;transform:translateY(-2px)}
.niche31-filters button[aria-pressed=true]{background:#e0c48b;color:#142633;border-color:#e0c48b}
html body #familyPageContent .card{background:#172936!important;border:1px solid #ccb47744!important;color:#f2e7d3!important;box-shadow:0 14px 35px #0003!important}
html body #familyPageContent .card :is(h3,.name,.eng){color:#f2e7d3!important}
@media(max-width:650px){html:not(#a31):not(#b31):not(#c31):not(#d31):not(#e31):not(#f31):not(#g31) body :is(#ranges,#scentFamilies,#ranges .range-grid,#scentFamilies .family-grid){height:120dvh!important;min-height:760px!important}.niche31-filters{gap:8px;padding:20px 12px}.niche31-filters button{font-size:14px;padding:8px 14px}}
@media(prefers-reduced-motion:reduce){html body #concentrationLab27 .lab29-notes img.real-note31{animation:none!important}}

/* ---- photo-tones31 (index.html line 1321) ---- */
html:not(#a31):not(#b31):not(#c31):not(#d31):not(#e31):not(#f31):not(#g31) body #ranges .range-copy:before{background:linear-gradient(transparent,#10232c66 55%,#10232cb0)!important}html:not(#a31):not(#b31):not(#c31):not(#d31):not(#e31):not(#f31):not(#g31) body #ranges .range-heading{background:linear-gradient(#10232c66,transparent)!important}

/* ---- signature32 (index.html line 1321) ---- */
html:not(#a32):not(#b32):not(#c32):not(#d32):not(#e32):not(#f32):not(#g32):not(#h32) body #intro.hero{height:max(900px,110dvh)!important;min-height:900px!important}
html:not(#a32):not(#b32):not(#c32):not(#d32):not(#e32):not(#f32):not(#g32):not(#h32) body #intro .hero-scene{left:0!important;right:auto!important;top:0!important;bottom:0!important;width:76%!important;height:100%!important}
html:not(#a32):not(#b32):not(#c32):not(#d32):not(#e32):not(#f32):not(#g32):not(#h32) body #intro .hero-scene>img{mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%)!important;mask-composite:add!important;-webkit-mask-composite:source-over!important}
html body #intro .hero-mist27{filter:blur(12px)!important;opacity:.6!important}
html body #intro .hero-editorial{width:37%!important;margin-left:auto!important;position:relative;z-index:3;text-shadow:0 2px 22px #07172590}
html body #intro .hero-editorial h1{font-size:clamp(36px,4vw,64px)!important}
html body #familyPage .family-page-hero.niche32-hero{background:linear-gradient(#06111e30,#07172670),url('../assets/73a411811260706a90da2ba9.webp') center/cover!important;min-height:470px!important;padding:80px 24px 65px!important;isolation:isolate}
.signature32-intro{font:700 clamp(17px,2vw,24px)/1.7 var(--control-font);color:#f4ddaf;letter-spacing:0;margin-bottom:9px}
html body #familyPage .niche32-hero h2{font-size:clamp(44px,5.5vw,84px)!important;color:#fff1d3!important;text-shadow:0 3px 24px #000b!important}
html body #familyPage .niche32-hero p{font:700 clamp(16px,1.5vw,22px)/2 var(--control-font)!important;color:#f0e5d3!important;max-width:850px;margin:12px auto 24px!important;text-shadow:0 2px 12px #000}
html body .niche-card .info{text-align:center!important;padding:24px 18px!important}
html body .niche-card .title{display:block!important;width:100%!important;text-align:center!important;font-weight:900!important;font-size:clamp(25px,2vw,34px)!important;line-height:1.6!important}
html body .niche-card .eng{font-weight:700!important;text-align:center!important;letter-spacing:1.5px!important}
html body .niche-card .kicker{display:none!important}
.feeling32{font:700 17px/1.95 var(--control-font);color:#ead8b8;min-height:66px;margin:18px auto 12px;max-width:340px;text-align:center}
.signature32-notes{display:flex;justify-content:center;align-items:start;gap:12px;min-height:100px;margin:8px auto 20px}
.signature32-notes>*{flex:0 1 90px;max-width:90px;margin:0!important;text-align:center!important}
.signature32-notes img{width:62px!important;height:62px!important;object-fit:contain!important;margin:0 auto!important}
.signature32-notes figcaption{font-size:13px!important;font-weight:700!important;line-height:1.6!important}
@media(max-width:700px){html:not(#a32):not(#b32):not(#c32):not(#d32):not(#e32):not(#f32):not(#g32):not(#h32) body #intro.hero{height:max(1000px,130dvh)!important}html:not(#a32):not(#b32):not(#c32):not(#d32):not(#e32):not(#f32):not(#g32):not(#h32) body #intro .hero-scene{width:100%!important;height:74%!important;top:auto!important;bottom:0!important}html body #intro .hero-editorial{width:100%!important;padding:30px 24px!important;text-align:center!important}html:not(#a32):not(#b32):not(#c32):not(#d32):not(#e32):not(#f32):not(#g32):not(#h32) body #intro .hero-scene>img{mask-image:linear-gradient(transparent,#000 12%,#000 96%,transparent)!important;-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 96%,transparent)!important}.signature32-notes{gap:4px}.signature32-notes img{width:44px!important;height:44px!important}.feeling32{font-size:14px}.signature32-notes figcaption{font-size:11px!important}html body .niche-card .title{font-size:24px!important}}