.custom-hero{position:relative;display:block;width:100%;height:calc(var(--hero-h, 80) * 1vh);overflow:hidden;background:#000}@supports (height: 1svh){.custom-hero{height:calc(var(--hero-h, 80) * 1svh)}}.custom-hero__slides,.custom-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.custom-hero__slide{opacity:0;transition:opacity .9s ease-in-out;z-index:1}.custom-hero__slide.is-active{opacity:1;z-index:2}.custom-hero__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.custom-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:0 2rem 6rem;background:linear-gradient(to top,#0009,#00000040 22%,#0000 45%);pointer-events:none}.custom-hero__content{pointer-events:auto;max-width:90%}.custom-hero__heading{color:#fff;font-size:clamp(2rem,5vw,5rem);font-weight:700;letter-spacing:.04em;line-height:1.05;margin:0 0 1.4rem;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.55)}.custom-hero__button{display:inline-block;background:#fff;color:#000;text-decoration:none;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:1.5rem;padding:1.2rem 2.8rem;border:2px solid #fff;transition:background .2s ease,color .2s ease}.custom-hero__button:hover{background:transparent;color:#fff}.custom-hero__dots{position:absolute;bottom:1.6rem;left:0;right:0;z-index:6;display:flex;gap:.8rem;justify-content:center}.custom-hero__dot{width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer;transition:background .2s ease}.custom-hero__dot.is-active{background:#fff}@media screen and (max-width:749px){.custom-hero{height:auto;aspect-ratio:4 / 5}.custom-hero__overlay{padding:0 1.6rem 4.5rem}.custom-hero__heading{font-size:clamp(2rem,7vw,3rem);margin-bottom:1.1rem}.custom-hero__button{font-size:1.4rem;padding:1.1rem 2.4rem}.custom-hero__dots{bottom:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-custom-hero.css.map */