.hero *,.hero *:before,.hero *:after{box-sizing:border-box;margin:0;padding:0}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--parchment) 0%,var(--linen) 55%,#e8e0d0 100%);padding:10px 0}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E"),radial-gradient(ellipse 600px 400px at 75% 50%,rgba(138,158,133,.1) 0%,transparent 70%),radial-gradient(ellipse 300px 300px at 10% 80%,rgba(184,154,106,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.hero:after{content:"";position:absolute;top:0;left:0;width:220px;height:220px;background:radial-gradient(ellipse at top left,rgba(184,134,11,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.hero__vertical-label{position:absolute;right:28px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center center;font-size:.6rem;letter-spacing:.45em;text-transform:uppercase;color:var(--warm-stone);opacity:.35;white-space:nowrap;z-index:4;pointer-events:none}.hero__slides-track{position:relative;width:100%}.hero__slide{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .9s cubic-bezier(.4,0,.2,1),visibility .9s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2}.hero__slide.hero__slide--active{position:relative;opacity:1;visibility:visible;pointer-events:auto}.hero__inner{position:relative;z-index:2;width:100%;max-width:1300px;margin:0 auto;padding:30px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.hero__copy{display:flex;flex-direction:column;gap:0;max-width:100%;animation:hero-text-enter .9s cubic-bezier(.25,.46,.45,.94) both}.hero__slide:not(.hero__slide--active) .hero__copy{animation:none}@keyframes hero-text-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero__tagline{font-style:italic;font-size:.8rem;letter-spacing:.32em;color:var(--amber);margin-bottom:20px;display:inline-flex;align-items:center;gap:14px;text-transform:uppercase;font-style:normal}.hero__tagline:before,.hero__tagline:after{content:"";display:inline-block;width:28px;height:1px;background:var(--amber);opacity:.7;flex-shrink:0}.hero__headline{font-size:clamp(36px,4.5vw,62px);font-weight:400;line-height:1.1;color:var(--midnight);letter-spacing:-.02em;margin-bottom:0;position:relative}.hero__headline:after{content:"";display:block;width:56px;height:1px;background:linear-gradient(90deg,var(--amber),transparent);margin-top:24px;margin-bottom:24px;opacity:.6}.hero__headline .accent{color:var(--forest);font-style:italic}.hero__headline .accent-warm{color:var(--amber)}.hero__sub{font-size:clamp(15px,1.6vw,17px);line-height:1.85;color:var(--warm-stone);margin-bottom:36px;max-width:480px;letter-spacing:.015em}.hero__ctas{display:flex;flex-wrap:wrap;gap:12px}.hero__annotation{margin-top:28px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dusk-taupe);opacity:.6;display:flex;align-items:center;gap:10px}.hero__annotation:before{content:"";width:18px;height:1px;background:var(--dusk-taupe);flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:14px 32px;border-radius:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.28em;font-weight:400;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;transition:color .45s ease,border-color .45s ease}.btn:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.btn--primary{background:transparent;color:var(--midnight);border:1px solid var(--midnight)}.btn--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--midnight);transform:translate(-101%);transition:transform .45s cubic-bezier(.76,0,.24,1);z-index:0}.btn--primary span,.btn--primary svg{position:relative;z-index:1}.btn--primary svg{transition:transform .35s ease}.btn--primary:hover{color:var(--parchment);border-color:var(--midnight)}.btn--primary:hover:before{transform:translate(0)}.btn--primary:hover svg{transform:translate(5px)}.btn--outline{background:transparent;border:1px solid var(--rule);color:var(--warm-stone);transition:border-color .3s ease,color .3s ease}.btn--outline:hover,.btn--outline:focus-visible{border-color:var(--amber);color:var(--amber);outline:none}.hero__visual{display:flex;align-items:center;justify-content:center;position:relative;animation:hero-image-enter 1.1s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.1s}.hero__slide:not(.hero__slide--active) .hero__visual{animation:none}@keyframes hero-image-enter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hero__visual:before{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;background:radial-gradient(ellipse,rgba(184,134,11,.09) 0%,transparent 70%);pointer-events:none}.hero__bottle{display:flex;align-items:center;justify-content:center;width:100%;max-width:420px;aspect-ratio:3/4}.hero__bottle img,.hero__bottle .hero__placeholder-bottle{width:100%;height:100%;object-fit:contain;filter:drop-shadow(-18px 30px 40px rgba(44,35,20,.22)) drop-shadow(4px 8px 16px rgba(184,134,11,.1));transition:filter .6s ease,transform .6s ease}.hero__bottle:hover img,.hero__bottle:hover .hero__placeholder-bottle{transform:translateY(-6px) scale(1.015);filter:drop-shadow(-22px 38px 50px rgba(44,35,20,.26)) drop-shadow(6px 12px 24px rgba(184,134,11,.14))}.hero__brand-mark{position:absolute;bottom:20px;left:60px;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--warm-stone);opacity:.45;z-index:4}.hero__nav{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;z-index:10}.hero__nav-dot{appearance:none;-webkit-appearance:none;width:6px;height:6px;border-radius:50%;background:var(--warm-stone);border:none;cursor:pointer;padding:0;opacity:.4;transition:opacity .35s ease,transform .35s ease,background .35s ease;position:relative}.hero__nav-dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid transparent;transition:border-color .35s ease}.hero__nav-dot.hero__nav-dot--active{background:var(--amber);opacity:1;transform:scale(1.5)}.hero__nav-dot.hero__nav-dot--active:after{border-color:#b8860b4d}.hero__nav-dot:hover:not(.hero__nav-dot--active){opacity:.75;transform:scale(1.2)}.hero__nav-dot:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.hero__progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--amber),var(--gold-light));width:0%;transition:width linear;z-index:10;opacity:.7}@media screen and (max-width:1100px){.hero__inner{padding:60px 40px 80px;gap:30px}.hero__bottle{max-width:320px}}@media screen and (max-width:990px){.hero{min-height:auto;padding:40px 0}.hero__inner{grid-template-columns:1fr;text-align:center;padding:40px 24px 80px;gap:32px}.hero__copy{order:2}.hero__visual{order:1}.hero__tagline{justify-content:center}.hero__tagline:before,.hero__tagline:after{display:inline-block}.hero__headline:after{margin-left:auto;margin-right:auto}.hero__sub{margin-inline:auto;max-width:80%}.hero__ctas,.hero__annotation{justify-content:center}.hero__bottle{max-width:260px;margin:0 auto}.hero__brand-mark,.hero__vertical-label{display:none}}@media screen and (max-width:640px){.hero{padding:60px 0 40px}.hero__inner{padding:36px 24px 72px;gap:24px}.hero__headline{font-size:clamp(32px,9vw,46px);line-height:1.08}.hero__sub{font-size:15px;max-width:100%;line-height:1.75;margin-bottom:28px}.hero__ctas{flex-direction:column;width:100%}.btn{width:100%}.hero__bottle{max-width:200px}}@media screen and (max-width:400px){.hero__inner{padding:0 16px 72px}.hero__headline{font-size:30px}.hero__bottle{max-width:160px}}.no-js .hero__slide{position:relative;opacity:1;visibility:visible;pointer-events:auto}.no-js .hero__nav,.no-js .hero__progress{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/luxury-hero.css.map */
