.hero-banner{position:relative;width:100%;min-height:720px;background-image:linear-gradient(90deg,#000000c7,#00000073 42%,#00000026 72%,#00000059),url(bmw-hero.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;display:flex;align-items:center}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#00000014 55%,#0000008c);z-index:1}.hero-content{position:relative;z-index:2;width:100%;max-width:1500px;margin:0 auto;padding:90px 7% 55px;display:flex;flex-direction:column;justify-content:center}.hero-text{width:48%;max-width:650px}.hero-subtitle{display:block;margin-bottom:18px;color:#ff1a1a;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero-subtitle:after{content:"";display:block;width:58px;height:3px;margin-top:14px;background:#f11}.hero-title{margin:0 0 20px;color:#fff;font-size:clamp(48px,5.4vw,78px);line-height:.95;font-weight:700;letter-spacing:-2px;white-space:nowrap}.hero-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-width:240px;padding:18px 28px;border:2px solid #ff1515;border-radius:4px;background:transparent;color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:all .25s ease}.hero-button span{color:#ff1515;font-size:25px;line-height:1}.hero-button:hover{background:#ff1515;color:#fff;box-shadow:0 0 25px #ff141473}.hero-button:hover span{color:#fff}.hero-features{display:flex;align-items:center;gap:0;margin-top:70px;width:100%}.hero-feature{display:flex;align-items:center;min-height:65px;padding:0 30px;border-right:1px solid rgba(255,255,255,.25)}.hero-feature:first-child{padding-left:0}.hero-feature:last-child{border-right:none}.feature-icon{width:48px;height:48px;margin-right:14px;display:flex;align-items:center;justify-content:center;border:2px solid #ff1515;border-radius:50%;color:#ff1515;font-size:22px;font-weight:700}.hero-feature strong{display:block;margin-bottom:5px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;white-space:normal}.hero-feature small{display:block;color:#ffffffb3;font-size:11px;font-weight:400;white-space:normal}@media(max-width:1100px){.hero-content{padding-left:5%;padding-right:5%}.hero-text{width:58%}.hero-title{font-size:clamp(48px,6vw,70px)}.hero-feature{padding:0 18px}.feature-icon{width:40px;height:40px;margin-right:9px}.hero-feature strong{font-size:11px}}@media(max-width:750px){.hero-banner{min-height:700px;background-position:62% center}.hero-content{min-height:700px;padding:70px 25px 35px;justify-content:center}.hero-text{width:100%;max-width:520px}.hero-subtitle{font-size:13px;letter-spacing:1.5px}.hero-title{margin-top:22px;font-size:clamp(42px,11vw,62px);line-height:1;letter-spacing:-1px}.hero-button{min-width:205px;padding:15px 22px;font-size:14px}.hero-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px}.hero-feature{padding:0;border-right:none}.hero-feature:first-child{padding-left:0}.feature-icon{flex-shrink:0}}@media(max-width:480px){.hero-banner{min-height:760px;background-position:60% center}.hero-content{min-height:760px;padding:60px 20px 30px}.hero-title{font-size:42px}.hero-features{grid-template-columns:1fr;gap:15px}.hero-feature{min-height:48px}}.hero-banner{min-height:680px;background-size:cover;background-position:center center;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(90deg,#000000eb,#000000b8 38%,#0003 72%,#00000014)}.hero-content{min-height:680px;padding:80px 5%;display:flex;align-items:center;position:relative;z-index:2}.hero-text{width:52%;max-width:650px}.hero-subtitle{font-size:14px;font-weight:600;letter-spacing:3px;color:#fff;margin-bottom:18px}.hero-title{margin:0 0 20px;color:#fff;font-size:clamp(52px,6vw,88px);line-height:.95;font-weight:700;letter-spacing:-2px}.hero-title span{color:#ff1515}.hero-description{max-width:480px;margin:0 0 32px;color:#ffffffd1;font-size:17px;line-height:1.6;font-weight:400}.hero-button{min-width:245px;padding:17px 28px;background:#ff1515;border:1px solid #ff1515;border-radius:2px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.8px;text-decoration:none;text-transform:uppercase;transition:all .25s ease}.hero-button span{color:#fff;margin-left:12px;font-size:18px}.hero-button:hover{background:#fff;border-color:#fff;color:#111;box-shadow:0 8px 30px #ff151540}.hero-button:hover span{color:#111}.hero-features{position:absolute;left:0;right:0;bottom:0;z-index:3;margin:0;padding:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-feature{min-height:76px;padding:14px 28px;border-right:1px solid rgba(255,255,255,.18)}.hero-feature strong{font-size:12px;letter-spacing:.7px}.hero-feature small{font-size:11px;color:#ffffffad}@media(max-width:750px){.hero-banner{min-height:700px}.hero-content{min-height:700px;padding:70px 20px 110px;align-items:center}.hero-text{width:100%;max-width:100%;box-sizing:border-box}.hero-title{font-size:24px;line-height:1.05;max-width:100%;white-space:normal;overflow:visible}.hero-title span{display:inline-block;max-width:100%}.hero-description{font-size:15px;max-width:100%}.hero-button{width:100%;max-width:260px;min-width:0}.hero-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.hero-feature{width:100%;min-width:0;min-height:60px;padding:12px 10px;box-sizing:border-box;border-right:1px solid rgba(255,255,255,.15)}.hero-feature:nth-child(2){border-right:none}.hero-feature:nth-child(3),.hero-feature:nth-child(4){border-top:1px solid rgba(255,255,255,.15)}.hero-feature:nth-child(4){border-right:none}}@media(max-width:480px){.hero-banner{min-height:720px}.hero-content{min-height:720px;padding:60px 20px 120px}.hero-title{font-size:24px}.hero-description{font-size:14px}.hero-button{width:100%;min-width:0;text-align:center}.hero-feature strong{font-size:10px}.hero-feature small{font-size:9px}}.hero-banner .hero-content{display:flex;justify-content:flex-start;align-items:center}.hero-banner .hero-text{text-align:left;margin-left:0;margin-right:auto;max-width:650px}.hero-banner .hero-subtitle,.hero-banner .hero-title,.hero-banner .hero-description{text-align:left}.hero-banner .hero-button{margin-left:0}@media screen and (min-width:1000px){.hero-banner .hero-content{padding-left:55px;padding-right:40px}.hero-banner .hero-text{max-width:650px}}@media screen and (max-width:749px){.hero-banner .hero-content{padding-left:25px;padding-right:25px}.hero-banner .hero-text{max-width:100%}}.hero-banner .hero-title{max-width:620px;font-size:clamp(48px,5vw,82px);line-height:.98;letter-spacing:-2px}@media screen and (max-width:749px){.hero-banner .hero-title{max-width:100%;font-size:24px;letter-spacing:-1px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-banner.css.map */