/* Four product destinations: the slate and gold atmosphere shared with Occasions. */
body.product-emotion{--bg:#101724;--bg2:transparent;background:var(--bg);isolation:isolate;position:relative}
.product-emotion main,.product-emotion footer{position:relative;z-index:1}
.product-emotion h1,.product-emotion h2,.product-emotion h3,.product-emotion .autres strong{font-family:"Marcellus",Georgia,serif;font-weight:400;text-wrap:balance}
.product-emotion h1{font-size:clamp(30px,3.7vw,44px);line-height:1.18}
.product-emotion h2{font-size:clamp(25px,3vw,33px);line-height:1.25}
.product-emotion h3{font-size:20px;line-height:1.35}
.product-emotion .hero .visuel{box-shadow:0 16px 50px -24px rgba(228,184,78,.35);border:1px solid var(--line)}
.product-emotion .hero .visuel img{animation:emotion-photo 12s ease-in-out infinite alternate;transform-origin:center}
.product-ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.product-ambient .glow{position:absolute;border-radius:50%;filter:blur(60px);mix-blend-mode:screen;opacity:.62;animation:emotion-breathe 9s ease-in-out infinite}
.product-ambient .g1{width:560px;height:560px;left:-8%;top:-8%;background:radial-gradient(circle,rgba(240,200,96,.44),transparent 68%)}
.product-ambient .g2{width:680px;height:680px;right:-12%;top:22%;background:radial-gradient(circle,rgba(228,184,78,.34),transparent 68%);animation-delay:-3s}
.product-ambient .g3{width:520px;height:520px;left:14%;bottom:-16%;background:radial-gradient(circle,rgba(201,146,50,.30),transparent 68%);animation-delay:-6s}
.product-ambient .g4{width:400px;height:400px;left:44%;top:36%;background:radial-gradient(circle,rgba(246,220,146,.22),transparent 70%);animation-delay:-4.5s}
.product-ambient .dust{position:absolute;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,#fff3cf,rgba(240,200,96,.65) 55%,transparent 78%);box-shadow:0 0 10px rgba(246,220,146,.95);animation:emotion-float 7s ease-in-out infinite alternate,emotion-twinkle 2.8s ease-in-out infinite}
@keyframes emotion-breathe{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.16);opacity:.82}}
@keyframes emotion-float{0%{transform:translate(0,0) scale(.7)}50%{transform:translate(12px,-24px) scale(1.15)}100%{transform:translate(-10px,-45px) scale(.85)}}
@keyframes emotion-twinkle{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes emotion-photo{from{transform:scale(1)}to{transform:scale(1.035)}}
.product-emotion.motion-paused .product-ambient span,.product-emotion.motion-paused .hero .visuel img,.product-emotion .hero .visuel.offscreen img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.product-ambient .glow{animation:none;opacity:.5}.product-ambient .dust{display:none}.product-emotion .hero .visuel img{animation:none}}