body { margin:0; font-family:Arial; color:#222; }
.hero { height:70vh; background-size:cover; background-position:center; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:white;}
.overlay {position:absolute; inset:0; background:rgba(0,0,0,0.4);}
.hero h1 {font-size:3rem; z-index:1;}
.hero p {font-size:1.2rem; z-index:1;}
.buttons {z-index:1; margin-top:20px;}
.btn {background:#b8860b; color:white; padding:10px 20px; margin:5px; border-radius:5px; text-decoration:none;}
section {padding:40px 20px; text-align:center;}
.gallery .grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px;}
.gallery img {width:100%; height:200px; object-fit:cover; border-radius:6px;}
footer {background:#111; color:white; text-align:center; padding:15px;}