body{

font-family: Arial, Helvetica, sans-serif;
margin:0;
background:#f7f7f7;
color:#222;

}

.hero{

background:#111;
color:white;
padding:80px 20px;
text-align:center;

}

.hero h1{

font-size:48px;
margin-bottom:10px;

}

.tagline{

font-size:20px;
opacity:.85;

}

.about{

max-width:900px;
margin:auto;
padding:60px 20px;
line-height:1.6;

}

.gallery-preview{

background:white;
padding:60px 20px;
text-align:center;

}

.gallery-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
max-width:1000px;
margin:auto;

}

.gallery-grid img{

width:100%;
border-radius:8px;

}

footer{

text-align:center;
padding:40px;
background:#111;
color:white;

}