.eu-hero{position:relative;overflow:hidden;background-color:#000;container-type:inline-size}.eu-hero__carousel{display:block;position:relative}.eu-hero__track{display:grid;grid-template-areas:"slide"}.eu-hero__slide{grid-area:slide;position:relative;display:grid;grid-template-areas:"slide";opacity:0;visibility:hidden;transition:opacity var(--eu-duration-slow) var(--eu-ease),visibility var(--eu-duration-slow) var(--eu-ease)}.eu-hero__slide.is-active{opacity:1;visibility:visible}.eu-hero__slide>*{grid-area:slide}.eu-hero__media{display:block;width:100%;min-height:max(670px,calc(100cqi * 671 / 1920))}.eu-hero__placeholder{display:block;width:100%;height:100%}.eu-hero__layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.eu-hero__layer img,.eu-hero__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.eu-hero__media--empty{background-color:var(--eu-surface-700)}.eu-hero{--eu-hero-parallax-range: 700px;--eu-hero-parallax-bg: 2.5%;--eu-hero-parallax-mid: -4.5%;--eu-hero-parallax-fore: -9%;--eu-hero-parallax-zoom: 1.2;--eu-hero-float-mid: -1.8%;--eu-hero-float-fore: 3%;--eu-hero-float-zoom: 1.07}@keyframes eu-hero-drift{to{translate:0 var(--eu-hero-drift)}}@keyframes eu-hero-float{0%,to{translate:0 0}50%{translate:0 var(--eu-hero-float)}}@supports (animation-timeline: scroll()){.eu-hero--parallax .eu-hero__layer{scale:var(--eu-hero-parallax-zoom);animation:eu-hero-drift linear both;animation-timeline:scroll(root block);animation-range:0 var(--eu-hero-parallax-range)}.eu-hero--parallax .eu-hero__layer--bg{--eu-hero-drift: var(--eu-hero-parallax-bg)}.eu-hero--parallax .eu-hero__layer--mid{--eu-hero-drift: var(--eu-hero-parallax-mid)}.eu-hero--parallax .eu-hero__layer--fore{--eu-hero-drift: var(--eu-hero-parallax-fore)}}.eu-hero--floating .eu-hero__layer{scale:var(--eu-hero-float-zoom)}.eu-hero--floating .eu-hero__layer--mid,.eu-hero--floating .eu-hero__layer--fore{animation:eu-hero-float 6.5s ease-in-out infinite}.eu-hero--floating .eu-hero__layer--mid{--eu-hero-float: var(--eu-hero-float-mid)}.eu-hero--floating .eu-hero__layer--fore{--eu-hero-float: var(--eu-hero-float-fore)}@media(prefers-reduced-motion:reduce){.eu-hero--parallax .eu-hero__layer,.eu-hero--floating .eu-hero__layer{animation:none;translate:none;scale:none}}.eu-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:var(--eu-hero-overlay, 0);pointer-events:none}.eu-hero__content{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;padding:clamp(24px,6cqi,115px) clamp(24px,8.5cqi,164px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.eu-hero__content--top-left,.eu-hero__content--top-center,.eu-hero__content--top-right{align-items:flex-start}.eu-hero__content--bottom-left,.eu-hero__content--bottom-center,.eu-hero__content--bottom-right{align-items:flex-end}.eu-hero__content--top-left,.eu-hero__content--middle-left,.eu-hero__content--bottom-left{justify-content:flex-start}.eu-hero__content--top-right,.eu-hero__content--middle-right,.eu-hero__content--bottom-right{justify-content:flex-end}.eu-hero__content .eu-hero__box{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:min(100%,46cqi);text-align:center;color:rgb(var(--color-foreground));background-color:transparent}.eu-hero__content .eu-hero__box--container{padding:clamp(24px,2.6cqi,50px) clamp(24px,3.1cqi,60px);border-radius:10px;background-color:rgb(var(--color-background))}.eu-hero__content--align-left .eu-hero__box{align-items:flex-start;text-align:left}.eu-hero__content--align-right .eu-hero__box{align-items:flex-end;text-align:right}.eu-hero__content--top-center .eu-hero__box:not(.eu-hero__box--container),.eu-hero__content--middle-center .eu-hero__box:not(.eu-hero__box--container),.eu-hero__content--bottom-center .eu-hero__box:not(.eu-hero__box--container){width:100%;max-width:100%}.eu-hero__heading,.eu-hero__subheading{max-width:min(100%,46cqi);margin:0;font-family:var(--eu-font-display);font-weight:var(--eu-display-weight-regular);color:inherit}.eu-hero__heading{font-size:52px;line-height:1.1;letter-spacing:1px}.eu-hero__heading--small{font-size:40px}.eu-hero__heading--large{font-size:64px}.eu-hero__subheading{font-size:22px;line-height:1.5;letter-spacing:.5px}.eu-hero__subheading p{margin:0}.eu-hero__subheading p+p{margin-top:.75em}.eu-hero__subheading a{color:inherit}.eu-hero__box .eu-hero__cta{position:relative;top:auto;left:auto;margin:8px 0 0;width:auto;min-width:var(--eu-hero-cta-width);max-width:100%;--eu-hero-cta-bg: rgb(var(--color-button));--eu-hero-cta-fg: rgb(var(--color-button-text))}.eu-hero__box .eu-hero__cta-label{white-space:normal;text-align:center}.eu-hero__cta{--eu-hero-cta-width: clamp(249.612px, 16.2508cqi, 312.015px);position:absolute;top:73.666%;left:calc(50% - .56px);margin-inline-start:calc(var(--eu-hero-cta-width) / -2);display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--eu-hero-cta-width);padding-block:clamp(17.894px,1.16495cqi,22.367px);padding-inline:clamp(35.786px,2.32984cqi,44.733px);border-radius:clamp(8.946px,.58245cqi,11.183px);background-color:var(--eu-hero-cta-bg);color:var(--eu-hero-cta-fg);text-decoration:none;z-index:1;--eu-hero-cta-bg: var(--eu-brand-chocolate);--eu-hero-cta-fg: var(--eu-brand-gold)}.eu-hero__cta-label{display:block;font-family:var(--eu-font-display-optical);font-weight:var(--eu-display-weight-semibold);font-style:normal;font-size:clamp(16.104px,1.04844cqi,20.13px);line-height:.8889;letter-spacing:.05556em;text-transform:capitalize;white-space:nowrap;text-box:trim-both cap alphabetic;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"clig" 1}@supports not (text-box: trim-both cap alphabetic){.eu-hero__cta{padding-block:calc(clamp(17.894px,1.16495cqi,22.367px) - .1464em)}}.eu-hero__cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.eu-hero__cta[aria-disabled=true]{cursor:default}.eu-hero{--eu-hero-pour-swell: clamp(25px, 1.625cqi, 31px)}.eu-hero--cta-liquid .eu-hero__cta{overflow:hidden}.eu-hero--cta-spotlight .eu-hero__cta{--eu-spot-reach: clamp(112px, 7.3cqi, 140px);transition:translate var(--eu-duration) var(--eu-ease),scale var(--eu-duration) var(--eu-ease)}.eu-hero--cta-spotlight .eu-hero__cta:hover{translate:0 -1.5px;scale:1.02}@keyframes eu-hero-wave{to{rotate:1turn}}.eu-hero__cta-pour{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;height:calc(100% + var(--eu-hero-pour-swell));background-color:var(--eu-hero-cta-fg);translate:0 calc(100% - var(--eu-hero-pour-swell));transition:translate .5s cubic-bezier(.45,0,.55,1)}.eu-hero__cta-pour:before,.eu-hero__cta-pour:after{content:"";position:absolute;left:50%;bottom:100%;width:400%;aspect-ratio:1;background-color:var(--eu-hero-cta-bg);border-radius:46% 44% 47% 45%;translate:-50% 0;animation:eu-hero-wave 7s linear infinite paused}.eu-hero__cta-pour:after{border-radius:45% 47% 44% 48%;opacity:.55;animation-duration:11s;animation-direction:reverse}.eu-hero--cta-liquid .eu-hero__cta:hover .eu-hero__cta-pour,.eu-hero--cta-liquid .eu-hero__cta:focus-visible .eu-hero__cta-pour{translate:0 calc(-1 * var(--eu-hero-pour-swell));transition-duration:.7s}.eu-hero--cta-liquid .eu-hero__cta:hover .eu-hero__cta-pour:before,.eu-hero--cta-liquid .eu-hero__cta:hover .eu-hero__cta-pour:after,.eu-hero--cta-liquid .eu-hero__cta:focus-visible .eu-hero__cta-pour:before,.eu-hero--cta-liquid .eu-hero__cta:focus-visible .eu-hero__cta-pour:after{animation-play-state:running}.eu-hero--cta-liquid .eu-hero__cta-label{transition:color .2s var(--eu-ease) .22s}.eu-hero--cta-liquid .eu-hero__cta:hover .eu-hero__cta-label,.eu-hero--cta-liquid .eu-hero__cta:focus-visible .eu-hero__cta-label{color:var(--eu-hero-cta-bg);transition-delay:.34s}@media(prefers-reduced-motion:reduce){.eu-hero--cta-spotlight .eu-hero__cta:hover{translate:none;scale:none}.eu-hero__cta-pour{display:none}.eu-hero--cta-liquid .eu-hero__cta:hover,.eu-hero--cta-liquid .eu-hero__cta:focus-visible{background-color:var(--eu-hero-cta-fg)}.eu-hero--cta-liquid .eu-hero__cta-label{transition-delay:0ms}}.eu-hero__dots{position:absolute;inset-inline:0;top:90.611%;height:13px;display:flex;align-items:center;justify-content:center;gap:18px;z-index:2}.eu-hero .eu-carousel__dot{position:relative;flex:0 0 auto;width:9px;height:9px;padding:0;border:0;border-radius:50%;background-color:#fff;opacity:.5;cursor:pointer;transition:width var(--eu-duration) var(--eu-ease),height var(--eu-duration) var(--eu-ease),opacity var(--eu-duration) var(--eu-ease)}.eu-hero .eu-carousel__dot.is-active{width:13px;height:13px;opacity:1}.eu-hero .eu-carousel__dot:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.eu-hero .eu-carousel__dot:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:1199px)and (min-width:750px){.eu-hero__content{padding:clamp(24px,5cqi,60px) clamp(24px,6cqi,72px)}.eu-hero__content .eu-hero__box{gap:16px}.eu-hero__heading{font-size:40px}.eu-hero__heading--small{font-size:32px}.eu-hero__heading--large{font-size:48px}.eu-hero__subheading{font-size:18px}}@media(max-width:749px){.eu-hero__media{min-height:max(560px,calc(100cqi / var(--eu-hero-ratio-mobile, 2.8614)))}.eu-hero__content{padding:24px}.eu-hero__content .eu-hero__box{gap:14px;max-width:100%}.eu-hero__heading,.eu-hero__subheading{max-width:100%}.eu-hero__content .eu-hero__box--container{padding:24px 20px}.eu-hero__content--mobile-left .eu-hero__box{align-items:flex-start;text-align:left}.eu-hero__content--mobile-center .eu-hero__box{align-items:center;text-align:center}.eu-hero__content--mobile-right .eu-hero__box{align-items:flex-end;text-align:right}.eu-hero--text-below .eu-hero__slide{aspect-ratio:auto;display:flex;flex-direction:column}.eu-hero--text-below .eu-hero__media{position:relative;height:auto;aspect-ratio:var(--eu-hero-ratio-mobile, 1920 / 671)}.eu-hero--text-below .eu-hero__content{position:static;padding:0}.eu-hero--text-below .eu-hero__content .eu-hero__box,.eu-hero--text-below .eu-hero__content .eu-hero__box--container{width:100%;max-width:100%;padding:32px 24px 36px;border-radius:0;background-color:rgb(var(--color-background))}.eu-hero--text-below .eu-hero__dots{position:static;height:auto;padding:16px 0}.eu-hero__heading{font-size:26px;letter-spacing:.5px}.eu-hero__heading--small{font-size:22px}.eu-hero__heading--large{font-size:32px}.eu-hero__subheading{font-size:16px;letter-spacing:.25px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/eu-hero.css.map */