.hero-banner{--hero-banner-bg: #000000;--hero-banner-text: #ffffff;--hero-banner-text-muted: #a3a3a3;--hero-banner-highlight: #f63925;--hero-banner-badge-bg: rgba(255, 255, 255, .25);--hero-banner-badge-border: #404040;--hero-banner-badge-text: #d4d4d4;--hero-banner-gap: 1.5rem;--hero-banner-heading-size: 3.6rem;--hero-banner-heading-line: 3.2rem;--hero-banner-heading-tracking: -.15rem;--hero-banner-subheading-size: 1.4rem;--hero-banner-badge-size: 1.2rem;--hero-banner-button-size: 1.4rem;--hero-banner-content-pad-x: 1.6rem;--hero-banner-content-pad-top: 3.7rem;--hero-banner-button-radius: .5rem;--hero-banner-media-width: 100%;position:relative;display:flex;flex-direction:column;background-color:var(--hero-banner-bg);color:var(--hero-banner-text);overflow:hidden}.hero-banner__media{position:relative;order:2;width:min(35.4rem,calc(100% - 3.2rem));margin:0 auto .6rem;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--hero-banner-bg)}.hero-banner__media:after{content:"";position:absolute;inset:0 auto 0 0;width:50px;background:linear-gradient(to right,#000,#0000);z-index:2}.hero-banner__media video,.hero-banner__media img,.hero-banner__video,.hero-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center right}.hero-banner__inner{position:relative;z-index:3;order:1;width:100%;margin:0 auto;padding:var(--hero-banner-content-pad-top) var(--hero-banner-content-pad-x) 1.9rem;box-sizing:border-box}.hero-banner__content{display:flex;flex-direction:column;align-items:center;gap:var(--hero-banner-gap);width:100%;max-width:40.5rem;text-align:center}.hero-banner__badge{display:inline-flex;align-items:center;gap:.8rem;padding:.7rem 1.7rem;border:.1rem solid var(--hero-banner-badge-border);border-radius:9999px;background-color:var(--hero-banner-badge-bg)}.hero-banner__badge-icon{display:flex;flex-shrink:0;width:1.35rem;height:1.2rem;color:var(--hero-banner-badge-text)}.hero-banner__badge-icon svg{display:block;width:100%;height:100%}.hero-banner__badge-text{margin:0;color:var(--hero-banner-badge-text);font-family:var(--font-body-family);font-size:var(--hero-banner-badge-size);font-weight:700;letter-spacing:.03rem;line-height:1.6rem;text-transform:uppercase}.hero-banner__heading{margin:0;max-width:36.3rem;color:var(--hero-banner-text);font-family:var(--font-heading-family);font-size:var(--hero-banner-heading-size);font-weight:400;letter-spacing:var(--hero-banner-heading-tracking);line-height:var(--hero-banner-heading-line)}.hero-banner__heading strong,.hero-banner__heading b{color:var(--hero-banner-highlight);font-weight:inherit}.hero-banner__subheading{margin:0;max-width:44.1rem;color:var(--hero-banner-text);font-family:var(--font-body-family);font-size:var(--hero-banner-subheading-size);font-weight:700;line-height:1.6rem}.hero-banner__buttons{display:flex;flex-direction:column;align-items:stretch;gap:var(--hero-banner-gap);width:100%;max-width:19.7rem}.hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;min-height:5rem;padding:1.5rem 3rem;border:.1rem solid transparent;border-radius:var(--hero-banner-button-radius);box-sizing:border-box;font-family:var(--font-body-family);font-size:var(--hero-banner-button-size);font-weight:700;letter-spacing:0;line-height:2rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:opacity var(--duration-short, .1s) ease}.hero-banner__btn:hover{opacity:.9}.hero-banner__btn:focus-visible{outline:.2rem solid var(--hero-banner-text);outline-offset:.3rem}.hero-banner__btn--primary{background-color:var(--hero-banner-text);color:#000}.hero-banner__btn--secondary{background-color:transparent;border-color:var(--hero-banner-text);color:var(--hero-banner-text)}@media screen and (min-width:750px){.hero-banner{--hero-banner-heading-size: 5.2rem;--hero-banner-heading-line: 4.8rem;--hero-banner-subheading-size: 1.5rem;--hero-banner-badge-size: 1.3rem;--hero-banner-button-size: 1.5rem;--hero-banner-content-pad-x: 4rem;--hero-banner-content-pad-top: 4rem;--hero-banner-media-width: 45%;min-height:52rem}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;order:0;width:var(--hero-banner-media-width);height:100%;margin:0;aspect-ratio:auto}.hero-banner__inner{display:flex;align-items:center;justify-content:flex-start;min-height:inherit;padding-top:var(--hero-banner-content-pad-top);padding-right:calc(var(--hero-banner-media-width) + 2rem);padding-bottom:4rem;padding-left:var(--hero-banner-content-pad-x)}.hero-banner__content{align-items:flex-start;max-width:62.6rem;text-align:left}.hero-banner__heading{max-width:54.8rem}.hero-banner__buttons{flex-direction:row;flex-wrap:wrap;align-items:stretch;max-width:none;width:auto}.hero-banner__btn{width:auto}}@media screen and (min-width:990px){.hero-banner{--hero-banner-heading-size: 7.2rem;--hero-banner-heading-line: 6rem;--hero-banner-subheading-size: 1.6rem;--hero-banner-badge-size: 1.4rem;--hero-banner-button-size: 1.6rem;--hero-banner-content-pad-x: 11.5rem;--hero-banner-content-pad-top: 10.1rem;--hero-banner-media-width: 58rem;--hero-banner-media-inset: 8.9rem;min-height:58.4rem}.hero-banner__media{top:0;right:var(--hero-banner-media-inset);bottom:auto;width:var(--hero-banner-media-width);height:58rem}.hero-banner__inner{padding-top:var(--hero-banner-content-pad-top);padding-right:calc(var(--hero-banner-media-width) + var(--hero-banner-media-inset) + 2rem);padding-bottom:10.1rem;padding-left:var(--hero-banner-content-pad-x)}}@media screen and (min-width:990px)and (max-width:1439px){.hero-banner{--hero-banner-content-pad-x: 4rem;--hero-banner-media-width: min(58rem, 42vw);--hero-banner-media-inset: 2rem;--hero-banner-content-pad-top: 4rem}.hero-banner__inner{padding-bottom:4rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-hero-banner.css.map */