/* Scent-discovery layer. Existing film framing and motion remain in responsive.css. */
.scents{padding:110px var(--pad) 140px;scroll-margin-top:0;background:var(--ground);color:var(--ink)}
.scents h2{font-size:clamp(48px,6vw,92px);max-width:12ch;margin-bottom:64px}
.scent-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,140px);align-items:center}
.scent-product{align-self:center;min-width:0;text-align:center}
.scent-art{position:relative;width:100%;height:clamp(380px,42vw,600px)}
.scent-art>img,.scent-art>svg{position:absolute;inset:0;width:100%;height:100%;padding:20px 10%;object-fit:contain;opacity:0;transition:opacity .5s}
.scent-art>.is-active{opacity:1}
.scent-art.media-unavailable:after{display:none}
[data-scent-image-status]{position:absolute;inset:45% 10% auto;font-size:16px;text-align:center}
.scent-product figcaption{font-size:14px;line-height:1.5;margin-top:28px}
.scent-selection{min-width:0}
.scent-choices{border:0;margin:0;padding:0;min-width:0}
.scent-choice{position:relative;display:flex;align-items:center;gap:20px;padding:24px 0;border-top:1px solid color-mix(in srgb,var(--ink) 28%,transparent);cursor:pointer;min-height:120px}
.scent-choice:last-child{border-bottom:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}
.scent-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.scent-choice:has(input:focus-visible){outline:2px solid currentColor;outline-offset:6px}
.scent-choice-copy{display:block;flex:1;min-width:0;pointer-events:none}
.scent-choice-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.scent-choice-name{font-size:clamp(21px,2vw,30px);letter-spacing:-.035em;line-height:1.15}
.scent-choice-colour{display:inline-flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}
.scent-choice-colour i{display:block;width:10px;height:10px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 25%,transparent)}
.scent-choice-description{display:block;max-width:42ch;margin-top:12px;font-size:15px;line-height:1.5;opacity:.8}
.scent-choice-mark{width:20px;font-size:24px;opacity:0;pointer-events:none}
.scent-choice:has(input:checked) .scent-choice-mark{opacity:1}
.scent-choice:has(input:checked) .scent-choice-name{font-weight:500}
.scent-choice:hover .scent-choice-name{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.product-details{margin-top:24px;font-size:14px;line-height:1.5}
.product-details summary{cursor:pointer;min-height:44px;align-content:center;width:fit-content}
.product-details p{font-size:14px;max-width:44ch;margin:12px 0}
.product-details dl{margin:0}
.product-details dl>div{display:flex;gap:24px;justify-content:space-between;max-width:360px;padding:4px 0}
.product-details dd{margin:0}
.hero-endnote{z-index:3;max-width:32ch;line-height:1.5}
.theme-picker{max-width:calc(100% - 2 * var(--pad))}
.theme-picker>span{max-width:24ch;line-height:1.3}
.text-link :is(.add-label,[data-variant-name]){font-size:inherit}
.text-link .add-label{flex:1;min-width:0;text-align:left}
.eclipse-caption .text-link{max-width:100%;flex-wrap:nowrap}
.closing-support{max-width:30ch}
.closing-copy .text-link{white-space:normal;flex-wrap:nowrap}
.bag-item h3{font-size:18px;line-height:1.3;overflow-wrap:break-word}
@media(max-width:900px){
 .scent-layout{gap:40px}
 .scent-choice-heading{display:block}
 .scent-choice-name{display:block}
 .scent-choice-colour{display:flex;width:fit-content;margin-top:8px}
 .scent-art{height:420px}
}
@media(max-aspect-ratio:1/1), (max-width:700px){
 .theme-picker{flex-wrap:wrap;justify-content:flex-end;gap:2px 10px;padding:8px 10px;background:color-mix(in srgb,var(--ground) 92%,transparent)}
 .theme-picker>span{order:-1;max-width:none;flex-basis:100%;text-align:right}
 .theme-picker.over-closing{background:color-mix(in srgb,var(--ground) 85%,transparent)}
 .eclipse-caption{padding-bottom:calc(var(--safe-bottom) + 116px)}
 .closing-copy .text-link{bottom:calc(var(--safe-bottom) + 116px);white-space:normal;flex-wrap:nowrap}
 .closing-support{max-width:28ch}
 .hero-endnote{bottom:calc(var(--safe-bottom) + 180px);max-width:28ch}
 .hero .video-play,.craft-film .video-play,.ritual .video-play{bottom:calc(var(--safe-bottom) + 110px)}
}
@media(max-width:700px){
 .scents{padding-top:100px;padding-bottom:140px}
 .scents h2{font-size:clamp(44px,10vw,64px);margin-bottom:30px}
 .scent-layout{grid-template-columns:minmax(0,1fr);gap:36px}
 .scent-art{height:300px}
 .scent-art>img,.scent-art>svg{padding:4px 12%}
 .scent-product figcaption{margin-top:16px}
 .scent-choice{padding:22px 0;min-height:136px;gap:12px}
 .scent-choice-heading{display:flex;align-items:start;gap:12px}
 .scent-choice-name{font-size:24px;max-width:12ch}
 .scent-choice-colour{margin-top:4px;font-size:12px}
 .scent-choice-description{font-size:14px;max-width:34ch}
 .theme-picker{max-width:260px}
 .bag-item h3{font-size:16px}
}
@media(max-width:350px){
 .scent-choice-heading{display:block}
 .scent-choice-name{display:block}
 .scent-choice-colour{display:flex;width:fit-content;margin-top:8px}
 .scent-choice{min-height:170px}
 .site-header nav{gap:8px}
 .site-header .brand{width:80px;flex-basis:80px}
 .craft-copy p{max-width:28ch}
}
@media(prefers-reduced-motion:reduce){.scent-art>img,.scent-art>svg{transition:none}}