*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,sans-serif;background:#f8f4ec;color:#111}
.container{width:90%;max-width:1400px;margin:auto}
.header{position:absolute;width:100%;top:0;z-index:5;padding:25px}
.header .container{display:flex;align-items:center;justify-content:space-between}
.logo{width:120px}
nav a{color:white;margin:0 12px;font-size:17px}
.gold-btn{background:#d5ad68;padding:15px 28px;text-decoration:none;color:#111;display:inline-block}
.hero{height:100vh;position:relative}
.hero img{height:100%;width:100%;object-fit:cover}
.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.2))}
.hero-content{position:absolute;left:7%;top:50%;transform:translateY(-50%);color:white}
h1,h2{font-family:Georgia,serif;font-weight:400}
h1{font-size:80px}
h1 span{color:#d5ad68}
.content{padding:80px 8%;text-align:left}
.content h2{font-size:45px}
.stats{background:#061525;color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:50px;text-align:center}
.stats strong{display:block;color:#d5ad68;font-size:55px}
.gallery{padding:80px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.grid img{width:100%}
.cta{padding:100px;text-align:center;background:#071627;color:white}
@media(max-width:900px){
nav{display:none}
h1{font-size:65px}
.stats,.grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
.stats,.grid{grid-template-columns:1fr}
}