body:has(.scent-detail){background-image:none!important;background-color:var(--ui-page)!important}body:has(.scent-detail) .scent-page-nav__inner{gap:.25rem;padding:.3rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:color-mix(in srgb,var(--ui-surface) 96%,transparent);box-shadow:var(--ui-shadow-1);backdrop-filter:blur(10px)}body:has(.scent-detail) .scent-page-nav__inner:before,body:has(.scent-detail) .scent-page-nav__link:before,body:has(.scent-detail) .scent-detail:before,body:has(.scent-detail) .scent-detail:after,body:has(.scent-detail) .scent-hero-halo{display:none}body:has(.scent-detail) .scent-page-nav__link{min-height:36px;padding:.5rem .72rem;border:1px solid transparent;border-radius:var(--ui-radius-pill);background:transparent;color:var(--ui-text-muted);box-shadow:none;backdrop-filter:none;font-size:.82rem;transition:color var(--ui-transition),background-color var(--ui-transition),border-color var(--ui-transition)}body:has(.scent-detail) .scent-page-nav__link:is(:hover,:focus-visible,.is-active){transform:none;border-color:var(--ui-border);background:var(--ui-surface-subtle);color:var(--ui-text);box-shadow:none}body:has(.scent-detail) .scent-hero-card{overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-2)}body:has(.scent-detail) .scent-hero-card__gradient{background:linear-gradient(180deg,transparent 32%,rgba(18,22,28,.72) 100%)}body:has(.scent-detail) .scent-hero-card__badge{border:1px solid rgba(255,255,255,.34);background:#ffffffeb;box-shadow:none;backdrop-filter:none}body:has(.scent-detail) .scent-hero-card__tag{border:1px solid rgba(255,255,255,.28);background:#12161c61;box-shadow:none;backdrop-filter:blur(6px)}body:has(.scent-detail) .scent-section{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-1)}body:has(.scent-detail) .scent-section__eyebrow,body:has(.scent-detail) .cross-navigation__eyebrow{color:color-mix(in srgb,var(--scent-accent-strong) 58%,var(--ui-text-muted));font-size:var(--ui-type-eyebrow);font-weight:750;letter-spacing:.12em;text-transform:uppercase}body:has(.scent-detail) .scent-section h2,body:has(.scent-detail) .cross-navigation h2{color:var(--ui-text);font-family:var(--font-display);letter-spacing:-.025em}body:has(.scent-detail) .scent-overview__fact{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-subtle);box-shadow:none}body:has(.scent-detail) .accord-tag{filter:saturate(.82);box-shadow:none}body:has(.scent-detail) .accord-horizontal{opacity:.9}body:has(.scent-detail) .assoc-card,body:has(.scent-detail) .cross-navigation__item,body:has(.scent-detail) .cross-navigation__scent-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background-image:none;background-color:var(--ui-surface-subtle);box-shadow:none}body:has(.scent-detail) .assoc-card:is(:hover,:focus-visible),body:has(.scent-detail) .cross-navigation__scent-card:is(:hover,:focus-visible){transform:translateY(-1px);border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-1)}body:has(.scent-detail) :is(.assoc-card__icon,.cross-navigation__scent-icon){border:1px solid color-mix(in srgb,var(--scent-accent) 12%,var(--ui-border));border-radius:var(--ui-radius-md);background:color-mix(in srgb,var(--scent-accent) 7%,var(--ui-surface));box-shadow:none}body:has(.scent-detail) #world-map{border-radius:var(--ui-radius-md);background-image:none;background-color:var(--ui-surface-subtle)}body:has(.scent-detail) .map-reset-btn{border-color:var(--ui-border-strong);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-1);backdrop-filter:none}body:has(.scent-detail) .timeline__content{border-color:var(--ui-border);background-image:none;background-color:var(--ui-surface-subtle);box-shadow:none}body:has(.scent-detail) .back-link a{color:var(--ui-text-muted);text-decoration-thickness:1px;text-underline-offset:.2em}@media(max-width:760px){body:has(.scent-detail) .scent-page-nav{top:.35rem;padding-inline:.25rem}body:has(.scent-detail) .scent-page-nav__inner{justify-content:flex-start;border-radius:var(--ui-radius-lg)}body:has(.scent-detail) .scent-section{border-radius:var(--ui-radius-md)}body:has(.scent-detail) .assoc-scents__grid,body:has(.scent-detail) .cross-navigation__grid,body:has(.scent-detail) .cross-navigation__scent-grid{grid-template-columns:1fr!important}body:has(.scent-detail) #world-map{height:min(70vh,430px)}}@media(max-width:520px){body:has(.scent-detail) .scent-hero{padding-inline:.5rem}body:has(.scent-detail) .container.scent-detail{padding-inline:.65rem}}@media(prefers-reduced-motion:reduce){body:has(.scent-detail) .scent-detail *{scroll-behavior:auto!important}}body:has(.scent-detail) .scent-page-nav{top:calc(var(--site-header-height, 64px) + 8px);padding:.4rem 1rem;margin-top:0;background:transparent}body:has(.scent-detail) .scent-page-nav__inner{justify-content:flex-start;width:fit-content;max-width:100%}body:has(.scent-detail) .scent-page-nav__link{min-height:44px}body:has(.scent-detail) .scent-detail .scent-section[id]{scroll-margin-top:calc(var(--scent-nav-height, 68px) + 24px)}body:has(.scent-detail) .scent-detail.container{max-width:1160px}body:has(.scent-detail) .scent-intro-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}body:has(.scent-detail) .scent-detail .scent-section{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}body:has(.scent-detail) .scent-detail>.scent-section{border-top:1px solid var(--ui-border);margin-block:1.5rem;padding-block:clamp(1.5rem,3vw,2.5rem)}body:has(.scent-detail) .scent-detail .scent-section:before,body:has(.scent-detail) .scent-detail .scent-section h2:after{display:none}body:has(.scent-detail) .scent-intro-grid>.scent-section{padding:0}body:has(.scent-detail) .scent-intro-grid .scent-overview{gap:1.5rem}.scent-overview__actions{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.scent-overview__profile-link{color:var(--ui-text-muted);text-underline-offset:4px;font-size:.9rem}.scent-overview__perfume-link{display:inline-flex;gap:.8rem;align-items:center;min-height:44px;color:var(--ui-text);font-weight:650;text-underline-offset:5px}.scent-accords__legend{margin:.75rem 0 1.2rem;color:var(--ui-text-muted);font-size:.82rem;line-height:1.6;max-width:48ch}body:has(.scent-detail) .scent-intro-grid .accord-olfactif-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:1rem;align-items:center;min-height:44px;margin:0}body:has(.scent-detail) .accords-olfactifs-list{gap:.15rem;padding:0}.scent-accord-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ui-text);text-decoration:none;font-size:.9rem}.scent-accord-link:hover{text-decoration:underline;text-underline-offset:4px}body:has(.scent-detail) .accord-horizontal{width:100%;height:7px;filter:none}body:has(.scent-detail) .scent-detail>.scent-perfumes .scent-perfumes__intro{padding-inline:0}body:has(.scent-detail) .scent-detail>.scent-section{padding-inline:0}body:has(.scent-detail) .scent-reading-column{max-width:72ch;margin-inline:auto}body:has(.scent-detail) .scent-reading-column .desc-body{color:var(--ui-text-muted);line-height:1.8}body:has(.scent-detail) .scent-reading-column p+p{margin-top:1.1rem}body:has(.scent-detail) .extraction-body{margin-inline:auto}body:has(.scent-detail) .scent-perfumes__link{color:var(--ui-text);background:var(--ui-surface);border-color:var(--ui-border);box-shadow:none}.scent-perfume-caption{color:var(--ui-text-muted);font-size:.78rem;line-height:1.4;text-align:center;margin:.25rem 0 .65rem}body:has(.scent-detail) .scent-detail :is(a,button):focus-visible{outline:2px solid var(--scent-accent-strong);outline-offset:4px}html.has-scent-motion body:has(.scent-detail) .scent-detail [data-reveal=fade-up],html.has-scent-motion body:has(.scent-detail) .scent-detail .accord-olfactif-row{opacity:1;transform:none;transition:none}html.has-scent-motion body:has(.scent-detail) .scent-detail .accord-horizontal rect:last-child{animation:none}@media(max-width:760px){body:has(.scent-detail) .scent-intro-grid{grid-template-columns:1fr;gap:2rem}body:has(.scent-detail) .scent-page-nav{padding-inline:.5rem}body:has(.scent-detail) .scent-page-nav__inner{width:100%}body:has(.scent-detail) .scent-detail.container{padding-top:1rem}}
