.HeroSlider{position:relative;isolation:isolate;overflow:hidden;background:var(--color-black);color:#fff}.HeroSlider-viewport{display:grid}.HeroSlider-slide{--s-bg:radial-gradient(70% 95% at 74% 52%,#32261a 0%,#1a140c 44%,#0a0806 80%,#070605 100%);--s-ink:#fff;--s-muted:#ffffffb8;--s-accent:var(--color-gold-light,#d8bd88);--s-btn-bg:var(--color-gold,#b79153);--s-btn-ink:#111;--s-ghost-line:#ffffff5c;--s-ghost-ink:#fff;--s-tile:#fff;--s-tile-shadow:0 30px 60px #0000006b,0 8px 18px #00000040;grid-area:1/1;position:relative;display:grid;min-height:0;background:var(--s-bg);color:var(--s-ink);opacity:0;visibility:hidden;transition:opacity .7s var(--motion-ease,ease),visibility 0s linear .7s}.HeroSlider-slide.is-active{opacity:1;visibility:visible;transition:opacity .7s var(--motion-ease,ease),visibility 0s}.HeroSlider-tone--champan{--s-bg:radial-gradient(110% 90% at 80% 45%,#fffaf1 0%,#f3e8d4 45%,#e6d5b6 100%);--s-ink:#161616;--s-muted:#4d4436;--s-accent:var(--color-gold-dark,#88662f);--s-btn-bg:var(--color-black,#080808);--s-btn-ink:#fff;--s-ghost-line:#16161640;--s-ghost-ink:#161616;--s-tile-shadow:0 26px 50px #5a43202e,0 6px 14px #5a43201f }.HeroSlider-tone--otono{--s-bg:radial-gradient(120% 95% at 78% 40%,#8a4a22 0%,#4a2411 40%,#1c0d06 80%);--s-accent:#efc17a;--s-btn-bg:#efc17a;--s-muted:#fff1dfc7 }.HeroSlider-tone--esmeralda{--s-bg:radial-gradient(120% 95% at 78% 40%,#1f5745 0%,#0f2c23 45%,#06120e 82%);--s-accent:var(--color-gold-light,#d8bd88) }.HeroSlider-tone--vino{--s-bg:radial-gradient(120% 95% at 78% 40%,#6e1c2c 0%,#360b16 45%,#130408 82%);--s-accent:#e9c48d;--s-btn-bg:#e9c48d }.HeroSlider-photo,.HeroSlider-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.HeroSlider-photoShade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#040404d1,#0404047a 42%,#04040400 75%)}.HeroSlider-visual--imagen{--s-ink:#fff;--s-muted:#ffffffbd}.HeroSlider-inner{width:min(100% - 96px,1500px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(28px,3vw,44px) 0 clamp(92px,7vw,104px)}.HeroSlider-visual--imagen .HeroSlider-inner{grid-template-columns:minmax(0,640px)}.HeroSlider-copy{max-width:620px}.HeroSlider-kicker{margin:0 0 18px;color:var(--s-accent);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.HeroSlider-kicker:before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}.HeroSlider-title{margin:0 0 20px;color:var(--s-ink);font-family:var(--font-display);font-weight:500;font-size:clamp(44px,5.4vw,84px);line-height:1.08!important;letter-spacing:-.015em;text-wrap:balance}.HeroSlider-text{margin:0 0 30px;max-width:480px;color:var(--s-muted);font-size:17px;line-height:1.7}.HeroSlider-actions{display:flex;flex-wrap:wrap;gap:10px}.HeroSlider-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:var(--radius-pill,999px);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:transform .25s,background .25s,color .25s,border-color .25s}.HeroSlider-buttonPrimary{background:var(--s-btn-bg);color:var(--s-btn-ink);border:1px solid var(--s-btn-bg)}.HeroSlider-buttonGhost{color:var(--s-ghost-ink);border:1px solid var(--s-ghost-line);background:transparent}.HeroSlider-button:hover{transform:translateY(-2px)}.HeroSlider-buttonPrimary:hover{background:#fff;border-color:#fff;color:#111}.HeroSlider-tone--champan .HeroSlider-buttonPrimary:hover{background:var(--color-gold,#b79153);border-color:var(--color-gold,#b79153)}.HeroSlider-buttonGhost:hover{border-color:var(--s-ghost-ink)}.HeroSlider-note{margin:18px 0 0;color:var(--s-muted);font-size:12px;letter-spacing:.02em;opacity:.85}@media(prefers-reduced-motion:no-preference){.HeroSlider-copy>*{opacity:0;transform:translateY(16px);transition:opacity .6s var(--motion-ease,ease),transform .6s var(--motion-ease,ease)}.HeroSlider-slide.is-active .HeroSlider-copy>*{opacity:1;transform:none}.HeroSlider-slide.is-active .HeroSlider-copy>:nth-child(2){transition-delay:.06s}.HeroSlider-slide.is-active .HeroSlider-copy>:nth-child(3){transition-delay:.12s}.HeroSlider-slide.is-active .HeroSlider-copy>:nth-child(4){transition-delay:.18s}.HeroSlider-slide.is-active .HeroSlider-copy>:nth-child(5){transition-delay:.24s}}.HeroSlider-visual{position:relative;height:clamp(340px,28vw,420px)}.HeroSlider-slide{--s-niche:radial-gradient(90% 62% at 50% 40%,#fffdf8 0%,#f8f2e5 58%,#eadfc9 100%);--s-niche-line:#d8bd8859;--s-niche-frame:#b7915366;--s-niche-dim:#120d061f;--s-niche-dim-far:#120d0640;--s-label:#17130d;--s-label-soft:#7c6232;--s-glow:#d8bd8838;--b-w:clamp(150px,14.2vw,232px);--b-shelf:9% }.HeroSlider-tone--champan{--s-niche:radial-gradient(90% 62% at 50% 40%,#fff 0%,#fffdf8 60%,#f7f0e1 100%);--s-niche-line:#b7915340;--s-niche-dim:#5a432014;--s-niche-dim-far:#5a432030;--s-glow:#ffffffa6}.HeroSlider-tone--otono{--s-glow:#efc17a33}.HeroSlider-tone--vino{--s-glow:#e9c48d2e}.HeroSlider-bottles:before{content:"";position:absolute;z-index:0;left:50%;bottom:0;width:min(100%,calc(var(--b-w)*3.6));height:100%;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,var(--s-glow) 0%,#0000 100%);pointer-events:none}.HeroSlider-bottle{--x:-50%;--k:1;--y:0px;--c:14px;--f-s:9.5px;--f-t:clamp(16px,1.25vw,19px);position:absolute;left:50%;bottom:var(--b-shelf);width:var(--b-w);aspect-ratio:5/7.5;border-radius:50% 50% 14px 14px/33.34% 33.34% 14px 14px;isolation:isolate;background:var(--s-niche);border:1px solid var(--s-niche-line);box-shadow:var(--s-tile-shadow);overflow:hidden;color:var(--s-label);text-decoration:none;transform:translate(var(--x)) translateY(var(--y)) scale(var(--k));transform-origin:50% 100%;transition:transform .8s var(--motion-ease,ease),opacity .8s var(--motion-ease,ease)}.HeroSlider-bottle img{position:absolute;z-index:1;left:4%;top:7%;width:92%;height:71%;object-fit:cover;mix-blend-mode:multiply}.HeroSlider-bottle:after{content:"";position:absolute;z-index:2;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--s-niche-frame);border-radius:50% 50% 9px 9px/33.34% 33.34% 9px 9px;pointer-events:none}.HeroSlider-bottle:before{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;background:var(--s-dim,#0000);pointer-events:none}.HeroSlider-bottleLabel{position:absolute;z-index:3;left:var(--c);right:var(--c);bottom:15px;display:grid;gap:3px;text-align:center}.HeroSlider-bottleLabel small{color:var(--s-label-soft);font-size:var(--f-s);font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.HeroSlider-bottleLabel strong{font-family:var(--font-display);font-size:var(--f-t);font-weight:500;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.HeroSlider-bottle--1{z-index:5}.HeroSlider-bottle--2{z-index:4;--x:-133.6%;--k:.8;--c: calc(8% + 8px) ;--f-s:10.5px;--f-t:clamp(17px,1.4vw,21px);--s-dim:var(--s-niche-dim);transition-delay:.08s}.HeroSlider-bottle--3{z-index:4;--x:33.6%;--k:.8;--c: calc(8% + 8px) ;--f-s:10.5px;--f-t:clamp(17px,1.4vw,21px);--s-dim:var(--s-niche-dim);transition-delay:.08s}.HeroSlider-bottle--4{z-index:3;--x:-200.5%;--k:.64;--c: calc(8% + 8px) ;--f-s:12px;--f-t:clamp(18px,1.5vw,22px);--s-dim:var(--s-niche-dim-far);transition-delay:.16s}.HeroSlider-bottle--5{z-index:3;--x:100.5%;--k:.64;--c: calc(8% + 8px) ;--f-s:12px;--f-t:clamp(18px,1.5vw,22px);--s-dim:var(--s-niche-dim-far);transition-delay:.16s}.HeroSlider-slide:not(.is-active) .HeroSlider-bottle{--y:20px;opacity:0;transition-delay:0s}@media(hover:hover){.HeroSlider-slide.is-active .HeroSlider-bottle:hover{--y:-8px;transition-delay:0s}}@media not (min-width:1280px){.HeroSlider-slide{--b-w:clamp(150px,19vw,232px)}.HeroSlider-bottle--4,.HeroSlider-bottle--5{display:none}}.HeroSlider-seal{position:absolute;z-index:4;top:6%;right:8%;width:clamp(96px,9vw,128px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;padding:12px;background:var(--color-gold,#b79153);color:#111;font-family:var(--font-display);font-size:clamp(17px,1.6vw,22px);font-weight:600;line-height:1.1;box-shadow:0 14px 34px #00000059,inset 0 0 0 6px #ffffff2e;transform:rotate(-8deg)}.HeroSlider-seal span{max-width:9ch}.HeroSlider-cardArt{display:grid;place-items:center}.HeroSlider-card{position:absolute;width:clamp(260px,26vw,400px);aspect-ratio:1.586;border-radius:20px}.HeroSlider-cardBack{background:linear-gradient(135deg,#d8bd88,#8a6a35);transform:translate(10%,-14%) rotate(9deg);opacity:.5;box-shadow:0 20px 50px #0006}.HeroSlider-cardFront{display:grid;grid-template-rows:auto 1fr auto;padding:clamp(20px,2vw,30px);color:#fff;background:linear-gradient(135deg,#1b1b1b,#0b0b0b 55%,#262017);border:1px solid #d8bd8866;box-shadow:0 34px 70px #000000a6,inset 0 1px #ffffff1f;transform:rotate(-5deg)}.HeroSlider-cardFront:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,#0000 35%,#ffffff17 48%,#0000 60%);pointer-events:none}.HeroSlider-cardChip{width:44px;height:34px;border-radius:7px;background:linear-gradient(135deg,#e8d3a3,#a8844a)}.HeroSlider-cardBig{align-self:end;font-family:var(--font-display);font-size:clamp(48px,5vw,76px);line-height:1;color:var(--color-gold-light,#d8bd88)}.HeroSlider-cardSmall{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7}.HeroSlider-cardBrand{position:absolute;right:clamp(20px,2vw,30px);top:clamp(22px,2vw,32px);font-size:12px;font-weight:700;letter-spacing:.32em;color:#ffffffa6}@media(prefers-reduced-motion:no-preference){.HeroSlider-slide.is-active .HeroSlider-cardFront{animation:heroSliderFloat 6s ease-in-out infinite alternate}}@keyframes heroSliderFloat{0%{transform:rotate(-5deg) translateY(0)}to{transform:rotate(-3deg) translateY(-12px)}}.HeroSlider-controls{position:absolute;z-index:5;left:0;right:0;bottom:42px;width:min(100% - 96px,1500px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.HeroSlider-controls>*{pointer-events:auto}.HeroSlider-dots{display:flex;gap:6px}.HeroSlider-dot{position:relative;width:56px;height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer}.HeroSlider-dot:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:currentColor;opacity:.3;transition:opacity .2s}.HeroSlider-dot:hover:before,.HeroSlider-dot:focus-visible:before{opacity:.6}.HeroSlider-dot:focus-visible{outline:2px solid var(--color-gold,#b79153);outline-offset:2px;border-radius:6px}.HeroSlider-dotFill{position:absolute;left:0;top:50%;height:4px;margin-top:-2px;width:0;border-radius:4px;background:var(--color-gold,#b79153)}.HeroSlider-dot.is-active .HeroSlider-dotFill{width:100%;transform-origin:left;animation:heroSliderProgress var(--hero-interval,5s) linear both}.HeroSlider.is-paused .HeroSlider-dot.is-active .HeroSlider-dotFill{animation-play-state:paused}@keyframes heroSliderProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.HeroSlider-dot.is-active .HeroSlider-dotFill{animation:none}}.HeroSlider:has(.HeroSlider-tone--champan.is-active:not(.HeroSlider-visual--imagen)) .HeroSlider-controls{color:#161616}@media(max-width:1000px){.HeroSlider-inner,.HeroSlider-controls{width:calc(100% - 48px)}.HeroSlider-title{font-size:clamp(40px,6vw,60px)}}@media(max-width:760px){.HeroSlider-slide{min-height:0}.HeroSlider-inner{width:calc(100% - 32px);grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start;gap:4px;padding:8px 0 84px}.HeroSlider-visual{order:-1;height:clamp(230px,64vw,300px)}.HeroSlider-cardArt{height:clamp(200px,56vw,250px)}.HeroSlider-slide{--b-w:clamp(124px,37vw,160px);--b-shelf:5%}.HeroSlider-bottle:after{top:4px;right:4px;bottom:4px;left:4px}.HeroSlider-bottleLabel{bottom:10px;gap:2px}.HeroSlider-bottleLabel small{letter-spacing:.1em}.HeroSlider-bottle--1{--c:9px;--f-s:8px;--f-t:14px}.HeroSlider-bottle--2,.HeroSlider-bottle--3{--f-s:8.5px;--f-t:15px}.HeroSlider-seal{top:2%;right:2%;width:84px;font-size:15px;padding:8px}.HeroSlider-card{width:min(64vw,270px)}.HeroSlider-cardBack{transform:translate(7%,-12%) rotate(8deg)}.HeroSlider-kicker{margin-bottom:12px}.HeroSlider-title{font-size:clamp(34px,9.6vw,44px);margin-bottom:14px}.HeroSlider-text{font-size:15px;line-height:1.6;margin-bottom:22px}.HeroSlider-actions{display:grid;grid-template-columns:1fr;gap:8px}.HeroSlider-button{min-height:50px;width:100%}.HeroSlider-note{margin-top:12px}.HeroSlider-controls{width:calc(100% - 32px);bottom:26px}.HeroSlider-dot{width:44px}.HeroSlider-visual--imagen .HeroSlider-slide,.HeroSlider-visual--imagen{min-height:min(720px,100svh - 92px)}.HeroSlider-visual--imagen .HeroSlider-inner{align-content:end;padding-bottom:96px}.HeroSlider-photoShade{background:linear-gradient(#04040400 30%,#040404d9)}}.HeroSlider-srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/27/assets/ess-hero-slider.css.map */