.hero-banner{position:relative;display:flex;align-items:center;width:100%;min-height:var(--dk-min-height, 500px);overflow:hidden;isolation:isolate}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.hero-banner__media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#e8e8e8;z-index:0}.hero-banner__placeholder-svg{width:100%;height:100%;object-fit:cover}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-banner__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hero-banner__gradient--left{background:linear-gradient(to right,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),var(--gradient-strength)) 0%,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),calc(var(--gradient-strength) * .4)) 45%,transparent 75%)}.hero-banner__gradient--center{background:radial-gradient(ellipse at center,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),var(--gradient-strength)) 0%,transparent 70%)}.hero-banner__gradient--right{background:linear-gradient(to left,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),var(--gradient-strength)) 0%,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),calc(var(--gradient-strength) * .4)) 45%,transparent 75%)}.hero-banner__content{position:relative;z-index:3;width:100%;max-width:1400px;margin:0 auto;padding:var(--dk-content-padding-v, 60px) var(--dk-content-padding-h, 50px)}.hero-banner__content-inner{max-width:var(--dk-content-max-width, 520px)}.hero-banner__content--center{text-align:center}.hero-banner__content--center .hero-banner__content-inner{margin:0 auto}.hero-banner__content--right{display:flex;justify-content:flex-end}.hero-banner__rating{display:flex;align-items:center;gap:var(--dk-rating-gap, 8px);margin-bottom:var(--dk-rating-margin-bottom, 12px);flex-wrap:wrap}.hero-banner__content--center .hero-banner__rating{justify-content:center}.hero-banner__stars{display:flex;gap:2px}.hero-banner__star-icon{width:var(--dk-rating-star-size, 16px);height:var(--dk-rating-star-size, 16px);flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.hero-banner__rating-text{color:var(--text-color, #fff);font-size:var(--dk-rating-text-size, 14px);font-weight:var(--dk-rating-text-weight, 500);letter-spacing:.02em;text-shadow:0 1px var(--text-shadow-blur, 12px) rgba(0,0,0,var(--text-shadow-opacity, .5)),0 0 4px rgba(0,0,0,var(--text-shadow-opacity, .5))}.hero-banner__heading{color:var(--text-color, #fff);font-size:var(--dk-heading-size, 52px);font-weight:var(--dk-heading-weight, 800);line-height:var(--dk-heading-line-height, 1.05);letter-spacing:var(--dk-heading-spacing, -.02em);margin:0 0 var(--dk-heading-margin-bottom, 16px);text-shadow:0 2px var(--text-shadow-blur, 12px) rgba(0,0,0,var(--text-shadow-opacity, .5)),0 0 6px rgba(0,0,0,var(--text-shadow-opacity, .5))}.hero-banner__subtitle{color:var(--text-color, #fff);font-size:var(--dk-subtitle-size, 16px);font-weight:var(--dk-subtitle-weight, 400);line-height:1.5;margin:0 0 var(--dk-subtitle-margin-bottom, 28px);opacity:.92;text-shadow:0 1px var(--text-shadow-blur, 12px) rgba(0,0,0,var(--text-shadow-opacity, .5)),0 0 4px rgba(0,0,0,var(--text-shadow-opacity, .5))}.hero-banner__button{display:inline-block;padding:var(--dk-button-padding-v, 14px) var(--dk-button-padding-h, 40px);font-size:var(--dk-button-font-size, 13px);font-weight:var(--dk-button-weight, 600);letter-spacing:var(--dk-button-letter-spacing, .1em);border-radius:var(--dk-button-radius, 6px);text-decoration:none;transition:opacity .25s ease,transform .25s ease;box-shadow:0 2px 8px #0003}.hero-banner__button--uppercase{text-transform:uppercase}.hero-banner__button:hover{opacity:.88;transform:translateY(-1px)}@media screen and (max-width:749px){.hero-banner{min-height:var(--mob-min-height, 500px)}.hero-banner--mob-v-top{align-items:flex-start}.hero-banner--mob-v-center{align-items:center}.hero-banner--mob-v-bottom{align-items:flex-end}.hero-banner__content{padding:var(--mob-content-padding-v, 30px) var(--mob-content-padding-h, 24px)}.hero-banner__content-inner{max-width:100%!important}.hero-banner__content--mob-center,.hero-banner__content--mob-center .hero-banner__rating{text-align:center;justify-content:center}.hero-banner__content--mob-left,.hero-banner__content--mob-left .hero-banner__rating{text-align:left;justify-content:flex-start}.hero-banner__content--mob-right,.hero-banner__content--mob-right .hero-banner__rating{text-align:right;justify-content:flex-end}.hero-banner__content--right{display:block}.hero-banner__rating{gap:var(--mob-rating-gap, 4px);margin-bottom:var(--mob-rating-margin-bottom, 12px)}.hero-banner__content--mob-center .hero-banner__rating,.hero-banner__content--mob-left .hero-banner__rating,.hero-banner__content--mob-right .hero-banner__rating{flex-direction:var(--mob-rating-direction, column);align-items:center}.hero-banner__content--mob-left .hero-banner__rating{align-items:flex-start}.hero-banner__content--mob-right .hero-banner__rating{align-items:flex-end}.hero-banner__star-icon{width:var(--mob-rating-star-size, 16px);height:var(--mob-rating-star-size, 16px)}.hero-banner__rating-text{font-size:var(--mob-rating-text-size, 14px);font-weight:var(--mob-rating-text-weight, 500)}.hero-banner__heading{font-size:var(--mob-heading-size, 36px)!important;font-weight:var(--mob-heading-weight, 800);line-height:var(--mob-heading-line-height, 1.05);letter-spacing:var(--mob-heading-spacing, -.02em);margin-bottom:var(--mob-heading-margin-bottom, 12px)}.hero-banner__subtitle{font-size:var(--mob-subtitle-size, 15px)!important;font-weight:var(--mob-subtitle-weight, 400);margin-bottom:var(--mob-subtitle-margin-bottom, 24px)}.hero-banner__button{padding:var(--mob-button-padding-v, 12px) var(--mob-button-padding-h, 32px);font-size:var(--mob-button-font-size, 12px);font-weight:var(--mob-button-weight, 600);letter-spacing:var(--mob-button-letter-spacing, .1em);border-radius:var(--mob-button-radius, 6px)}.hero-banner--mob-gradient-top .hero-banner__gradient--left,.hero-banner--mob-gradient-top .hero-banner__gradient--right,.hero-banner--mob-gradient-top .hero-banner__gradient--center{background:linear-gradient(to bottom,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),var(--mob-gradient-strength, var(--gradient-strength))) 0%,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),calc(var(--mob-gradient-strength, var(--gradient-strength)) * .4)) 50%,transparent 80%)}.hero-banner--mob-gradient-bottom .hero-banner__gradient--left,.hero-banner--mob-gradient-bottom .hero-banner__gradient--right,.hero-banner--mob-gradient-bottom .hero-banner__gradient--center{background:linear-gradient(to top,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),var(--mob-gradient-strength, var(--gradient-strength))) 0%,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),calc(var(--mob-gradient-strength, var(--gradient-strength)) * .4)) 50%,transparent 80%)}.hero-banner--mob-gradient-left .hero-banner__gradient--left,.hero-banner--mob-gradient-left .hero-banner__gradient--right,.hero-banner--mob-gradient-left .hero-banner__gradient--center{background:linear-gradient(to right,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),var(--mob-gradient-strength, var(--gradient-strength))) 0%,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),calc(var(--mob-gradient-strength, var(--gradient-strength)) * .4)) 45%,transparent 75%)}.hero-banner--mob-gradient-right .hero-banner__gradient--left,.hero-banner--mob-gradient-right .hero-banner__gradient--right,.hero-banner--mob-gradient-right .hero-banner__gradient--center{background:linear-gradient(to left,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),var(--mob-gradient-strength, var(--gradient-strength))) 0%,rgba(var(--gradient-color-r),var(--gradient-color-g),var(--gradient-color-b),calc(var(--mob-gradient-strength, var(--gradient-strength)) * .4)) 45%,transparent 75%)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-hero-banner.css.map */