.hero-banner{position:relative;width:100%}.hero-banner--small{height:40vh}.hero-banner--medium{height:55vh}.hero-banner--large{height:75vh}.hero-banner--full{height:100vh}.hero-banner--custom{height:var(--banner-height-desktop, 500px)}@media screen and (max-width:749px){.hero-banner--custom{height:var(--banner-height-mobile, 450px)}}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;clip-path:inset(0 0 0 0)}.hero-banner__image,.hero-banner__video,.hero-banner__placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;position:sticky;top:0}.hero-banner__placeholder{width:100%;height:100%;background:#eee}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--overlay-opacity, .2);pointer-events:none;z-index:1}.hero-banner__content{position:relative;z-index:2;width:100%;height:100%;padding:40px 5%;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.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__content--v-top{justify-content:flex-start}.hero-banner__content--v-middle{justify-content:center}.hero-banner__content--v-bottom{justify-content:flex-end}.hero-banner__eyebrow{margin:0;font-size:12px;letter-spacing:.15em;font-weight:600;text-transform:uppercase}.hero-banner__heading{margin:0;font-size:clamp(28px,4vw,46px);letter-spacing:.05em;font-weight:400;text-transform:uppercase}.hero-banner__button{display:inline-block;margin-top:6px;padding:12px 26px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:opacity .2s ease}.hero-banner__button--solid{background:#fff;color:#111}.hero-banner__button--outline{background:transparent;border:1px solid currentColor;color:inherit}.hero-banner__button:hover{opacity:.8}@media screen and (max-width:749px){.hero-banner__content{padding:24px 6%}.hero-banner__content--h-left,.hero-banner__content--h-right{align-items:center;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-video-banner.css.map */