body{
font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;
background:#ffffff;
color:#111;
}

.glass-navbar{
background:rgba(255,255,255,.8);
backdrop-filter:blur(12px);
}

.hero{
height:100vh;
position:relative;
overflow:hidden;
}

.hero-image{
width:100%;
height:100%;
object-fit:cover;
}

.hero-overlay{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
background:rgba(0,0,0,.25);
color:white;
}

.hero-overlay h1{
font-size:clamp(3rem,8vw,7rem);
font-weight:700;
}

.hero-overlay p{
font-size:1.4rem;
margin-bottom:30px;
}

.section{
padding:120px 0;
}

.gallery-grid{
column-count:4;
column-gap:20px;
}

.gallery-item img{
width:100%;
margin-bottom:20px;
border-radius:22px;
transition:.4s;
box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.gallery-item img:hover{
transform:scale(1.03);
}

.card-modern{
padding:40px;
border-radius:24px;
background:#f5f5f7;
height:100%;
}

footer{
padding:80px 0;
background:#111;
color:white;
}

@media(max-width:992px){

.gallery-grid{
column-count:2;
}

}

@media(max-width:768px){

.gallery-grid{
column-count:1;
}

}