.section-hero-banner{display:block}.hero-banner{position:relative;overflow:hidden;color:#fff}.hero-banner__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 85%}.hero-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a0a0cf0,#0a0a0cdb 30%,#0a0a0c8c 52%,#0a0a0c1f 68%,#0a0a0c00 78%)}.hero-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:1rem;height:100%;padding-top:2rem;padding-bottom:2rem}.hero-banner__heading{margin:0;font-family:var(--font-heading-family);font-weight:700;color:#fff;text-wrap:balance}.hero-banner__usps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.hero-banner__usps li{display:flex;align-items:center;gap:.65em}.hero-banner__tick{flex:0 0 auto;width:1.15em;height:1.15em}.hero-banner__row{display:flex;align-items:center;flex-wrap:wrap;gap:1.1rem 1.6rem;margin-top:.3rem}.hero-banner__cta{background:var(--hero-accent);color:#1d1d1f;font-weight:600;text-decoration:none;border-radius:3px;padding:.62em 1.25em}.hero-banner__cta:hover{filter:brightness(1.08)}.hero-banner__phone{color:#fff;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.45em;white-space:nowrap}.hero-banner__phone svg{width:1.05em;height:1.05em}.hero-banner__cta:focus-visible,.hero-banner__phone:focus-visible{outline:2px solid var(--hero-accent);outline-offset:2px}@media screen and (min-width:750px){.hero-banner{aspect-ratio:4.1}.hero-banner__content{max-width:56%}.hero-banner__heading{font-size:clamp(1.8rem,2.1vw,2.9rem)}.hero-banner__usps{gap:.38rem;font-size:clamp(1.2rem,1.25vw,1.55rem)}}@media screen and (max-width:749px){.hero-banner__photo{object-position:88% 70%}.hero-banner__scrim{background:linear-gradient(115deg,#0a0a0cf2,#0a0a0ce0 48%,#0a0a0c73 74%,#0a0a0c1a 95%)}.hero-banner__content{padding-top:2.4rem;padding-bottom:2.4rem;gap:1.2rem}.hero-banner__heading{font-size:2.1rem}.hero-banner__usps{font-size:1.4rem}.hero-banner__row{margin-top:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-hero-banner.css.map */