.hero-banner{color:rgb(var(--color-foreground));overflow:hidden}.hero-banner__container{padding-top:var(--hero-banner-padding-top-mobile);padding-bottom:var(--hero-banner-padding-bottom-mobile)}.hero-banner__grid{display:flex;flex-direction:column-reverse;min-height:62rem}.hero-banner__content{align-items:center;display:flex;flex-direction:column;padding:0 1.6rem 3.2rem;position:relative;text-align:center;z-index:2}.hero-banner__heading{font-family:var(--font-heading-family);font-size:36px;font-weight:700;line-height:100%;margin:0;max-width:12em;letter-spacing:0}.hero-banner__heading p,.hero-banner__subheading p{margin:0}.hero-banner__block{margin-top:var(--hero-banner-block-mt-mobile);margin-bottom:var(--hero-banner-block-mb-mobile)}.hero-banner__subheading{font-family:var(--font-body-family);font-size:20px;font-weight:500;line-height:70%;letter-spacing:0;max-width:404px}.hero-banner__awards{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;height:32px}.hero-banner__award{flex:0 0 auto;height:32px}.hero-banner__award img{display:block;height:32px;max-width:100%;width:auto}.hero-banner__buttons{display:flex;gap:10px;width:100%;max-width:600px}.hero-banner__button{display:flex;align-items:center;justify-content:center;padding:9px;border:1px solid rgb(var(--color-foreground));flex:1;font-family:var(--font-body-family);font-size:12px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.hero-banner__button--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.hero-banner__button--primary:hover,.hero-banner__button--secondary{background:transparent;color:rgb(var(--color-foreground))}.hero-banner__button--secondary:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.hero-banner__metrics{display:flex;justify-content:center;gap:21px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.hero-banner__metric{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-banner__metric-value{font-family:var(--font-heading-family);font-size:30px;font-weight:700;line-height:1;letter-spacing:0}.hero-banner__metric-bottom{align-items:center;display:flex;font-family:var(--font-body-family);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;gap:.5rem;justify-content:center;line-height:1.1;text-transform:none}.hero-banner__metric-bottom--text{text-transform:uppercase;text-align:center;font-size:10px;font-weight:600;line-height:.8;margin-top:5px}.hero-banner__metric-bottom--image img{display:block;height:100%;width:100%}.hero-banner__metric-bottom--image{flex:0 0 auto;height:var(--hero-banner-metric-image-height);width:var(--hero-banner-metric-image-width)}.hero-banner__media,.hero-banner__image-wrap{position:relative}.hero-banner__image{display:block;object-fit:contain;width:100%}.hero-banner__image--desktop{display:none}.hero-banner__image--mobile{height:auto;max-width:42.5rem;margin:0 auto}.hero-banner__image.placeholder-svg{background:rgba(var(--color-foreground),.04);height:38rem;object-fit:cover}.hero-banner__discount{position:absolute;top:175px;left:16px;z-index:2;display:flex;flex-direction:column;gap:6px}.hero-banner__discount-value{align-items:center;background:var(--hero-banner-badge-background);color:var(--hero-banner-badge-foreground);display:flex;font-family:var(--font-heading-family);font-size:3.5rem;font-weight:700;justify-content:center;line-height:1;min-height:4.7rem;padding:.6rem 1.5rem .7rem;width:9.8rem}.hero-banner__discount-copy{background:rgb(var(--color-background));border:.1rem solid rgb(var(--color-foreground));color:rgb(var(--color-foreground));font-size:.9rem;line-height:1.1;padding:.9rem 1.5rem;text-transform:uppercase;width:9.8rem}.hero-banner__discount-copy p{margin:0}.hero-banner__discount-copy p+p{margin-top:.8rem}@media screen and (max-width:374px){.hero-banner__buttons{grid-template-columns:1fr}.hero-banner__metrics{gap:1rem}}@media screen and (min-width:750px){.hero-banner__content{padding-left:3.2rem;padding-right:3.2rem}.hero-banner__image--mobile{max-width:56rem}.hero-banner__discount{left:calc(50% - 26rem);top:27rem}}@media screen and (min-width:1200px){.hero-banner__block{margin-top:var(--hero-banner-block-mt);margin-bottom:var(--hero-banner-block-mb)}.hero-banner__container{padding-top:var(--hero-banner-padding-top);padding-bottom:var(--hero-banner-padding-bottom)}.hero-banner__grid{align-items:center;display:grid;grid-template-columns:minmax(46rem,45%) minmax(0,55%);min-height:unset}.hero-banner__content{align-items:flex-start;padding:79px 0 79px 114px;text-align:left;max-width:550px}.hero-banner__heading{font-size:81px;line-height:1}.hero-banner__subheading{font-size:38px;line-height:1.1}.hero-banner__awards{gap:6px}.hero-banner__buttons{gap:11px}.hero-banner__button{font-size:16px;padding:12px}.hero-banner__metrics{justify-content:space-between}.hero-banner__metric-value{font-size:40px}.hero-banner__image--mobile{display:none}.hero-banner__image--desktop{display:block;height:auto;max-width:none;width:100%;margin-top:-150px}.hero-banner__image.placeholder-svg{height:70rem}.hero-banner__discount{left:0;top:470px;transform:translate(0)}.hero-banner__discount-value{font-size:4.6rem;min-height:6.2rem;width:13rem}.hero-banner__discount-copy{font-size:1.2rem;padding:1.2rem 2rem;width:13rem}.hero-banner__discount-copy p+p{margin-top:1.2rem}}@media screen and (min-width:1400px){.hero-banner__grid{grid-template-columns:minmax(57rem,44%) minmax(0,56%)}}
/*# sourceMappingURL=/cdn/shop/t/301/assets/section-hero-banner.css.map */