.hero-banner{position:relative;text-align:center}.hero-banner-link:empty{position:absolute;top:0;left:0;right:0;bottom:0;display:block}.hero-banner-blocks{position:absolute;top:50%;width:100%;transform:translateY(-50%)}.hero-banner-text{text-shadow:0 0 5px #000;color:#fff;max-width:var(--page-width);padding:0 2rem;margin:0 auto}.hero-banner-text h1{font-size:calc(var(--font-heading-scale) * 4.6rem);line-height:calc(var(--font-heading-scale) * 4.6rem);margin:0 0 20px;word-break:normal;color:#fff}.hero-banner-text h2{font-size:calc(var(--font-heading-scale) * 4.5rem);line-height:calc(var(--font-heading-scale) * 4.5rem);margin:0 0 20px;word-break:normal;color:#fff}.hero-banner-text h3{font-size:calc(var(--font-heading-scale) * 3.5rem);line-height:calc(var(--font-heading-scale) * 3.5rem);margin:0 0 20px;word-break:normal;color:#fff}.hero-banner-text h4{font-size:calc(var(--font-heading-scale) * 3rem);line-height:calc(var(--font-heading-scale) * 3rem);margin:0 0 20px;word-break:normal;color:#fff}.hero-banner-text h5{font-size:calc(var(--font-heading-scale) * 2.5rem);line-height:calc(var(--font-heading-scale) * 2.5rem);margin:0 0 20px;word-break:normal;color:#fff}.hero-banner-text h6{font-size:calc(var(--font-heading-scale) * 2rem);line-height:calc(var(--font-heading-scale) * 2rem);color:var(--gradient-base-accent-2);margin:0 0 20px;word-break:normal;color:#fff}.hero-banner-image,.hero-banner-image-mobile{max-width:100%;height:auto;display:block;margin:0 auto}.hero-banner-image-mobile{display:none}@media screen and (max-width: 749px){.hero-banner-text h1{font-size:calc(var(--font-heading-scale) * 4rem);line-height:calc(var(--font-heading-scale) * 4rem)}.hero-banner-text h2{font-size:calc(var(--font-heading-scale) * 3.5rem);line-height:calc(var(--font-heading-scale) * 3.5rem)}.hero-banner-text h3{font-size:calc(var(--font-heading-scale) * 3rem);line-height:calc(var(--font-heading-scale) * 3rem)}.hero-banner-text h4{font-size:calc(var(--font-heading-scale) * 2.5rem);line-height:calc(var(--font-heading-scale) * 2.5rem)}.hero-banner-text h5{font-size:calc(var(--font-heading-scale) * 2rem);line-height:calc(var(--font-heading-scale) * 2rem)}.hero-banner-text h6{font-size:calc(var(--font-heading-scale) * 1.5rem);line-height:calc(var(--font-heading-scale) * 1.5rem)}.hero-banner-image-mobile{display:block}.hero-banner-image-mobile+.hero-banner-image{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-hero-banner.css.map */