.h2r-hero-banner{position:relative;width:100%;height:var(--h2r-hero-height-mobile, 560px);overflow:hidden;background:rgb(var(--color-background));display:flex;align-items:center}@media screen and (min-width:750px){.h2r-hero-banner{height:var(--h2r-hero-height, 720px)}}.h2r-hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.h2r-hero-banner__video{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.h2r-hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--h2r-hero-overlay, .15));pointer-events:none}.h2r-hero-banner__content{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center}.h2r-hero-banner--left .h2r-hero-banner__content{justify-content:flex-start}.h2r-hero-banner--center .h2r-hero-banner__content{justify-content:center}.h2r-hero-banner--right .h2r-hero-banner__content{justify-content:flex-end}.h2r-hero-banner__inner{max-width:42rem;padding:0 1.6rem}.h2r-hero-banner--left .h2r-hero-banner__inner{text-align:left}.h2r-hero-banner--center .h2r-hero-banner__inner{text-align:center}.h2r-hero-banner--right .h2r-hero-banner__inner{text-align:right}.h2r-hero-banner__eyebrow{margin:0 0 .8rem;font-size:1.3rem;text-transform:none;letter-spacing:.01em;color:rgba(var(--color-foreground),.7)}.h2r-hero-banner__heading{margin:0 0 2.4rem;font-size:clamp(2.4rem,4.2vw,3.6rem);line-height:1.15;font-weight:700;text-transform:none;letter-spacing:0;color:rgb(var(--color-foreground))}.h2r-hero-banner__cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:1.5rem 3.4rem;border:.1rem solid rgba(var(--color-foreground),.9);border-radius:999px;font-size:1.4rem;font-weight:600;letter-spacing:.01em;text-decoration:none;text-transform:none;color:rgb(var(--color-foreground));background:transparent;transition:color .35s cubic-bezier(.22,1,.36,1) .08s,letter-spacing .45s cubic-bezier(.22,1,.36,1)}.h2r-hero-banner__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.22,1,.36,1)}.h2r-hero-banner__cta:hover{color:rgb(var(--color-background));letter-spacing:.03em}.h2r-hero-banner__cta:hover:before{transform:scaleX(1)}@media screen and (max-width:480px){.h2r-hero-banner__inner{max-width:30rem}.h2r-hero-banner__cta{padding:1.3rem 2.6rem;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-hero-banner.css.map */