/* Full-bleed campaign image; bottle entrance remains in boutique.css. */
.hero-stage,.motion-active .hero-stage{display:flex;align-items:center;min-height:620px;height:calc(100svh - 100px);max-height:960px;padding:45px 7% 76px;isolation:isolate;background:#f5e2de}
.hero-copy{position:relative;z-index:3;width:40%;max-width:520px;padding:0}
.hero-copy h1{font-size:clamp(80px,8vw,150px);margin-bottom:24px;white-space:nowrap}
.hero-copy h1 em{padding-left:0}
.hero-petals{position:absolute;inset:0;z-index:2;pointer-events:none}
.hero-petals img{position:absolute;width:48px;height:auto;opacity:.75;transform:rotate(var(--turn));animation:petal-drift 8s ease-in-out infinite alternate}
.hero-petals img:nth-child(1){left:33%;top:18%;--turn:-28deg;width:38px;filter:blur(1px);animation-delay:-2s}
.hero-petals img:nth-child(2){left:36%;top:58%;--turn:32deg;width:54px;animation-delay:-5s}
.hero-petals img:nth-child(3){left:48%;top:21%;--turn:115deg;width:31px;opacity:.55;filter:blur(1.5px);animation-delay:-3s}
.hero-petals img:nth-child(4){left:30%;top:81%;--turn:165deg;width:43px;filter:blur(.5px);animation-delay:-7s}
@keyframes petal-drift{from{transform:translate3d(0,0,0) rotate(var(--turn))}to{transform:translate3d(9px,-12px,0) rotate(calc(var(--turn) + 12deg))}}
.motion-paused .hero-petals img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-petals img{animation:none}}
.hero-art{position:absolute;inset:0;min-height:0;width:100%;height:100%;margin:0;pointer-events:none}
.hero-model-portrait{inset:0;width:100%;height:100%;margin:0;border-radius:0;background:#f5e2de}
.hero-model-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:75% top;transform:none;transition:none}
.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f5e2deb3 0%,#f5e2de52 33%,transparent 57%);pointer-events:none}
/* Scale the product with desktop width while keeping its landing clear of the face. */
.hero-art .hero-bottle{height:clamp(420px,32vw,460px);left:40%;bottom:7%;z-index:4}
.hero-bottom{z-index:5}
@media(min-width:601px) and (max-width:1000px){
 .hero-stage,.motion-active .hero-stage{height:680px;min-height:0;padding-inline:6%}
 .hero-copy{width:43%}.hero-copy h1{font-size:clamp(58px,8vw,80px)}
 .hero-art .hero-bottle{height:255px;left:42%;bottom:4%}
 .hero-model-portrait img{object-position:67% top}
}
@media(max-width:600px){
 .hero-stage,.motion-active .hero-stage{height:auto;max-height:none;min-height:0;padding:0 0 55px;display:flex;flex-direction:column;align-items:stretch;gap:0}
 .hero-art{position:relative;inset:auto;order:0;height:440px;height:clamp(370px,110vw,500px);min-height:0;width:100%;overflow:visible}
 .hero-model-portrait{inset:0;width:100%;height:100%;border-radius:0}
 .hero-model-portrait img{height:100%;object-position:79% top}
 .hero-art::after{background:linear-gradient(0deg,#f5e2de,transparent 22%)}
 .hero-petals{display:none}
 .hero-art .hero-bottle{height:205px;left:5%;bottom:-8px}
 .hero-copy{order:1;width:100%;max-width:none;padding:26px 6% 0;display:block}
 .hero-copy h1{font-size:clamp(62px,17vw,95px);margin-bottom:12px}
 .hero-description{margin:16px 0 8px}
 .hero-copy .button{margin-bottom:12px}
 .hero-bottom{bottom:16px}
}