.hero-banner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;min-height:480px;overflow:hidden;position:relative;width:100%}.hero-banner--image .hero-banner__overlay{background:rgba(0,0,0,.45);inset:0;position:absolute;z-index:1}.hero-banner--color{background-color:#1a1a2e}.hero-banner__container{margin:0 auto;max-width:1200px;padding:10% 40px 80px;position:relative;width:100%;z-index:2}.hero-banner__title{color:#fff;font-family:Phudu,sans-serif;font-size:clamp(28px,5vw,40px);font-weight:600;letter-spacing:-.5px;line-height:1.15;margin:0 0 20px;max-width:700px;text-transform:uppercase}.hero-banner__description{color:hsla(0,0%,100%,.85);font-size:clamp(14px,1.8vw,17px);line-height:1.65;margin:0 0 32px;max-width:560px}.hero-banner__cta{margin-bottom:20px}.hero-banner__button{background-color:#e0352b;border-radius:12px;box-shadow:0 4px 16px rgba(227,6,19,.35);color:#fff;display:inline-block;font-size:15px;font-weight:400;padding:9px 30px;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.hero-banner__button:hover{background-color:#c0000f;box-shadow:0 6px 20px rgba(227,6,19,.5);color:#fff;text-decoration:none;transform:translateY(-2px)}.hero-banner__button:active{transform:translateY(0)}.hero-banner__bottom-text{color:hsla(0,0%,100%,.55);font-size:12px;line-height:1.5;margin:12px 0 0}@media (max-width:1024px){.hero-banner{min-height:420px}.hero-banner__container{padding:60px 32px}}@media (max-width:768px){.hero-banner{min-height:380px;padding-top:40%}.hero-banner__container{padding:50px 24px}.hero-banner__description,.hero-banner__title{max-width:100%}}@media (max-width:480px){.hero-banner{min-height:320px}.hero-banner__container{padding:40px 20px}.hero-banner__button{display:block;padding:14px 20px;text-align:center}}