/* destinations.css - styles scoped to #page-destinations */

#page-destinations { --green:#235c45; --green-dark:#173f30; --green-soft:#edf5f0; --yellow:#f4c928; --cream:#fbfcfa; --text:#1d2923; --muted:#68746e; --border:#e4ebe6; --shadow:0 14px 40px rgba(27,65,48,.08); font-family:"DM Sans",sans-serif; color:var(--text); line-height:1.6; background:#fff }
#page-destinations img { display:block; width:100% }
#page-destinations .hero { background:var(--green-soft); padding:82px 0 78px; position:relative; overflow:hidden }
#page-destinations .eyebrow { display:inline-flex; gap:9px; align-items:center; color:var(--green); font-weight:700; font-size:13px; letter-spacing:.12em; text-transform:uppercase }
#page-destinations .btn { display:inline-flex; align-items:center; justify-content:center; padding:13px 20px; border-radius:999px; font-weight:700; transition:.2s }
#page-destinations .btn-primary:hover { background:var(--green-dark); transform:translateY(-2px) }
#page-destinations .feature { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center }
#page-destinations .cta { padding:0 0 80px }
#page-destinations .hero-inner { max-width:820px; position:relative; z-index:1 }
#page-destinations .check { display:flex; gap:11px; align-items:flex-start }
#page-destinations .eyebrow:before { content:""; width:26px; height:2px; background:var(--yellow) }
#page-destinations h1 { font-size:clamp(42px,6vw,70px); letter-spacing:-.04em }
#page-destinations h2 { font-size:clamp(31px,4vw,47px); letter-spacing:-.035em }
#page-destinations h3 { font-size:21px }
#page-destinations .hero:after { content:""; position:absolute; width:300px; height:300px; border-radius:50%; background:rgba(244,201,40,.13); right:-100px; top:-130px }
#page-destinations .section-head { max-width:760px; margin-bottom:38px }
#page-destinations .section-head p { color:var(--muted); margin-top:12px }
#page-destinations .cta-box { background:var(--green); border-radius:28px; padding:58px 60px; display:flex; justify-content:space-between; align-items:center; gap:30px; color:#fff }
#page-destinations .cta-box p { color:#dce8e1; margin-top:9px }
#page-destinations .cta-box .btn { background:var(--yellow); color:#213127 }
#page-destinations h1, #page-destinations h2, #page-destinations h3, #page-destinations h4 { font-family:"Manrope",sans-serif; line-height:1.12 }
#page-destinations .section { padding:82px 0 }
#page-destinations .section.alt { background:var(--cream) }
#page-destinations .check-list { display:grid; gap:13px; margin-top:22px }
#page-destinations .check span { color:#4f5b55; font-size:15px }
#page-destinations .hero p { max-width:680px; margin:20px 0 28px; color:var(--muted); font-size:18px }
#page-destinations .section-head.center { text-align:center; margin-left:auto; margin-right:auto }

@media (max-width:900px) {
  #page-destinations .feature { grid-template-columns:1fr; gap:35px }
}

@media (max-width:620px) {
  #page-destinations .container { width:calc(100% - 28px) }
  #page-destinations .hero { padding:58px 0 55px }
  #page-destinations .cta { padding-bottom:55px }
  #page-destinations .cta-box .btn { margin-top:23px }
  #page-destinations .section { padding:60px 0 }
}

/* Replaces the inline style="color:var(--muted);margin-top:15px" from the HTML version. */
#page-destinations .feature-lead { color:var(--muted); margin-top:15px }