/* ---------- Attractions page ---------- */
.attr .lead{max-width:640px;margin-left:auto;margin-right:auto}
.attr .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px;text-align:left}
.attr .card{background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;
    box-shadow:0 6px 18px rgba(31,92,58,.10);transition:transform .25s ease,box-shadow .25s ease}
.attr .card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(31,92,58,.16)}
.attr .emo{height:160px;display:grid;place-items:center;font-size:64px;
    background:linear-gradient(135deg,#5a9e5c,#2f7a48)}
.attr .b{padding:20px 22px 24px;flex:1}
.attr h3{margin:0 0 8px;font-size:20px;color:var(--green,#1f5c3a)}
.attr p{margin:0 0 10px;font-size:15px;line-height:1.6;color:#3f4a3d}
.attr .dist{display:inline-block;font-size:13px;color:var(--orange,#f08a24);
    border-bottom:1.5px solid currentColor;padding-bottom:1px}

@media(max-width:900px){.attr .grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.attr .grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.attr .card{transition:none}}