:root{
  --green:#063b2f; --green2:#0b5a45; --gold:#d6a84f; --cream:#f7f4ec;
  --text:#17332b; --muted:#68756f; --white:#fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--text)}
a{text-decoration:none;color:inherit}
header{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;padding:18px 6%;position:sticky;top:0;z-index:10}
.nav{max-width:1150px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-weight:800;letter-spacing:1.5px;font-size:22px}
.brand span{color:var(--gold)}
.nav a{color:#fff;font-size:14px;font-weight:700}
.hero{max-width:1150px;margin:0 auto;padding:55px 6% 35px;text-align:center}
.hero h1{font-size:clamp(32px,6vw,58px);margin:0 0 12px;color:var(--green)}
.hero p{max-width:700px;margin:auto;color:var(--muted);font-size:17px;line-height:1.6}
.grid{max-width:1150px;margin:0 auto;padding:20px 6% 65px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.destination{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}
.destination:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.13)}
.destination img{width:100%;height:220px;object-fit:cover;display:block}
.destination .body{padding:18px}
.destination h2{margin:0 0 7px;color:var(--green);font-size:22px}
.destination p{margin:0 0 16px;color:var(--muted);line-height:1.5;font-size:14px}
.btn{display:inline-block;background:var(--green);color:#fff;padding:11px 17px;border-radius:24px;font-size:13px;font-weight:700}
.pagehead{max-width:1150px;margin:auto;padding:42px 6% 22px}
.pagehead .back{color:var(--green2);font-weight:700;font-size:14px}
.pagehead h1{font-size:clamp(34px,6vw,56px);margin:15px 0 8px;color:var(--green)}
.pagehead p{color:var(--muted);font-size:16px;line-height:1.6;margin:0;max-width:780px}
.places{max-width:1150px;margin:auto;padding:15px 6% 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.place{background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 7px 22px rgba(0,0,0,.08)}
.place img{width:100%;height:210px;object-fit:cover;display:block}
.place .content{padding:17px}
.place h2{font-size:20px;margin:0 0 8px;color:var(--green)}
.place p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}
.credit{font-size:11px;color:#8a938f;margin-top:10px}
footer{background:#022b22;color:#fff;text-align:center;padding:30px 20px}
footer strong{color:var(--gold);letter-spacing:1px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.places{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){header{position:static}.grid,.places{grid-template-columns:1fr;padding-left:5%;padding-right:5%}.hero,.pagehead{padding-left:5%;padding-right:5%}.destination img,.place img{height:230px}.nav a{font-size:12px}}