.hero-banner{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden;width:100%;max-width:100%;margin:0 auto}.hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-banner__media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__content{position:relative;z-index:2;width:100%;padding:2rem 2rem 4rem}.hero-banner__text{max-width:600px;margin:0 0 1rem;padding-left:2rem;padding-right:2rem}.hero-banner__heading{margin:0 0 1rem;font-weight:500;line-height:1.2;color:#fff;letter-spacing:-.02em;font-size:2.5rem}.hero-banner__subheading{font-weight:400;margin:0 0 1rem;text-transform:uppercase;letter-spacing:0em;opacity:.9;font-size:1.6rem}.hero-banner__description{margin:0 0 25px;opacity:.9;line-height:1.5;font-weight:500;font-size:1.6rem}.hero-banner__description p{margin:0}.hero-banner__buttons{display:flex;gap:2.5rem}.hero-banner__buttons--horizontal{flex-direction:row}.hero-banner__buttons--vertical{flex-direction:column;align-items:flex-start}.hero-banner__buttons--center{justify-content:center}.hero-banner__button{margin:0;padding:0 3rem;font-weight:600;text-transform:uppercase;font-size:1.4rem;letter-spacing:.02em;transition:all .2s ease}.hero-banner__button.button--outline{background-color:transparent;border:2px solid currentColor;color:inherit}.hero-banner__button.button--outline:hover{background-color:currentColor;color:rgb(var(--color-background))}.hero-banner__button.button--text{background-color:transparent;border:none;color:inherit;text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem}.hero-banner__button.button--text:hover{text-decoration-thickness:.2rem}@media screen and (max-width: 900px){.hero-banner__content{padding:1rem 1rem 2rem}.hero-banner__text{padding-left:1rem;padding-right:1rem;max-width:100%}.hero-banner__buttons{flex-direction:column;gap:.8rem}.hero-banner__buttons--horizontal{flex-direction:row}.hero-banner__buttons--center{align-items:center}.hero-banner__button{width:100%;padding:0 2rem;text-align:center}}@media screen and (min-width: 900px) and (max-width: 1900px){.hero-banner__content{padding:3rem 4rem 4rem}.hero-banner__text{padding-left:1.5rem;padding-right:1.5rem}.hero-banner__heading{font-size:3.6rem}.hero-banner__subheading{font-size:1.8rem}.hero-banner__description{font-size:1.6rem}}@media screen and (min-width: 1900px){.hero-banner{max-width:var(--page-width);padding:0 5rem}.hero-banner__media{left:5rem;right:5rem;width:auto;background-color:#fff}.hero-banner__text{padding-left:2rem;padding-right:2rem}.hero-banner__heading{font-size:4.6rem}.hero-banner__subheading,.hero-banner__description{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero-banner.css.map */