.hero{position:relative!important;width:100vw!important;max-width:none!important;min-height:590px!important;margin-left:calc(50% - 50vw)!important;display:flex!important;align-items:center!important;overflow:hidden!important;background-image:linear-gradient(90deg,rgba(4,24,44,.88) 0%,rgba(4,24,44,.48) 43%,rgba(4,24,44,.08) 76%),var(--hero)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,rgba(4,24,44,.30));pointer-events:none}
.hero>.container{position:relative;z-index:2;width:min(1180px,calc(100% - 30px))!important}
.hero-in{padding:90px 0 75px!important;max-width:660px!important}
.hero h1{font-size:clamp(40px,5.2vw,66px)!important;line-height:1.05!important;text-shadow:0 3px 18px rgba(0,0,0,.4)}
.hero p{font-size:20px!important;max-width:600px;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.dots{position:absolute!important;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);margin:0!important}
.dots i{box-shadow:0 1px 4px #0008}
@media(max-width:900px){.hero{min-height:520px!important}.hero h1{font-size:42px!important}}
@media(max-width:600px){.hero{min-height:480px!important;background-position:58% center!important}.hero-in{padding:65px 0 70px!important;max-width:92%!important}.hero h1{font-size:36px!important}.hero p{font-size:17px!important}}