/* An editorial scent study, scoped to the individual perfume page. */
.perfume-page .perfume-tags{display:flex;flex-wrap:wrap;gap:8px 18px;margin:15px 0 0;color:var(--muted);font-size:11px;letter-spacing:.06em}
.perfume-page .perfume-tags span+span{border-left:1px solid var(--line);padding-left:18px}
.perfume-page .perfume-portrait-line{font-size:16px;line-height:1.8;margin-top:22px;max-width:38ch;color:var(--ink)}
.perfume-page .product-story h2{font-size:22px;line-height:1.45;letter-spacing:-.02em}
.perfume-page .product-story p+p{margin-top:18px}
.perfume-page .product-detail{align-items:start}
.perfume-page .product-portrait,.perfume-page .luxury-product-visual{align-self:center}
.perfume-page .scent-journey{margin-top:80px;padding-top:48px;border-top:1px solid var(--line)}
.perfume-page .scent-journey-heading{max-width:650px}
.perfume-page .scent-journey-heading h2,.perfume-page .scent-occasion h2{font-size:clamp(23px,2.4vw,32px);font-weight:400;letter-spacing:-.025em;line-height:1.4;margin-top:15px}
.perfume-page .scent-journey-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px}
.perfume-page .scent-journey-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:var(--page-gap,60px);margin-top:40px}
.perfume-page .scent-pyramid{width:min(100%,460px);justify-self:center;display:grid;gap:6px;--pyramid-gold:#B8944F}
.perfume-page .scent-layer{position:relative;isolation:isolate;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:112px;color:var(--ink);font-size:15px;text-decoration:none;outline-offset:4px;cursor:pointer;padding:0 8%}
.perfume-page .scent-layer-shape{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}
.perfume-page .scent-layer-shape polygon{fill:#f4f1ea;stroke:var(--pyramid-gold);stroke-width:1;stroke-linejoin:miter;transition:fill .18s ease,stroke-width .18s ease}
.perfume-page .scent-layer--top{padding-top:58px;min-height:168px}
.perfume-page .scent-layer--heart .scent-layer-shape polygon{fill:#efeae0}
.perfume-page .scent-layer--base .scent-layer-shape polygon{fill:#e9e2d3}
.perfume-page .scent-layer[aria-selected="true"] .scent-layer-shape polygon{fill:#e6d8b8;stroke-width:1.6}
.perfume-page .scent-layer:hover .scent-layer-shape polygon{fill:#e9dcc2}
.perfume-page .scent-layer-notes{font-size:11px;line-height:1.5;letter-spacing:.02em;color:var(--muted);text-transform:capitalize;max-width:34ch}
.perfume-page .scent-layer--top .scent-layer-notes{max-width:18ch}
.perfume-page .scent-layer[aria-selected="true"] .scent-layer-notes{color:var(--ink)}
.perfume-page .scent-stage-when{font-size:12px;letter-spacing:.04em;color:var(--pyramid-gold,#B8944F);margin-top:10px}
.perfume-page .scent-layer:focus-visible{outline:2px solid #765d35}
.perfume-page .scent-layer-number{font-size:10px;letter-spacing:.14em}
.perfume-page .scent-layer-type{font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.perfume-page .scent-panels{min-width:0}
.perfume-page .scent-panel{border-top:1px solid var(--line);padding:25px 0}
.perfume-page .scent-panel[hidden]{display:none}
.perfume-page .scent-stage-count{font-size:13px;letter-spacing:.08em;margin-bottom:24px}
.perfume-page .scent-stage-count span{color:var(--muted);margin-left:6px}
.perfume-page .scent-panel h3{font-size:26px;font-weight:400;line-height:1.35;letter-spacing:-.02em}
.perfume-page .scent-panel-description{font-size:14px;line-height:1.9;color:var(--muted);max-width:42ch;margin-top:16px}
.perfume-page .scent-notes-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-top:28px;color:var(--muted)}
.perfume-page .scent-note-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:10px 0}
.perfume-page .scent-note-list li{font-size:14px;line-height:1.65;text-transform:capitalize}
.perfume-page .scent-note-list li:not(:last-child)::after{content:"·";padding:0 12px;color:#938264}
.perfume-page .scent-reading-note{font-size:11px;line-height:1.8;color:var(--muted);max-width:560px;margin-top:30px}
.perfume-page .scent-occasion{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:var(--page-gap,60px);align-items:center;border-block:1px solid var(--line);padding:34px 0;margin-top:48px}
.perfume-page .scent-occasion h2{font-size:23px}
.perfume-page .scent-occasion p:last-child{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}
.perfume-page .scent-occasion dl{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.perfume-page .scent-occasion dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}
.perfume-page .scent-occasion dd{font-size:13px;line-height:1.8;margin:0}
.perfume-page .perfume-house-line{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.18em;margin:48px 0 0}
@media(max-width:760px){
.perfume-page .perfume-portrait-line{font-size:15px}
.perfume-page .product-story h2{font-size:21px}
.perfume-page .scent-journey{margin-top:52px;padding-top:32px}
.perfume-page .scent-journey-body{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:25px}
.perfume-page .scent-pyramid{max-width:380px}
.perfume-page .scent-layer{min-height:96px;font-size:14px;gap:3px;padding:0 6%}
.perfume-page .scent-layer--top{min-height:150px;padding-top:58px}
.perfume-page .scent-layer-notes{font-size:10px}
.perfume-page .scent-layer--top .scent-layer-notes{max-width:13ch}
.perfume-page .scent-panel{padding:22px 0 8px}
.perfume-page .scent-stage-count{margin-bottom:18px}
.perfume-page .scent-panel h3{font-size:24px}
.perfume-page .scent-occasion{grid-template-columns:1fr;gap:28px;margin-top:34px;padding:28px 0}
.perfume-page .scent-occasion dl{gap:18px}
.perfume-page .scent-journey-heading h2{max-width:18ch}
}
@media(prefers-reduced-motion:reduce){.perfume-page .scent-layer-shape polygon{transition:none}}
