ndl-new-hero{display:block}ndl-new-hero{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--ndl-ratio-d);height:var(--ndl-height-d);background:var(--ndl-bg);container-type:size;isolation:isolate}ndl-new-hero .ndl-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}ndl-new-hero .ndl-hero__bg-img{width:100%;height:100%;object-fit:cover;display:block}ndl-new-hero .ndl-hero__bg-img--mobile{display:none}ndl-new-hero .ndl-hero__band{position:absolute;inset:0 0 auto 0;height:var(--ndl-band-d);background:var(--ndl-band);z-index:0}ndl-new-hero .ndl-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}ndl-new-hero .ndl-hero__slide.is-active{pointer-events:auto}ndl-new-hero .ndl-hero__title-mask{position:absolute;left:50%;top:var(--ndl-title-pos-d);transform:translate(-50%,-50%);overflow:hidden;z-index:1;line-height:0;max-width:100%}ndl-new-hero .ndl-hero__title{display:block;margin:0;padding:.02em .04em .1em;font-family:var(--ndl-title-font);font-weight:var(--ndl-title-weight);font-style:var(--ndl-title-style);font-size:var(--ndl-title-size-d);line-height:.95;letter-spacing:var(--ndl-title-spacing);text-transform:var(--ndl-title-transform);white-space:nowrap;color:var(--ndl-title-color)}ndl-new-hero .ndl-hero__title--image{height:calc(var(--ndl-title-size-d) * .8);width:auto;padding:0}ndl-new-hero .ndl-hero__image-mask{position:absolute;left:50%;bottom:var(--ndl-img-bottom-d);height:var(--ndl-img-size-d);aspect-ratio:1 / 1;max-width:100%;transform:translate(-50%);overflow:hidden;z-index:var(--ndl-img-z)}ndl-new-hero .ndl-hero__link{display:block;width:100%;height:100%}ndl-new-hero .ndl-hero__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}ndl-new-hero .ndl-hero__image--mobile{display:none}ndl-new-hero .ndl-hero__image--placeholder{fill:currentColor;opacity:.25}ndl-new-hero .ndl-hero__content{position:absolute;left:50%;bottom:var(--ndl-text-bottom-d);transform:translate(-50%);width:min(90%,720px);text-align:center;z-index:4;font-family:var(--ndl-text-font);font-weight:var(--ndl-text-weight);font-size:var(--ndl-text-size-d);color:var(--ndl-text-color)}ndl-new-hero .ndl-hero__text{line-height:var(--ndl-text-line)}ndl-new-hero .ndl-hero__text p{margin:0 0 .6em}ndl-new-hero .ndl-hero__button{display:inline-block;padding:var(--ndl-btn-pad-y) var(--ndl-btn-pad-x);background:var(--ndl-btn-bg);color:var(--ndl-btn-color);border:var(--ndl-btn-border-w) solid var(--ndl-btn-border);border-radius:var(--ndl-btn-radius);text-decoration:none;font-family:var(--ndl-btn-font);font-weight:var(--ndl-btn-weight);font-style:var(--ndl-btn-style);font-size:var(--ndl-btn-size-d);letter-spacing:var(--ndl-btn-spacing);text-transform:var(--ndl-btn-transform);line-height:1.2}ndl-new-hero .ndl-hero__dots{position:absolute;left:50%;bottom:3%;transform:translate(-50%);display:flex;gap:10px;z-index:5}ndl-new-hero .ndl-hero__dot{width:var(--ndl-dot-size);height:var(--ndl-dot-size);padding:0;border:0;border-radius:50%;background:var(--ndl-dot);cursor:pointer;transition:background-color .2s ease,transform .2s ease}ndl-new-hero .ndl-hero__dot.is-active{background:var(--ndl-dot-active);transform:scale(1.25)}ndl-new-hero .ndl-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ndl-overlay);pointer-events:none;z-index:0}ndl-new-hero .ndl-hero__overlay--front{z-index:3}ndl-new-hero .ndl-hero__title{transition:transform var(--ndl-speed-t) var(--ndl-ease),opacity var(--ndl-speed-t) ease}ndl-new-hero .ndl-hero__image{transition:transform var(--ndl-speed-i) var(--ndl-ease),opacity var(--ndl-speed-i) ease}ndl-new-hero .is-active .ndl-hero__image{transition-delay:var(--ndl-delay-i)}ndl-new-hero.ndl-hero--move .ndl-hero__title{transform:translate(var(--ndl-t-in-x),var(--ndl-t-in-y))}ndl-new-hero.ndl-hero--move .ndl-hero__image{transform:translate(var(--ndl-i-in-x),var(--ndl-i-in-y))}ndl-new-hero.ndl-hero--move .is-leaving .ndl-hero__title{transform:translate(var(--ndl-t-out-x),var(--ndl-t-out-y))}ndl-new-hero.ndl-hero--move .is-leaving .ndl-hero__image{transform:translate(var(--ndl-i-out-x),var(--ndl-i-out-y))}ndl-new-hero.ndl-hero--move .is-active .ndl-hero__title,ndl-new-hero.ndl-hero--move .is-active .ndl-hero__image{transform:translate(0)}ndl-new-hero.ndl-hero--fade .ndl-hero__title,ndl-new-hero.ndl-hero--fade .ndl-hero__image,ndl-new-hero .ndl-hero__content{opacity:0}ndl-new-hero .ndl-hero__content{transition:opacity var(--ndl-speed-t) ease}ndl-new-hero.ndl-hero--fade .is-active .ndl-hero__title,ndl-new-hero.ndl-hero--fade .is-active .ndl-hero__image,ndl-new-hero .is-active .ndl-hero__content{opacity:1}ndl-new-hero .is-resetting .ndl-hero__title,ndl-new-hero .is-resetting .ndl-hero__image,ndl-new-hero .is-resetting .ndl-hero__content{transition:none!important}@media screen and (max-width:749px){ndl-new-hero{aspect-ratio:var(--ndl-ratio-m);height:var(--ndl-height-m)}ndl-new-hero .ndl-hero__band{height:var(--ndl-band-m)}ndl-new-hero .ndl-hero__bg--has-mobile .ndl-hero__bg-img--desktop{display:none}ndl-new-hero .ndl-hero__bg--has-mobile .ndl-hero__bg-img--mobile{display:block}ndl-new-hero .ndl-hero__title-mask{top:var(--ndl-title-pos-m)}ndl-new-hero .ndl-hero__title{font-size:var(--ndl-title-size-m)}ndl-new-hero .ndl-hero__title--image{height:calc(var(--ndl-title-size-m) * .8)}ndl-new-hero .ndl-hero__image-mask{bottom:var(--ndl-img-bottom-m);height:var(--ndl-img-size-m)}ndl-new-hero .ndl-hero__image-mask:has(.ndl-hero__image--mobile) .ndl-hero__image--desktop{display:none}ndl-new-hero .ndl-hero__image--mobile{display:block}ndl-new-hero .ndl-hero__content{bottom:var(--ndl-text-bottom-m);font-size:var(--ndl-text-size-m)}ndl-new-hero .ndl-hero__button{font-size:var(--ndl-btn-size-m)}}@media(prefers-reduced-motion:reduce){ndl-new-hero.ndl-hero--move .ndl-hero__title,ndl-new-hero.ndl-hero--move .ndl-hero__image{transform:none!important;opacity:0}ndl-new-hero.ndl-hero--move .is-active .ndl-hero__title,ndl-new-hero.ndl-hero--move .is-active .ndl-hero__image{opacity:1}}ndl-new-hero .ndl-hero__slide:not(.is-active):not(.is-leaving){visibility:hidden}ndl-new-hero .ndl-hero__pause{position:absolute;bottom:3%;right:3%;z-index:5;padding:8px 12px;background:var(--ndl-btn-bg);color:var(--ndl-btn-color);border:1px solid currentColor;cursor:pointer}@media(prefers-reduced-motion:reduce){ndl-new-hero *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/ndl-new-hero.css.map */