.hero{position:relative}
.hero-img{width:100%;height:62vh;object-fit:cover;background:linear-gradient(120deg,#0b1020,#11173a)}
.hero .hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center}
.hero .hero-content h1{font-size:clamp(28px,5vw,52px);margin:0 0 10px;text-shadow:0 8px 24px rgba(0,0,0,.5)}
.hero .hero-content p{max-width:680px;color:#eaf2ffcc;margin:0 0 18px;font-size:1.1rem}