/* Physical left/right composition is intentional in every reading direction. */
.story-section{position:relative;display:block;direction:ltr;min-height:600px;overflow:hidden;background:#0b0b0c;color:#f3ede5}
.story-section .story-image{position:absolute;inset:0;width:100%;height:100%;min-height:0}
.story-section .story-image>img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.story-section .story-copy{position:relative;z-index:5;margin-left:34%;width:27%;padding:130px 25px;min-height:600px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.64),transparent)}
html[dir=rtl] .story-copy{direction:rtl}
html[dir=rtl] .story-section{direction:ltr}
.story-copy .ghost-v{display:none}
.story-section .story-copy>p:not(.eyebrow){color:#d0cbc3}
.story-section .story-copy .eyebrow,.story-section .story-copy .line-link{color:#d8bd92}
.story-product{position:absolute;left:20%;bottom:40px;transform:translateX(-50%);width:320px;aspect-ratio:2/3;z-index:3;mix-blend-mode:normal;pointer-events:none}
.story-product>img{width:100%;height:100%;object-fit:contain}
.story-mist{position:absolute;inset:0;z-index:4;pointer-events:none}
.story-mist canvas{display:block;width:100%;height:100%}
.v10-gallery-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;direction:ltr}
.v10-gallery-controls button{position:relative;border:1px solid var(--line);background:var(--surface);padding:4px;cursor:pointer;aspect-ratio:1.2;overflow:hidden}
.v10-gallery-controls button[aria-pressed=true]{border-color:var(--gold)}
.v10-gallery-controls img{width:100%;height:100%;object-fit:cover}
.v10-gallery-controls span{position:absolute;bottom:4px;left:4px;background:#090909c9;color:#e2c491;font-size:10px;padding:3px 6px}
.gallery-controls.v10-controls-host{display:block}
.v10-play{display:block;margin:12px 0 0 auto;border:0;background:none;color:var(--muted);font:inherit;font-size:11px;padding:8px;cursor:pointer}
.v10-presentation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,7vw,110px);padding:90px max(6vw,24px);align-items:center;direction:ltr}
.v10-presentation-art{position:relative;min-width:0}
.v10-presentation-art>img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:85% center;background:#101010}
.v10-presentation-art>[data-perfume-counter]{display:block;font-size:11px;color:var(--gold);margin:14px 0;letter-spacing:2px}
.v10-presentation-copy{max-width:460px}
.v10-presentation-copy h2{font-size:clamp(34px,4vw,60px);line-height:1.12;margin:25px 0}
.v10-presentation-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9;margin-bottom:28px}
html[dir=rtl] .v10-presentation-copy{direction:rtl}
html[dir=rtl] #presentation.v10-presentation{direction:ltr}
.v10-presentation-copy .line-link{font-size:12px}
.v10-admin-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:25px 0}
.v10-admin-images fieldset{min-width:0;border:1px solid var(--line);padding:12px;display:grid;gap:12px}
.v10-admin-images img{width:100%;height:130px;object-fit:contain}
.v10-admin-images label{display:grid;gap:6px;font-size:12px}
.v10-admin-images input:not([type=checkbox]){width:100%;padding:10px;background:var(--surface);color:var(--text);border:1px solid var(--line)}
.v10-demo-editor{margin:30px 0;padding-block:25px;border-block:1px solid var(--line)}
.v10-demo-editor>p{font-size:12px;line-height:1.8;color:var(--muted)}
.v10-demo-delete{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}
#v10-demo-comments{margin:60px max(6vw,24px);padding:28px;border:1px dashed var(--line)}
#v10-demo-comments[hidden]{display:none}
#v10-demo-comments h2{font-size:25px}#v10-demo-comments>p{color:var(--muted);font-size:13px;line-height:1.8}
.v10-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}
.v10-demo-grid article{padding:20px;background:var(--surface);overflow-wrap:anywhere}
.v10-demo-grid small{color:var(--gold);font-size:10px}.v10-demo-grid h3{font-size:18px;margin:14px 0}.v10-demo-grid p{font-size:13px;white-space:pre-wrap;line-height:1.8}
.vp-visual .v10-controls-host{padding-top:16px}
.vp-visual>img[data-perfume-rotating]{object-fit:cover;object-position:85% center}
html[dir=rtl] [data-product-id="v-eau-de-parfum"] .vp-layout{direction:ltr}
html[dir=rtl] [data-product-id="v-eau-de-parfum"] .vp-copy{direction:rtl}
@media(min-width:1700px){.story-product{width:355px}}
@media(max-width:960px) and (min-width:681px){.story-product{width:265px}.story-section .story-copy{margin-left:36%;width:32%;padding-inline:10px}}
@media(max-width:680px){
 .story-section{padding-top:400px;min-height:0}.story-section .story-image{height:420px}.story-section .story-image>img{object-position:28% center}.story-product{left:25%;width:220px;top:75px;bottom:auto}
 .story-mist{height:420px}.story-section .story-copy{margin:0;width:100%;min-height:0;padding:28px 28px 48px;text-align:center;background:#0b0b0c}.story-copy h2,.story-copy p{margin-inline:auto}.story-copy .line-link{align-self:center}
 .v10-presentation{grid-template-columns:1fr;padding:50px 24px;gap:24px}.v10-presentation-copy{max-width:none}.v10-demo-grid{grid-template-columns:1fr}.v10-admin-images{grid-template-columns:1fr 1fr}
}

.product-section{direction:ltr}html[dir=rtl] .product-copy,html[dir=rtl] .collection-heading{direction:rtl}
.story-product .spray-origin{left:57.3%;top:11.2%}
.va-alt-image{opacity:0;transition:opacity .4s,transform .6s}
.va-art img,#product-image,.packaging-image img{transition:transform .6s,opacity .4s}
.va-art:focus-visible .va-alt-image{opacity:1}
@media(hover:hover) and (pointer:fine){.va-art:hover img{transform:scale(1.045)}.va-art:hover .va-alt-image{opacity:1}}
@media(prefers-reduced-motion:reduce){.va-art img,#product-image{transition:none;transform:none!important}}

.vp-visual{overflow:hidden}.vp-visual>img{transition:transform .6s}
@media(hover:hover) and (pointer:fine){.vp-visual>img:hover{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.vp-visual>img{transition:none;transform:none!important}}

/* Both views occupy the same frame: accessory base CSS makes images relative. */
.va-card .va-art img{position:absolute;inset:0;display:block;transform:scale(1);transition:transform .65s ease,opacity .45s ease}
.va-card .va-art .va-alt-image{z-index:2;opacity:0}
.va-card .va-art:hover img,.va-card .va-art:focus-visible img{transform:scale(1.09)}
.va-card .va-art:hover .va-alt-image,.va-card .va-art:focus-visible .va-alt-image{opacity:1}
@media(prefers-reduced-motion:reduce){.va-card .va-art img{transition:none;transform:none!important}}

/* Fragrance gallery: zoom only the image under the pointer. */
#product-picture{display:block;overflow:hidden}
#product-image,.v10-gallery-controls button img{transform:scale(1);transition:transform .55s ease}
#product-picture:hover #product-image{transform:scale(1.045)}
.v10-gallery-controls button:hover img,.v10-gallery-controls button:focus-visible img{transform:scale(1.07)}
@media(prefers-reduced-motion:reduce){#product-image,.v10-gallery-controls button img{transition:none;transform:none!important}}

/* Reduced motion keeps the requested static magnification without animation. */
@media(prefers-reduced-motion:reduce){#product-picture:hover #product-image{transform:scale(1.045)!important}.v10-gallery-controls button:hover img,.v10-gallery-controls button:focus-visible img{transform:scale(1.07)!important}}