.dne-hero{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate;background-color:var(--dne-petrol);color:var(--dne-ivory)}.dne-hero--medium{min-height:620px}.dne-hero--large{min-height:760px}.dne-hero--full{min-height:100svh}.dne-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-3}.dne-hero__curves{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--dne-brass);z-index:-1;pointer-events:none}.dne-hero__light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(90% 70% at 72% 34%,rgba(var(--dne-brass-rgb),.2),#102f3100 60%)}.dne-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(10,31,33,calc(var(--dne-hero-overlay, .55) * .9)),rgba(10,31,33,calc(var(--dne-hero-overlay, .55) * .35)) 38%,rgba(10,31,33,calc(var(--dne-hero-overlay, .55) * 1)))}.dne-hero:not(.dne-hero--has-media) .dne-hero__scrim{background:linear-gradient(180deg,#0a1f2159,#0a1f2100 40%,#0a1f2199)}.dne-hero__flacon{position:absolute;top:50%;inset-inline-end:6vw;z-index:-1;width:clamp(240px,26vw,400px);pointer-events:none;transform:translate3d(var(--dne-lean-x, 0px),calc(-50% + var(--dne-lean-y, 0px)),0) rotate(var(--dne-lean-r, 0deg));transition:transform .9s cubic-bezier(.22,1,.36,1);will-change:transform}.dne-hero__flacon-inner{animation:dne-flacon-drift 9s ease-in-out infinite}.dne-hero__juice{transform-box:view-box;transform-origin:120px 250px;transform:translate(var(--dne-juice-x, 0px)) rotate(var(--dne-juice-r, 0deg));transition:transform 1.45s cubic-bezier(.22,1.62,.36,1);will-change:transform}.dne-hero__juice-idle{transform-box:view-box;transform-origin:120px 250px;animation:dne-juice-idle 7s ease-in-out infinite}@keyframes dne-juice-idle{0%,to{transform:translate(-3px) rotate(-.5deg)}50%{transform:translate(3px) rotate(.5deg)}}.dne-hero__wave--front{animation:dne-wave-a 6s linear infinite}.dne-hero__wave--back{animation:dne-wave-b 9s linear infinite}@keyframes dne-wave-a{to{transform:translate(150px)}}@keyframes dne-wave-b{to{transform:translate(-150px)}}.dne-hero__fill{transform:translateY(162px)}.dne-fill-go .dne-hero__fill{animation:dne-hero-fill 2.6s cubic-bezier(.33,0,.2,1) forwards}@keyframes dne-hero-fill{0%{transform:translateY(162px)}to{transform:translateY(24px)}}.dne-fill-go .dne-hero__swell{animation:dne-hero-swell 2.6s cubic-bezier(.33,0,.2,1) both}.dne-fill-go .dne-hero__swell--back{animation-name:dne-hero-swell-b}@keyframes dne-hero-swell{0%{transform:translateY(-8px)}12%{transform:translateY(6px)}26%{transform:translateY(-4.4px)}42%{transform:translateY(2.8px)}58%{transform:translateY(-1.6px)}74%{transform:translateY(.8px)}88%{transform:translateY(-.35px)}to{transform:translateY(0)}}@keyframes dne-hero-swell-b{0%{transform:translateY(7px)}12%{transform:translateY(-5px)}26%{transform:translateY(3.6px)}42%{transform:translateY(-2.3px)}58%{transform:translateY(1.3px)}74%{transform:translateY(-.7px)}88%{transform:translateY(.3px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.dne-hero__juice,.dne-hero__juice-idle,.dne-hero__wave--front,.dne-hero__wave--back,.dne-hero__swell{transition:none;animation:none;transform:none}.dne-hero__fill,.dne-fill-go .dne-hero__fill{animation:none;transform:translateY(24px)}}.dne-hero__flacon-svg,.dne-hero__flacon-img{display:block;width:100%;height:auto}.dne-hero__flacon-img{filter:drop-shadow(0 30px 50px rgba(10,31,33,.45))}.dne-hero__fill{will-change:transform}@keyframes dne-flacon-drift{0%,to{transform:translateZ(0) rotate(-1.2deg)}50%{transform:translate3d(0,-22px,0) rotate(1.2deg)}}.dne-hero__flacon:before{content:"";position:absolute;top:-18%;right:-12%;bottom:-18%;left:-12%;z-index:-1;background:radial-gradient(50% 42% at 50% 44%,rgba(var(--dne-brass-rgb),.26),#102f3100 70%)}@media screen and (max-width:989px){.dne-hero__flacon{inset-inline-end:-4vw;width:clamp(200px,42vw,300px);opacity:.5}}@media screen and (max-width:749px){.dne-hero__flacon{top:32%;inset-inline-end:-14vw;width:74vw;opacity:.3}}@media(prefers-reduced-motion:reduce){.dne-hero__flacon{transition:none}.dne-hero__flacon-inner{animation:none}}.dne-hero__inner{position:relative;width:100%;box-sizing:border-box;padding-block:12rem 16rem}.dne-hero__col{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem;max-width:62rem}.dne-hero__col>*{max-width:100%}.dne-hero__eyebrow{margin:0;letter-spacing:.24em}.dne-hero__heading{margin:0;font-family:var(--dne-font-display);font-weight:300;font-size:clamp(4.4rem,7vw,10.4rem);line-height:.98;letter-spacing:-.018em;color:var(--dne-ivory);text-wrap:balance}.dne-hero__text{max-width:min(52rem,100%)}.dne-hero__text>*{margin:0;font-family:var(--dne-font-ui);font-size:1.7rem;font-weight:300;line-height:1.7;color:rgba(var(--dne-ivory-rgb),.78)}.dne-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 3.2rem;margin-top:.8rem}.dne-hero__button{display:inline-flex;align-items:center;justify-content:center;padding:1.7rem 4rem;border:1px solid var(--dne-brass);background-color:transparent;color:var(--dne-ivory);font-family:var(--dne-font-ui);font-size:1.2rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:background-color var(--dne-dur-element) var(--dne-ease),color var(--dne-dur-element) var(--dne-ease)}.dne-hero__button:hover,.dne-hero__button:focus-visible{background-color:var(--dne-brass);color:var(--dne-petrol)}.dne-hero__link{display:inline-flex;align-items:center;gap:1.1rem;min-height:44px;color:var(--dne-accent-text);font-family:var(--dne-font-ui);font-size:1.2rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}.dne-hero__link svg{width:1.7rem;height:1rem;flex-shrink:0;transition:transform var(--dne-dur-element) var(--dne-ease)}.dne-hero__link:hover svg{transform:translate(4px)}html[dir=rtl] .dne-hero__link svg{transform:scaleX(-1)}html[dir=rtl] .dne-hero__link:hover svg{transform:scaleX(-1) translate(4px)}.dne-hero__index{position:absolute;inset-inline:0;bottom:0;padding-bottom:3rem}.dne-hero__index-rule{display:block;height:1px;background-color:rgba(var(--dne-brass-rgb),.3);margin-bottom:2.2rem}.dne-hero__index-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2.8rem;margin:0;padding:0;list-style:none}.dne-hero__index-link{display:flex;align-items:baseline;gap:1.2rem;min-height:44px;align-content:center;flex-wrap:wrap;text-decoration:none;position:relative;padding-block:.6rem;transition:gap var(--dne-dur-element) var(--dne-ease)}.dne-hero__index-link:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background-color:var(--dne-accent-text);transform:scaleX(0);transform-origin:left center;transition:transform var(--dne-dur-micro) var(--dne-ease)}html[dir=rtl] .dne-hero__index-link:after{transform-origin:right center}.dne-hero__index-link:hover:after,.dne-hero__index-link:focus-visible:after{transform:scaleX(1)}.dne-hero__index-link:hover{gap:1.6rem}.dne-hero__index-label{font-family:var(--dne-font-ui);font-size:1.4rem;font-weight:300;color:var(--dne-ivory)}.dne-hero__cue{position:absolute;left:50%;bottom:12.5rem;translate:-50% 0;width:1px;height:5.6rem;overflow:hidden;background-color:rgba(var(--dne-brass-rgb),.22);pointer-events:none}.dne-hero__cue:after{content:"";position:absolute;inset-inline:0;top:0;height:40%;background-color:var(--dne-brass-light);animation:dne-cue 2.6s var(--dne-ease) infinite}@keyframes dne-cue{0%{transform:translateY(-100%)}60%,to{transform:translateY(250%)}}@media screen and (max-width:989px){.dne-hero__cue{display:none}}@media(prefers-reduced-motion:reduce){.dne-hero__cue:after{animation:none;transform:translateY(60%)}}@media screen and (max-width:989px){.dne-hero__index-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2.4rem}}@media screen and (max-width:749px){.dne-hero--medium,.dne-hero--large{min-height:600px}.dne-hero__inner{padding-block:8rem 22rem}.dne-hero__col{gap:1.8rem}.dne-hero__text>*{font-size:1.6rem}.dne-hero__actions{width:100%;gap:1.6rem}.dne-hero__button{width:100%;padding-block:1.8rem}.dne-hero__index{padding-bottom:2.4rem}.dne-hero__index-label{font-size:1.3rem}}@media screen and (max-width:599px){.dne-hero__curves{opacity:.55}}.dne-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.dne-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .9s var(--dne-ease),visibility 0ms linear .9s}.dne-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .9s var(--dne-ease),visibility 0ms linear 0ms}.dne-hero__slide-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.dne-hero__slide-img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.06);transition:transform 7s linear}.dne-hero__slide.is-active .dne-hero__slide-img{transform:scale(1.13)}.dne-hero__slide-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0a1f21f0,#102f31db,#102f3185 68%,#102f3170)}html[dir=rtl] .dne-hero__slide-scrim{background:linear-gradient(to left,#0a1f21f0,#102f31db,#102f3185 68%,#102f3170)}.dne-hero__slide-copy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;z-index:1}.dne-hero__slide .dne-hero__col>*{opacity:0;transform:translateY(14px);transition:opacity .7s var(--dne-ease),transform .7s var(--dne-ease)}.dne-hero__slide.is-active .dne-hero__col>*{opacity:1;transform:translateY(0)}.dne-hero__slide.is-active .dne-hero__col>*:nth-child(1){transition-delay:.26s}.dne-hero__slide.is-active .dne-hero__col>*:nth-child(2){transition-delay:.36s}.dne-hero__slide.is-active .dne-hero__col>*:nth-child(3){transition-delay:.46s}.dne-hero__slide.is-active .dne-hero__col>*:nth-child(4){transition-delay:.56s}.dne-hero__dots{position:absolute;inset-block-end:17rem;inset-inline-start:max(5rem,calc((100vw - 120rem)/2 + 5rem));z-index:3;display:flex;gap:1.2rem}@media screen and (max-width:989px){.dne-hero__dots{inset-block-end:14rem;inset-inline-start:2rem}}.dne-hero__dot{width:3.2rem;height:2px;padding:0;border:0;border-radius:0;background-color:#f3eee44d;cursor:pointer;transition:background-color var(--dne-dur-element) var(--dne-ease)}.dne-hero__dot:before{content:"";position:absolute;inset-block:-21px;inset-inline:0}.dne-hero__dot{position:relative}.dne-hero__dot:hover,.dne-hero__dot.is-active{background-color:var(--dne-brass-light, #c6a374)}.dne-hero__dot:focus-visible{outline:2px solid var(--dne-brass-light, #c6a374);outline-offset:6px}@media(prefers-reduced-motion:reduce){.dne-hero__slide,.dne-hero__slide-img,.dne-hero__slide .dne-hero__col>*{transition:none;transform:none}}.dne-hero__slide-copy{padding-block-end:20rem}@media screen and (max-width:989px){.dne-hero__slide-copy{padding-block-end:17rem}}.dne-hero__slide .dne-hero__button{background-color:var(--dne-brass-light, #c6a374);border-color:var(--dne-brass-light, #c6a374);color:var(--dne-petrol, #102f31);box-shadow:0 10px 30px #0a1f2159}.dne-hero__slide .dne-hero__button:hover,.dne-hero__slide .dne-hero__button:focus-visible{background-color:var(--dne-ivory, #f3eee4);border-color:var(--dne-ivory, #f3eee4);color:var(--dne-petrol, #102f31)}.dne-hero__slide .dne-hero__text{color:#f3eee4eb;text-shadow:0 1px 18px rgba(10,31,33,.55)}.dne-hero__slide .dne-hero__heading{text-shadow:0 2px 30px rgba(10,31,33,.45)}.dne-hero__arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;margin-block-start:-6rem;padding:0;color:var(--dne-ivory, #f3eee4);background-color:#0a1f216b;border:1px solid rgba(243,238,228,.28);border-radius:50%;cursor:pointer;opacity:0;transition:opacity var(--dne-dur-element) var(--dne-ease),background-color var(--dne-dur-element) var(--dne-ease),border-color var(--dne-dur-element) var(--dne-ease)}.dne-hero:hover .dne-hero__arrow,.dne-hero__arrow:focus-visible{opacity:1}.dne-hero__arrow:hover{background-color:var(--dne-brass-light, #c6a374);border-color:var(--dne-brass-light, #c6a374);color:var(--dne-petrol, #102f31)}.dne-hero__arrow:focus-visible{outline:2px solid var(--dne-brass-light, #c6a374);outline-offset:3px}.dne-hero__arrow svg{width:2rem;height:2rem}.dne-hero__arrow--prev{inset-inline-start:clamp(1.2rem,2vw,3.2rem)}.dne-hero__arrow--next{inset-inline-end:clamp(1.2rem,2vw,3.2rem)}html[dir=rtl] .dne-hero__arrow svg{transform:scaleX(-1)}@media(hover:none),screen and (max-width:749px){.dne-hero__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/dne-hero.css.map */