.header nav{gap:22px}.header nav [aria-current=page]{color:#8a7046;border-bottom:1px solid var(--gold);padding-bottom:5px}
.scentsIntro{position:relative;overflow:hidden;text-align:center;padding:80px 24px 70px;background:radial-gradient(ellipse at 85% 15%,#e4e8d7,transparent 48%),radial-gradient(ellipse at 10% 80%,#f2ddcb,transparent 48%),#f3efe5}.scentsIntro h1{font-size:clamp(44px,6vw,76px);margin:20px 0}.scentsIntro p{max-width:530px;margin:auto;color:var(--muted);font-size:14px;line-height:1.9}.introAccent{color:#a68b57;font-size:28px;margin-top:24px}
.scentsCollection{max-width:1340px;margin:auto;padding:60px 5% 80px}.scentsToolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.scentsToolbar p{font-family:'Playfair Display',Georgia,serif;font-size:28px;margin:10px 0 24px}#scentCount{font-size:12px;color:var(--muted)}.scentFilters{display:flex;flex-wrap:wrap;gap:9px}.scentFilters button{border:1px solid #d4d6c9;border-radius:30px;padding:12px 22px;background:transparent;color:var(--green);font-size:12px;transition:background .2s,color .2s,box-shadow .2s}.scentFilters button:hover{border-color:#aa9065;box-shadow:0 3px 12px #cbb18430}.scentFilters button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.familyNote{font-size:11px;line-height:1.7;color:var(--muted);margin:17px 0 30px}.scentsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;align-items:start}.scentCard{background:#fffdf8;border:1px solid #e5e2d7;border-radius:12px;overflow:hidden;min-width:0}.scentCard[hidden]{display:none}.scentVisual{position:relative;display:block;padding:0;border:0;background:#f3eddd;width:100%;overflow:hidden;text-align:left;color:#fff}.scentVisual img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .4s}.scentVisual>span{position:absolute;bottom:12px;right:12px;left:12px;display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#14291fe8;border-radius:6px;font-size:10px;letter-spacing:.04em;opacity:0;transform:translateY(5px);transition:.25s}.scentVisual:hover img{transform:scale(1.025)}.scentVisual:hover>span,.scentVisual:focus-visible>span{opacity:1;transform:none}.scentInfo{padding:24px}.scentTags{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8b7148}.scentInfo h2{font-size:30px;margin:10px 0}.scentInfo p{font-size:12px;color:var(--muted);line-height:1.8;min-height:44px}.scentInfo a{font-size:11px;display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:6px;margin-top:9px}.scentAdvice{text-align:center;background:#eae8df;padding:65px 20px}.scentAdvice h2{font-size:clamp(30px,4vw,48px);margin:18px 0}.scentAdvice p{font-size:13px;color:var(--muted);margin-bottom:25px}
#pyramidDialog{padding:0;border:0;border-radius:10px;background:#fcfaf4;color:var(--green);width:min(800px,94vw);max-height:94dvh;overflow:auto;box-shadow:0 20px 80px #0005}#pyramidDialog::backdrop{background:#102319c9;backdrop-filter:blur(5px)}.pyramidTop{position:sticky;top:0;z-index:1;background:#fcfaf4;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.pyramidTop h2{font-size:23px;margin:0}.pyramidTop button{border:1px solid #d9d6c9;background:transparent;border-radius:50%;width:40px;height:40px;color:var(--green)}#pyramidImage{width:100%;height:auto}
@media(max-width:1000px){.header nav{gap:12px}.header nav a{font-size:11px}}
@media(max-width:800px){.scentsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scentInfo{padding:19px}.scentsIntro{padding:55px 20px}.scentVisual>span{opacity:1;transform:none;font-size:9px}.header nav{gap:9px}}
@media(max-width:480px){.scentsGrid{grid-template-columns:1fr}.scentsCollection{padding:40px 6% 55px}.scentFilters button{padding:10px 16px}.scentsIntro p{font-size:12px}.scentInfo p{min-height:0}.scentVisual>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.scentVisual:hover img{transform:none}}

/* Image-led fragrance discovery and ingredient photography. */
.scentsIntro{min-height:480px;display:flex;align-items:center;text-align:left;padding:65px 7%;background:#f4efe3}
.scentsBanner{position:absolute;inset:0;background:url('assets/geuren-banner.png') center center/cover no-repeat}
.scentsIntroCopy{position:relative;z-index:1;max-width:400px}
.scentsIntro h1{font-size:clamp(34px,3.6vw,50px);line-height:1.15;margin:18px 0}
.scentsIntro p{font-size:13px;max-width:340px;line-height:1.85;margin:0;color:#455445}
.scentsIntro .eyebrow{font-size:9px;letter-spacing:.19em}
.ingredientVisual{display:block;width:100%;aspect-ratio:1;background-image:url('assets/geuren-ingredients.png');background-size:300% 400%;background-repeat:no-repeat;transition:transform .45s ease}
.scentVisual:hover .ingredientVisual{transform:scale(1.035)}
.scentVisual>span{opacity:1;transform:none;left:auto;background:#fcfaf0ef;color:#24372d;border:1px solid #e5dbc8;backdrop-filter:blur(5px)}
@media(max-width:800px){.scentsIntro{min-height:410px;padding:45px 5%}.scentsIntroCopy{max-width:320px}.scentsIntro h1{font-size:37px}.scentsIntro p{font-size:12px;max-width:280px}}
@media(max-width:620px){.scentsIntro{padding:0;display:flex;flex-direction:column;align-items:stretch;min-height:0}.scentsBanner{position:relative;inset:auto;aspect-ratio:1.25;background-position:82% center;order:0}.scentsIntroCopy{order:1;padding:26px 7% 32px;max-width:none}.scentsIntro h1{font-size:32px;margin:12px 0}.scentsIntro p{max-width:100%;font-size:12px}}
@media(prefers-reduced-motion:reduce){.scentVisual:hover .ingredientVisual{transform:none}}