.hero-banner{position:relative;width:100%;overflow:hidden;display:flex}.hero-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__placeholder{background:#1a1a1a}.hero-banner__placeholder svg{width:100%;height:100%;opacity:.3}.hero-banner__img--mobile{display:none}.hero-banner__img--desktop{display:block}@media screen and (max-width:640px){.hero-banner__img--desktop{display:none}.hero-banner__img--mobile{display:block}.hero-banner{height:85vw!important;min-height:420px;max-height:680px}}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hero-overlay, #000);opacity:var(--hero-overlay-opacity, .35);pointer-events:none}.hero-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.hero-banner__content--v-top{justify-content:flex-start}.hero-banner__content--v-center{justify-content:center}.hero-banner__content--v-bottom{justify-content:flex-end}.hero-banner__content--h-left{align-items:flex-start;text-align:left}.hero-banner__content--h-center{align-items:center;text-align:center}.hero-banner__content--h-right{align-items:flex-end;text-align:right}.hero-banner__eyebrow{margin:0 0 10px;font-weight:700;text-transform:uppercase;line-height:1}.hero-banner__heading{margin:0 0 12px}.hero-banner__subtext{margin:0 0 24px;line-height:1.5}.hero-banner__btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-banner__btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:opacity .2s,transform .2s;white-space:nowrap}.hero-banner__btn:hover{opacity:.82;transform:translateY(-1px)}.hero-banner__btn-arrow{transition:transform .2s}.hero-banner__btn:hover .hero-banner__btn-arrow{transform:translate(4px)}.hero-banner__eyebrow,.hero-banner__heading,.hero-banner__subtext,.hero-banner__btns{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.22,1,.36,1)}.hero-banner__eyebrow{transition-delay:.05s}.hero-banner__heading{transition-delay:.18s}.hero-banner__subtext{transition-delay:.3s}.hero-banner__btns{transition-delay:.42s}.hero-banner--anim-fade .hero-banner__eyebrow,.hero-banner--anim-fade .hero-banner__heading,.hero-banner--anim-fade .hero-banner__subtext,.hero-banner--anim-fade .hero-banner__btns{opacity:0;transition-duration:.8s}.hero-banner--anim-fade.is-loaded .hero-banner__eyebrow,.hero-banner--anim-fade.is-loaded .hero-banner__heading,.hero-banner--anim-fade.is-loaded .hero-banner__subtext,.hero-banner--anim-fade.is-loaded .hero-banner__btns{opacity:1}.hero-banner--anim-slide-up .hero-banner__eyebrow,.hero-banner--anim-slide-up .hero-banner__heading,.hero-banner--anim-slide-up .hero-banner__subtext,.hero-banner--anim-slide-up .hero-banner__btns{opacity:0;transform:translateY(40px);transition-duration:.9s}.hero-banner--anim-slide-up.is-loaded .hero-banner__eyebrow,.hero-banner--anim-slide-up.is-loaded .hero-banner__heading,.hero-banner--anim-slide-up.is-loaded .hero-banner__subtext,.hero-banner--anim-slide-up.is-loaded .hero-banner__btns{opacity:1;transform:translateY(0)}.hero-banner--anim-slide-left .hero-banner__eyebrow,.hero-banner--anim-slide-left .hero-banner__heading,.hero-banner--anim-slide-left .hero-banner__subtext,.hero-banner--anim-slide-left .hero-banner__btns{opacity:0;transform:translate(-50px);transition-duration:.9s}.hero-banner--anim-slide-left.is-loaded .hero-banner__eyebrow,.hero-banner--anim-slide-left.is-loaded .hero-banner__heading,.hero-banner--anim-slide-left.is-loaded .hero-banner__subtext,.hero-banner--anim-slide-left.is-loaded .hero-banner__btns{opacity:1;transform:translate(0)}.hero-banner--anim-zoom .hero-banner__eyebrow,.hero-banner--anim-zoom .hero-banner__heading,.hero-banner--anim-zoom .hero-banner__subtext,.hero-banner--anim-zoom .hero-banner__btns{opacity:0;transform:scale(.88);transition-duration:.85s}.hero-banner--anim-zoom.is-loaded .hero-banner__eyebrow,.hero-banner--anim-zoom.is-loaded .hero-banner__heading,.hero-banner--anim-zoom.is-loaded .hero-banner__subtext,.hero-banner--anim-zoom.is-loaded .hero-banner__btns{opacity:1;transform:scale(1)}.hero-banner__img{transition:transform 1.4s cubic-bezier(.22,1,.36,1);transform:scale(1.06)}.is-loaded .hero-banner__img{transform:scale(1)}.hero-banner--anim-none .hero-banner__eyebrow,.hero-banner--anim-none .hero-banner__heading,.hero-banner--anim-none .hero-banner__subtext,.hero-banner--anim-none .hero-banner__btns{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-banner.css.map */