.hero-banner{position:relative;width:100%;overflow:hidden;display:flex}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner--bottom-left .hero-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000a6,#0000 45%);pointer-events:none}.hero-banner__image,.hero-banner__video{width:100%;height:100%;object-fit:cover;display:block}.hero-banner__placeholder{width:100%;height:100%;background-color:#0000001a}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-banner__content{position:relative;z-index:1;width:100%;padding:6rem 3rem 4rem;display:flex;flex-direction:column;gap:2rem;align-self:flex-end}@media screen and (max-width:749px){.hero-banner__content{padding-left:1.2rem;padding-right:1.2rem;padding-bottom:4rem}}.hero-banner--center{align-items:center;justify-content:center;text-align:center}.hero-banner--center .hero-banner__content{align-self:center;align-items:center}.hero-banner--bottom-left{align-items:flex-start}.hero-banner__heading{margin:0;font-size:3.2rem;line-height:1.15;max-width:42rem}.hero-banner__subtext{max-width:46rem;font-family:var(--font-body-family);font-size:1.6rem;line-height:1.36;letter-spacing:-.016rem}.hero-banner__subtext p{margin:0}.hero-banner__button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin-top:3.6rem;padding:1.1rem 2.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;font-size:1.4rem;border-radius:var(--buttons-radius);transition:opacity .25s ease}@media(hover:hover){.hero-banner__button:hover{opacity:.85}}@media screen and (min-width:750px){.hero-banner__content{padding:8rem 5rem}.hero-banner__heading{font-size:4rem}}@media screen and (max-width:749px){.hero-banner--middle-center .hero-banner__media:after,.hero-banner--center .hero-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#00000080 45%,#0000 75%);pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-hero-banner.css.map */