.hero-cinematic{--hero-parallax-x: 0px;--hero-parallax-y: 0px;--hero-bg-x: 0px;--hero-bg-y: 0px;--hero-scroll-y: 0px;position:relative;width:100%;overflow:hidden;isolation:isolate;background:#8f6845}.hero-cinematic *,.hero-cinematic *:before,.hero-cinematic *:after{box-sizing:border-box}.hero-cinematic__media{position:relative;min-height:var(--hero-height-desktop);overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 48%,rgba(255,222,158,.28),transparent 42%),#8f6845}.hero-cinematic__background{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;z-index:0;width:106%;height:106%;object-fit:cover;object-position:center;transform:translate3d(var(--hero-bg-x),calc(var(--hero-bg-y) + var(--hero-scroll-y)),0) scale(1.025);transition:transform 1.2s cubic-bezier(.2,.7,.2,1);animation:heroBackgroundBreath 22s ease-in-out infinite alternate;will-change:transform}.hero-cinematic__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;padding:30px;text-align:center;background:radial-gradient(circle at center,#c49665,#765039);color:#fffc;font-size:16px;letter-spacing:.08em}.hero-cinematic__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:rgba(37,19,7,var(--overlay-opacity))}.hero-cinematic__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(28,14,5,.2) 0%,transparent 25%,transparent 75%,rgba(28,14,5,.2) 100%),linear-gradient(180deg,rgba(20,9,3,.12) 0%,transparent 30%,transparent 72%,rgba(20,9,3,.22) 100%)}.hero-cinematic__light-beam{position:absolute;top:-45%;left:-30%;z-index:3;width:36%;height:190%;pointer-events:none;opacity:0;filter:blur(16px);transform:rotate(17deg) translate3d(-40%,0,0);background:linear-gradient(90deg,transparent,rgba(255,240,205,.06),rgba(255,247,223,.42),rgba(255,229,179,.08),transparent);mix-blend-mode:screen;animation:heroLightSweep 10s ease-in-out infinite}.hero-cinematic__product-stage{position:absolute;left:var(--bottle-position-x);top:var(--bottle-position-y);z-index:8;width:var(--bottle-width-desktop);max-width:60vw;transform:translate3d(calc(-50% + var(--hero-parallax-x)),calc(-50% + var(--hero-parallax-y)),0);transition:transform .75s cubic-bezier(.2,.7,.2,1);will-change:transform}.hero-cinematic__bottle-wrap{position:relative;width:100%;perspective:1200px}.hero-cinematic__bottle-motion{position:relative;z-index:3;width:100%;transform-origin:50% 85%;animation:heroBottleEntrance 1.45s cubic-bezier(.16,1,.3,1) both,heroBottleFloat var(--animation-speed) ease-in-out 1.45s infinite;will-change:transform,opacity,filter}.hero-cinematic__bottle{position:relative;z-index:2;display:block;width:100%;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 26px 25px rgba(54,25,7,.2)) drop-shadow(0 8px 10px rgba(255,196,105,.08))}.hero-cinematic__bottle-placeholder{display:grid;place-items:center;min-height:300px;padding:30px;border:1px dashed rgba(255,239,206,.7);color:#fff1d0;text-align:center;background:#502b1440;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-cinematic__bottle-shine{position:absolute;top:7%;bottom:7%;left:-40%;z-index:4;width:23%;pointer-events:none;opacity:0;transform:skew(-17deg);filter:blur(7px);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),rgba(255,250,230,.82),rgba(255,217,154,.25),transparent);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 87%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 87%,transparent 100%);animation:heroBottleShine 7.5s ease-in-out 2s infinite}.hero-cinematic__floor-glow{position:absolute;left:50%;bottom:-5%;z-index:1;width:115%;height:26%;pointer-events:none;opacity:var(--glow-opacity);transform:translate(-50%);border-radius:50%;filter:blur(23px);background:radial-gradient(ellipse at center,rgba(255,202,111,.75) 0%,rgba(223,138,44,.27) 38%,transparent 72%);animation:heroFloorGlow 6.5s ease-in-out infinite}.hero-cinematic__reflection{position:absolute;top:91%;left:50%;z-index:0;width:82%;height:42%;overflow:hidden;opacity:.22;pointer-events:none;transform:translate(-50%) scaleY(-.38) perspective(700px) rotateX(20deg);transform-origin:top center;filter:blur(2px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 84%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 84%)}.hero-cinematic__reflection-image{display:block;width:100%;height:auto}.hero-cinematic__mist{position:absolute;z-index:5;pointer-events:none;border-radius:50%;filter:blur(38px);opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at center,rgba(255,244,224,.35) 0%,rgba(255,216,157,.16) 38%,transparent 72%)}.hero-cinematic__mist--one{left:30%;bottom:5%;width:48%;height:24%;animation:heroMistOne 13s ease-in-out infinite}.hero-cinematic__mist--two{right:22%;bottom:13%;width:38%;height:18%;animation:heroMistTwo 16s ease-in-out 2.5s infinite}.hero-cinematic__particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;overflow:hidden;pointer-events:none}.hero-cinematic__particle{position:absolute;display:block;width:4px;height:4px;border-radius:50%;opacity:0;background:#ffe9ad;box-shadow:0 0 7px #ffe69ef2,0 0 14px #ffba548c;animation-name:heroParticleFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.hero-cinematic__particle--1{left:36%;top:47%;animation-duration:8s;animation-delay:.4s}.hero-cinematic__particle--2{left:43%;top:29%;width:3px;height:3px;animation-duration:10s;animation-delay:2s}.hero-cinematic__particle--3{left:57%;top:37%;animation-duration:9s;animation-delay:1.1s}.hero-cinematic__particle--4{left:63%;top:50%;width:2px;height:2px;animation-duration:11s;animation-delay:3.2s}.hero-cinematic__particle--5{left:48%;top:18%;animation-duration:12s;animation-delay:4s}.hero-cinematic__particle--6{left:31%;top:61%;width:3px;height:3px;animation-duration:9.5s;animation-delay:1.8s}.hero-cinematic__particle--7{left:69%;top:63%;animation-duration:10.5s;animation-delay:.8s}.hero-cinematic__particle--8{left:54%;top:69%;width:2px;height:2px;animation-duration:8.5s;animation-delay:2.7s}.hero-cinematic__particle--9{left:40%;top:72%;animation-duration:11.5s;animation-delay:3.8s}.hero-cinematic__particle--10{left:73%;top:34%;width:3px;height:3px;animation-duration:9.2s;animation-delay:2.1s}.hero-cinematic__particle--11{left:27%;top:39%;width:2px;height:2px;animation-duration:12.5s;animation-delay:5s}.hero-cinematic__particle--12{left:61%;top:22%;animation-duration:10.8s;animation-delay:4.5s}.hero-cinematic__content{position:relative;z-index:12;width:min(100%,1440px);margin:0 auto;padding:70px clamp(24px,6vw,100px);pointer-events:none}.hero-cinematic__content-inner{width:min(470px,100%);color:#fff8ea;opacity:0;transform:translateY(24px);animation:heroContentEntrance 1.1s ease .65s forwards;pointer-events:auto}.hero-cinematic__content--left{display:flex;justify-content:flex-start;text-align:left}.hero-cinematic__content--center{display:flex;justify-content:center;text-align:center}.hero-cinematic__content--center .hero-cinematic__content-inner{margin-inline:auto}.hero-cinematic__content--right{display:flex;justify-content:flex-end;text-align:right}.hero-cinematic__content--right .hero-cinematic__content-inner{margin-left:auto}.hero-cinematic__eyebrow{margin:0 0 14px;color:#f2d39c;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.24em;text-transform:uppercase}.hero-cinematic__heading{margin:0;color:#fff8ea;font-family:var(--font-heading-family, serif);font-size:clamp(38px,5vw,76px);font-weight:400;line-height:.98;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 8px 30px rgba(36,16,5,.17)}.hero-cinematic__text{margin-top:22px;color:#fff7e8de;font-size:clamp(15px,1.15vw,18px);line-height:1.7}.hero-cinematic__text p{margin:0}.hero-cinematic__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:30px;padding:12px 28px;border:1px solid rgba(255,231,190,.75);color:#fff8e9;background:#47230e1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px;font-weight:500;line-height:1;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:color .35s ease,background .35s ease,border-color .35s ease,transform .35s ease,box-shadow .35s ease}.hero-cinematic__button:hover{color:#4d2a13;background:#f4d6a2;border-color:#f4d6a2;transform:translateY(-2px);box-shadow:0 14px 35px #35180730}.hero-cinematic.is-interacting .hero-cinematic__bottle{filter:drop-shadow(0 31px 29px rgba(54,25,7,.25)) drop-shadow(0 0 20px rgba(255,197,110,.13))}.hero-cinematic.is-interacting .hero-cinematic__floor-glow{filter:blur(29px)}.hero-cinematic.is-interacting .hero-cinematic__particle{animation-duration:6.5s}@keyframes heroBottleEntrance{0%{opacity:0;filter:blur(7px);transform:translate3d(0,45px,0) scale(.94) rotate(-1.2deg)}to{opacity:1;filter:blur(0);transform:translateZ(0) scale(1) rotate(0)}}@keyframes heroBottleFloat{0%,to{transform:translateZ(0) rotate(-.45deg) scale(1)}35%{transform:translate3d(0,-8px,0) rotate(.5deg) scale(1.006)}70%{transform:translate3d(0,-3px,0) rotate(-.15deg) scale(1.002)}}@keyframes heroBottleShine{0%,18%{left:-42%;opacity:0}27%{opacity:.65}43%{left:118%;opacity:0}to{left:118%;opacity:0}}@keyframes heroFloorGlow{0%,to{transform:translate(-50%) scaleX(.94);opacity:calc(var(--glow-opacity) * .72)}50%{transform:translate(-50%) scaleX(1.08);opacity:var(--glow-opacity)}}@keyframes heroLightSweep{0%,15%{opacity:0;transform:rotate(17deg) translate3d(-60%,0,0)}27%{opacity:.45}47%{opacity:0;transform:rotate(17deg) translate3d(430%,0,0)}to{opacity:0;transform:rotate(17deg) translate3d(430%,0,0)}}@keyframes heroMistOne{0%,to{opacity:0;transform:translate3d(-7%,12px,0) scale(.88)}35%{opacity:.22}65%{opacity:.09;transform:translate3d(13%,-12px,0) scale(1.12)}}@keyframes heroMistTwo{0%,to{opacity:0;transform:translate3d(10%,7px,0) scale(.9)}43%{opacity:.18}72%{opacity:.06;transform:translate3d(-12%,-15px,0) scale(1.15)}}@keyframes heroParticleFloat{0%,to{opacity:0;transform:translate3d(0,20px,0) scale(.55)}24%{opacity:.72}56%{opacity:.34;transform:translate3d(13px,-18px,0) scale(1)}82%{opacity:0;transform:translate3d(-9px,-43px,0) scale(.7)}}@keyframes heroBackgroundBreath{0%{scale:1}to{scale:1.018}}@keyframes heroContentEntrance{to{opacity:1;transform:translateY(0)}}@media screen and (max-width:989px){.hero-cinematic__content{padding-inline:34px}.hero-cinematic__content-inner{width:min(400px,46vw)}.hero-cinematic__heading{font-size:clamp(34px,6vw,58px)}.hero-cinematic__product-stage{max-width:50vw}}@media screen and (max-width:749px){.hero-cinematic__media{min-height:var(--hero-height-mobile);align-items:flex-start}.hero-cinematic__background{top:-2%;right:-2%;bottom:-2%;left:-2%;width:104%;height:104%}.hero-cinematic__product-stage{top:var(--bottle-position-y);left:var(--bottle-position-x);width:min(var(--bottle-width-mobile),72vw);max-width:72vw}.hero-cinematic__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:54px 22px 40px;text-align:center}.hero-cinematic__content-inner{width:min(100%,410px);margin-inline:auto}.hero-cinematic__eyebrow{margin-bottom:10px;font-size:10px}.hero-cinematic__heading{font-size:clamp(34px,10vw,52px);line-height:1}.hero-cinematic__text{margin-top:15px;font-size:14px;line-height:1.6}.hero-cinematic__button{min-height:45px;margin-top:21px;padding:11px 21px;font-size:10px}.hero-cinematic__mist--one{left:5%;width:75%}.hero-cinematic__mist--two{right:-8%;width:65%}.hero-cinematic__light-beam{width:52%}.hero-cinematic__reflection{opacity:.16}.hero-cinematic__particle--4,.hero-cinematic__particle--7,.hero-cinematic__particle--9,.hero-cinematic__particle--11{display:none}}@media(prefers-reduced-motion:reduce){.hero-cinematic__background,.hero-cinematic__bottle-motion,.hero-cinematic__bottle-shine,.hero-cinematic__floor-glow,.hero-cinematic__light-beam,.hero-cinematic__mist,.hero-cinematic__particle,.hero-cinematic__content-inner{animation:none!important;transition:none!important}.hero-cinematic__bottle-motion,.hero-cinematic__content-inner{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/hero-cinematic.css.map */