.hero-crossfade{position:relative;width:100%;height:var(--height, 100vh);overflow:hidden;background:#000}.hero-crossfade__slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;animation-name:hero-crossfade-fade;animation-duration:var(--total-duration, 16s);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes hero-crossfade-fade{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:0}to{opacity:0}}.hero-crossfade__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.hero-crossfade__heading{color:#fff;font-size:clamp(3rem,10vw,8rem);font-weight:400;letter-spacing:-.02em;margin:0;mix-blend-mode:difference}.hero-crossfade__logo{width:var(--logo-width, 220px);height:auto;max-width:80%;filter:brightness(0) invert(1);mix-blend-mode:difference}.hero-crossfade__button{pointer-events:auto;margin-top:1.5rem;padding:.75rem 2rem;border:1px solid #fff;color:#fff;text-decoration:none;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;mix-blend-mode:difference}@media screen and (max-width:749px){.hero-crossfade{height:var(--height-mobile, 100vh)}.hero-crossfade__heading{font-size:clamp(1.5rem,8vw,2.25rem)}.hero-crossfade__logo{width:var(--logo-width-mobile, 110px)}.hero-crossfade__button{margin-top:1rem;padding:.6rem 1.5rem;font-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero-crossfade.css.map */