body{margin:0;font-family:'Georgia',serif;background:#f4efe9;color:#2b2b2b}
.hero{height:520px;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)), url('hero.jpg') center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:white}
.hero h1{font-size:48px;margin:10px 0}
.hero p{font-size:20px}
nav{background:#0f4c5c;padding:15px;text-align:center}
nav a{color:white;margin:0 15px;text-decoration:none;font-weight:bold}
.section{max-width:1100px;margin:auto;padding:60px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}
.card{background:white;padding:25px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.08)}
.btn{background:#c76b3c;color:white;padding:14px 24px;text-decoration:none;border-radius:8px;display:inline-block;margin-top:20px}
.center{text-align:center}