*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#f8f6f0;color:#292d27;line-height:1.7}
header{background:#20291f;color:white;padding:20px 6%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.logo{font: bold 27px Georgia;color:#d9b77e}
nav a{color:white;text-decoration:none;margin:8px 10px;font-size:14px}
nav a:hover{color:#d9b77e}
.hero{background:linear-gradient(#101b1690,#101b1690),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?w=1600') center/cover;color:white;padding:120px 8%;text-align:center}
.hero h1{font:52px Georgia;margin-bottom:18px}
.hero p{font-size:18px;max-width:700px;margin:auto}
.btn{display:inline-block;background:#c49a58;color:#20291f;padding:13px 25px;text-decoration:none;margin-top:20px;font-weight:bold;border:0;cursor:pointer}
section{padding:65px 7%}
.heading{text-align:center;margin-bottom:35px}
.heading h2{font:38px Georgia;margin-bottom:10px}
.heading p,.muted{color:#6b7068}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.card{background:white;padding:25px;box-shadow:0 5px 20px #0000000d;border-radius:5px}
.card img{width:100%;height:230px;object-fit:cover}
.card h3{font:24px Georgia;margin:12px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}
.split img{width:100%;height:400px;object-fit:cover}
.page-title{background:#263326;color:white;text-align:center;padding:65px 15px}
.page-title h1{font:45px Georgia}
form input,form textarea{width:100%;padding:13px;margin:8px 0;border:1px solid #ccc;font-size:15px}
form textarea{height:130px}
.info{padding:15px 0;border-bottom:1px solid #ddd}
.info strong{display:block;color:#526448}
.notice{background:#fff2d7;padding:17px;margin-bottom:25px;border-left:4px solid #c49a58}
footer{background:#20291f;color:#eee;padding:40px 7%;text-align:center}
footer a{color:#d9b77e;text-decoration:none;margin:10px}
footer p{margin:12px}
@media(max-width:750px){
header{justify-content:center;text-align:center;gap:15px}
nav{display:flex;justify-content:center;flex-wrap:wrap}
.hero h1{font-size:36px}
.grid,.split{grid-template-columns:1fr}
section{padding:45px 5%}
}