.el-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:363px;overflow:hidden;background:var(--ink);box-sizing:border-box}.el-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.el-hero__media picture{display:block;width:100%;height:100%}.el-hero__media-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-focal-point, center center)}.el-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#00263edb,#00263e9e 36%,#00263e1f,#00263e00)}.el-hero__inner{position:relative;z-index:2;width:100%;padding-top:32px}.el-hero__content{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:var(--hero-content-width, 560px);color:#fff}.el-hero__rating{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 20px;color:#fff;font-family:var(--font);font-size:14px;font-style:normal;font-weight:300;line-height:1.3}.el-hero__rating .fs-18-2{font-size:14px;line-height:1.3}.el-hero__rating-stars{display:flex;align-items:center;margin-right:2px}.el-hero__rating .el-star-rating{display:flex;align-items:center;gap:2px}.el-hero__rating .el-star-rating svg{display:block;width:16px;height:16px;flex:0 0 16px}.el-hero__rating-score{font-weight:600}.el-hero__rating-connector{opacity:.8}.el-hero__rating-link{color:inherit}a.el-hero__rating-link{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff80;transition:text-decoration-color .15s ease}a.el-hero__rating-link:hover{text-decoration-color:currentColor}.el-hero__heading{margin:0 0 24px;color:#fff;font-family:var(--font-heading);font-size:56px;font-style:normal;font-weight:700;font-stretch:var(--display-stretch);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.el-hero__features{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 32px;padding:0;max-width:540px;list-style:none}.el-hero__feature{display:inline-flex;align-items:center;justify-content:flex-start;width:max-content;max-width:100%;gap:8px;padding:7px 14px 7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#ffffff14;color:#fff;font-size:15px;font-weight:500;line-height:1.2;white-space:nowrap}.el-hero__feature-icon{display:block;width:16px;height:16px;flex:0 0 16px}.el-hero__feature-icon circle{fill:var(--brand)}.el-hero__feature-icon path{stroke:var(--ink)}.el-hero__cta{display:block;width:100%}.el-hero__cta .el-global-cta{justify-items:start;margin-top:0}.el-hero__cta .el-global-cta__button{min-width:260px;border-radius:var(--radius);background:var(--paper);transition:background-color .15s ease}.el-hero__cta .el-global-cta__button:hover{background:var(--brand-tint)}.el-hero__cta .el-global-cta__text{color:var(--ink);font-size:17px;font-weight:600;text-align:center}@media(max-width:991px){.el-hero{flex-direction:column;align-items:stretch;min-height:0}.el-hero:before{display:none}.el-hero__inner{order:-1;padding-top:0;padding-bottom:8px}.el-hero__media{position:relative;inset:auto;aspect-ratio:4 / 3;overflow:hidden}.el-hero__media picture{display:block;height:100%}.el-hero__media-image{height:100%;object-fit:cover;object-position:50% 72%}.el-hero__media:before{content:"";position:absolute;inset:0 0 auto;z-index:1;height:55%;background:linear-gradient(to bottom,var(--ink),rgba(0,38,62,0));pointer-events:none}.el-hero__content{width:100%;max-width:none}.el-hero__rating{gap:4px;margin-bottom:14px;font-size:13px}.el-hero__rating .fs-18-2{font-size:13px}.el-hero__rating .el-star-rating svg{width:14px;height:14px;flex-basis:14px}.el-hero__heading{width:100%;margin-bottom:18px;font-size:36px;line-height:1.08}.el-hero__features{gap:6px;margin-bottom:20px;max-width:100%}.el-hero__feature{gap:6px;padding:5px 10px 5px 7px;font-size:13px}.el-hero__feature-icon{width:14px;height:14px;flex-basis:14px}.el-hero__cta .el-global-cta{width:100%;justify-items:stretch}.el-hero__cta .el-global-cta__button{width:100%;min-width:0}.el-hero__cta .el-global-cta__text{font-size:16px}}@media(min-width:992px){.el-hero{min-height:clamp(520px,calc(100vw / var(--hero-ratio, 2.4)),960px)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/el-home-banner.css.map */
