/* RÉON atmosphere: a product stage inspired by the supplied motion reference. */
:root{--gold:#c2a16a;--muted:#b8b2a7}body{background:#100f0d}header{background:#100f0d;border-color:#c2a16a26}.noir-stage{--px:0px;--py:0px;position:relative;isolation:isolate;overflow:hidden;direction:ltr;display:grid;grid-template-columns:56% 44%;min-height:700px;height:calc(100svh - 104px);max-height:1000px;background:#100f0d}.atmosphere{position:absolute;z-index:-3;inset:-9%;pointer-events:none;background:url('assets/atmosphere-gold.webp') center/cover no-repeat;will-change:transform}.atmosphere-back{opacity:.7;animation:smoke-breathe 22s ease-in-out infinite alternate}.atmosphere-veil{z-index:-2;opacity:.13;mix-blend-mode:screen;transform:scaleX(-1);animation:smoke-drift 29s ease-in-out infinite alternate;mask-image:linear-gradient(90deg,#000 10%,transparent 68%)}.stage-vignette{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#100f0d25,transparent 35%,#100f0d80 60%,#100f0def 100%),linear-gradient(0deg,#100f0d,transparent 19%,transparent 90%,#100f0d80)}.stage-visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:20px 0 80px 8%}.stage-edition{position:absolute;top:29px;left:12%;font:11px Arial;letter-spacing:3px;color:#d1c4ae}.bottle-space{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transform:translate(var(--px),var(--py));transition:transform 1.4s ease-out}.stage-bottle{height:min(600px,75svh);max-height:92%;width:auto;max-width:94%;object-fit:contain;filter:drop-shadow(0 25px 30px #0009);animation:bottle-hover 8s ease-in-out infinite}.bottle-shadow{position:absolute;bottom:85px;width:42%;height:16px;border-radius:50%;background:#0009;filter:blur(12px);animation:shadow-breathe 8s ease-in-out infinite;z-index:-1}.stage-copy{align-self:center;padding:0 15% 50px 3%;position:relative}.stage-copy .eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:24px;color:#cbb183}.stage-copy h1{font:400 clamp(58px,6.2vw,100px)/.91 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;margin:0 0 28px;color:#f0e9db;text-align:start}.stage-copy h1 em{font-weight:400;color:#cfb27e}.stage-copy h2{font-size:27px;font-weight:400;line-height:1.65;margin:0 0 17px}.stage-copy p{font-size:15px;line-height:2;color:#c1b9ab;max-width:365px;margin:0 0 30px}.stage-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.stage-actions .button{gap:20px;padding:13px 25px;font-size:14px}.stage-story{font-size:13px;border-bottom:1px solid #c2a16a70;padding:7px 0;color:#e2d8c6}.stage-facts{display:flex;gap:0;margin-top:32px;align-items:center;font-size:11px;letter-spacing:1px;color:#bbb09e}.stage-facts span{padding-inline:17px;border-inline-start:1px solid #c2a16a50}.stage-facts span:first-child{padding-inline-start:0;border:0}.stage-bottom{position:absolute;left:6%;right:6%;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px;border-top:1px solid #c2a16a26;color:#b4a68e;font-size:11px}.stage-bottom>span{font:10px Arial;letter-spacing:3px}.stage-bottom>a{font-size:12px}.stage-bottom>a span{margin-inline-start:15px}.motion-control{font-size:12px;color:#d8cbb6;padding:5px 12px}.motion-control:before{content:'Ⅱ';margin-inline-end:8px}.motion-paused .motion-control:before{content:'▷'}.motion-paused *{animation-play-state:paused!important}.motion-paused .bottle-space{transform:none!important}.noir-stage+.intro{padding-top:85px}.product-photo,.summary{background:#181613}.split{background:#1b1814}
@keyframes smoke-breathe{from{transform:scale(1.02) translate(-1%,2%) rotate(-1deg)}to{transform:scale(1.14) translate(2%,-2%) rotate(2deg)}}@keyframes smoke-drift{from{transform:scaleX(-1) scale(1.08) translate(1%,5%)}to{transform:scaleX(-1) scale(1.2) translate(-5%,-5%)}}@keyframes bottle-hover{0%,100%{transform:translateY(0) rotate(-.7deg)}50%{transform:translateY(-13px) rotate(.7deg)}}@keyframes shadow-breathe{50%{transform:scale(.88);opacity:.6}}
@media(min-width:1600px){.stage-copy{padding-right:22%}.stage-bottle{height:710px}}
@media(max-width:900px){.noir-stage{height:auto;min-height:720px;grid-template-columns:52% 48%}.stage-copy{padding-right:10%;padding-left:0}.stage-copy h1{font-size:64px}.stage-copy h2{font-size:24px}.stage-visual{padding-left:0}.stage-bottle{height:530px;max-width:100%}.stage-actions{gap:17px}.stage-copy .eyebrow{letter-spacing:2px}.stage-edition{left:10%}}
@media(max-width:600px){.noir-stage{display:flex;flex-direction:column;min-height:0;max-height:none;height:auto}.stage-visual{height:400px;padding:15px 0 0}.stage-bottle{height:375px;max-height:none;max-width:100%}.stage-edition{top:17px;left:7%;font-size:9px;letter-spacing:2px}.bottle-shadow{bottom:12px;width:33%}.stage-copy{padding:12px 8% 105px;text-align:center}.stage-copy .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:17px}.stage-copy h1{font-size:57px;line-height:.95;text-align:center;margin-bottom:20px}.stage-copy h1 br{display:none}.stage-copy h1 em{display:block}.stage-copy h2{font-size:23px;margin-bottom:12px}.stage-copy h2 br{display:none}.stage-copy p{font-size:14px;margin:0 auto 24px;max-width:320px}.stage-actions,.stage-facts{justify-content:center}.stage-facts{margin-top:24px}.stage-actions .button{padding:12px 22px}.stage-bottom{left:7%;right:7%;bottom:19px;padding-top:16px}.stage-bottom>span{display:none}.stage-vignette{background:linear-gradient(0deg,#100f0d 0%,#100f0df2 36%,transparent 77%,#100f0d66)}.atmosphere{inset:0 -40% 25%;background-position:34% top;opacity:.75}.atmosphere-veil{opacity:.12}.noir-stage+.intro{padding-top:65px}}
@media(prefers-reduced-motion:reduce){.noir-stage *{animation:none!important;transition:none!important}.bottle-space{transform:none!important}}
.noir-stage{overflow:clip}

/* Approved film preview, preserving the previous stage in the local backup. */
.video-stage{background:#080705}.video-stage .atmosphere,.video-stage .bottle-shadow{display:none}.video-stage .stage-visual{padding:0;overflow:clip;min-height:700px;background:#080705}.stage-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-stage .stage-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 75%,#080705),linear-gradient(0deg,#080705,transparent 14%)}.video-stage .stage-edition{z-index:2}.video-stage .stage-copy{z-index:2}.video-stage .stage-bottom{z-index:3}.video-stage .bottle-space[hidden]{display:none}.video-stage .stage-vignette{display:none}@media(max-width:600px){.video-stage .stage-visual{min-height:440px;height:440px}.video-stage .stage-visual:after{background:linear-gradient(0deg,#080705,transparent 15%)}.video-stage .stage-copy{background:#080705}}
.video-stage .stage-film{top:5%;height:85%;object-position:65% center}@media(max-width:600px){.video-stage .stage-film{top:5%;height:90%;object-position:62% center}}