/* Keep the complete bottle inside a shorter hero; soften the extra side area. */
body[data-page=home] .hero-campaign{height:650px;min-height:0;max-height:88svh;background:#b7a7b8}
body[data-page=home] .hero-slide::before{content:"";position:absolute;inset:-25px;background-image:linear-gradient(#16102018,#16102018),var(--hero-photo);background-position:center;background-size:cover;filter:blur(20px);transform:scale(1.03)}
body[data-page=home] .hero-slide>img{object-fit:contain;object-position:center;height:100%;z-index:1}
body[data-page=home] .hero-atmosphere{z-index:2;pointer-events:none}
.hero-note-cloud{position:absolute;inset:0;z-index:4;pointer-events:none}.hero-note{position:absolute;display:flex;flex-direction:column;align-items:center;gap:9px;width:126px;color:white;text-shadow:0 2px 10px #21122966;font-size:15px;font-weight:600;letter-spacing:.3px;animation:hero-note-float 5.5s ease-in-out infinite;animation-play-state:paused}.hero-slide.active .hero-note{animation-play-state:running}.hero-note-icon{display:block;width:100px;height:100px;border-radius:50%;border:1px solid #ffffff8c;background-color:#f2f7ffcf;background-image:url('assets/perfume-note-atlas-v1-opt.webp');background-size:400% 200%;background-position:var(--note-x) var(--note-y);box-shadow:0 14px 32px #1823411c;backdrop-filter:blur(10px)}.hero-note-0{left:14%;top:28%;animation-delay:-1s}.hero-note-1{left:21%;top:61%;animation-delay:-3s}.hero-note-2{right:14%;top:29%;animation-delay:-2s}.hero-note-3{right:21%;top:62%;animation-delay:-4s}.hero-notes-caption{position:absolute;left:50%;bottom:112px;transform:translateX(-50%);font-size:9px;letter-spacing:3px;color:#ffffffd9;text-shadow:0 2px 10px #0005;white-space:nowrap}@keyframes hero-note-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(2deg)}}
@media(max-width:1100px){.hero-note-0{left:5%}.hero-note-1{left:11%}.hero-note-2{right:5%}.hero-note-3{right:11%}.hero-note-icon{width:82px;height:82px}.hero-note{width:100px;font-size:13px}}
@media(max-width:600px){body[data-page=home] .hero-campaign{height:600px;max-height:86svh;min-height:480px}body[data-page=home] .hero-slide>img{object-fit:cover;object-position:center}body[data-page=home] .hero-note{width:66px;font-size:10px;gap:5px}.hero-note-icon{width:52px;height:52px}.hero-note-0{left:3%;top:30%}.hero-note-1{left:3%;top:60%}.hero-note-2{right:3%;top:30%}.hero-note-3{right:3%;top:60%}.hero-notes-caption{bottom:136px;font-size:8px;letter-spacing:2px}.hero-note{animation-name:hero-note-float-mobile}@keyframes hero-note-float-mobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}}
@media(prefers-reduced-motion:reduce){.hero-note{animation:none!important}}
/* Full-bleed photography without a second blurred image layer. */
body[data-page=home] .hero-slide::before{display:none;content:none;filter:none}
body[data-page=home] .hero-slide>img{object-fit:cover;object-position:center 42%;width:100%;height:100%}
.hero-slide:not(.active) .hero-note-cloud{visibility:hidden}
@media(max-width:600px){body[data-page=home] .hero-slide>img{object-position:center center}}
/* Leave the centre of the campaign clear for the complete bottle. */
body[data-page=home] .hero-slide>img{object-position:center center}
body[data-page=home] .hero-discover{left:5vw;right:auto;bottom:30px;transform:none;padding:14px 18px 14px 24px;font-size:12px}
body[data-page=home] .hero-discover b{width:34px;height:34px;font-size:18px}
.hero-notes-caption{left:5vw;bottom:108px;transform:none;font-size:10px}
@media(max-width:600px){body[data-page=home] .hero-discover{left:50%;bottom:20px;transform:translateX(-50%);padding:11px 14px 11px 18px;white-space:nowrap;font-size:11px}body[data-page=home] .hero-notes-caption{left:50%;bottom:98px;transform:translateX(-50%);font-size:8px}}
body[data-page=home] .hero-discover{left:50%;right:auto;transform:translateX(-50%)}
body[data-page=home] .hero-notes-caption{left:50%;transform:translateX(-50%)}
/* Anchor the centred caption just above the cap, including cover-image cropping. */
body[data-page=home] .hero-slide{container-type:size;--bottle-cap-offset:.16}
body[data-page=home] .hero-slide:nth-child(2){--bottle-cap-offset:.192}
body[data-page=home] .hero-slide:nth-child(3){--bottle-cap-offset:.131}
body[data-page=home] .hero-slide:nth-child(4){--bottle-cap-offset:.155}
body[data-page=home] .hero-notes-caption{top:calc(50cqh - max(100cqh,33.33333cqw) * var(--bottle-cap-offset) - 14px);bottom:auto;left:50%;transform:translate(-50%,-100%);font-size:12px;line-height:1.4;text-align:center}
@media(max-width:600px){body[data-page=home] .hero-notes-caption{font-size:10px;letter-spacing:2px}}