body{margin:0;font-family:Arial;background:#0a0a0a;color:white}

.hero{
height:100vh;
background:url('assets/hero.jpg') center/cover no-repeat;
display:flex;align-items:center;justify-content:center;
}

.overlay{
background:rgba(0,0,0,0.6);
padding:30px;
text-align:center;
border-radius:10px;
}

.logo{width:110px;margin-bottom:10px}

.contact a{
display:block;
color:white;
text-decoration:none;
margin:6px 0;
font-weight:bold;
}

.cta{
display:inline-block;
margin-top:15px;
padding:12px 20px;
background:white;
color:black;
border-radius:5px;
text-decoration:none;
}

.gallery{padding:50px;text-align:center}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:12px;
}

.grid img{
width:100%;
height:260px;
object-fit:cover;
cursor:pointer;
border-radius:6px;
}

#lightbox{
display:none;
position:fixed;
top:0;left:0;
width:100%;height:100%;
background:rgba(0,0,0,0.95);
justify-content:center;
align-items:center;
z-index:1000;
}

#lightbox img{
max-width:90%;
max-height:90%;
border-radius:8px;
}

.contact-section{
padding:50px;
text-align:center;
}

form{
max-width:420px;
margin:auto;
display:flex;
flex-direction:column;
gap:12px;
}

input,textarea{
padding:12px;
border:none;
border-radius:6px;
}

button{
padding:14px;
background:white;
border:none;
cursor:pointer;
border-radius:6px;
font-weight:bold;
}

footer{
text-align:center;
padding:20px;
opacity:.7;
}