.hero{

height:100vh;

background:url("../images/hero.jpg") center center/cover no-repeat;

position:relative;

display:flex;

align-items:center;

}

.overlay{

position:absolute;

inset:0;

background:rgba(0,0,0,.55);

}

.hero-content{

position:relative;

z-index:2;

color:white;

}

.hero h1{

font-size:64px;

max-width:700px;

line-height:1.2;

}

.hero p{

font-size:20px;

margin:30px 0;

max-width:650px;

line-height:1.8;

}

.hero-buttons{

display:flex;

gap:20px;

}