.hero{position:relative;display:flex;align-items:flex-end;overflow:hidden;min-height:56rem;color:rgb(var(--color-foreground))}.hero--medium{height:min(70vh,70rem)}.hero--large{height:min(92vh,90rem)}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__image,.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero .hero__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(var(--color-background),calc(var(--hero-overlay, .8) * .35)),rgba(var(--color-background),var(--hero-overlay, .8)))}.hero__content{position:relative;z-index:1;width:100%;padding-top:6rem;padding-bottom:7.2rem}.hero--align-center .hero__content{text-align:center}.hero--align-center .hero__text,.hero--align-center .hero__buttons{margin-right:auto;margin-left:auto;justify-content:center}.hero__eyebrow{margin-bottom:1.6rem}.hero__heading{max-width:76rem;margin:0 0 2.2rem;font-size:clamp(4.8rem,8vw,9.6rem);line-height:.98}.hero--align-center .hero__heading{margin-right:auto;margin-left:auto}.hero__heading em{font-style:italic;color:rgb(var(--color-link))}.hero__line{display:block;overflow:hidden;padding-bottom:.1em}.hero__line>span{display:inline-block}.hero__text{max-width:52rem;margin-bottom:3.4rem;font-size:1.7rem;color:rgb(var(--color-foreground))}.hero__text p{margin:0}.hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem}@media screen and (max-width:749px){.hero{min-height:48rem}.hero--large{height:calc(100vh - 18rem);height:calc(100svh - 18rem)}.hero--medium{height:calc(75vh - 18rem);height:calc(75svh - 18rem)}.hero__content{padding-bottom:4.8rem}}@media(prefers-reduced-motion:no-preference){.hero:not(.hero--static) .hero__line>span{transform:translateY(110%);animation:hero-rise var(--animation-duration, .8s) var(--ease-out-slow) forwards}.hero:not(.hero--static) .hero__line:nth-child(2)>span{animation-delay:.15s}.hero:not(.hero--static) .hero__line:nth-child(3)>span{animation-delay:.3s}.hero:not(.hero--static) .hero__eyebrow,.hero:not(.hero--static) .hero__text,.hero:not(.hero--static) .hero__buttons{animation:hero-fade calc(var(--animation-duration, .8s) * 1.4) var(--ease-out-slow) both}.hero:not(.hero--static) .hero__text{animation-delay:.5s}.hero:not(.hero--static) .hero__buttons{animation-delay:.7s}.hero--ken-burns .hero__image{animation:hero-zoom 18s ease-in-out infinite alternate}}@keyframes hero-rise{to{transform:none}}@keyframes hero-fade{0%{opacity:0}}@keyframes hero-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/abwab-hero.css.map */