/* /en-sg/destinations/ — Singapore destinations hub. Shared classes live in /css/theme.css. */

.hero-figure{aspect-ratio:4/5;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-card);background:var(--surface);border:1px solid var(--border)}
.hero-figure img{width:100%;height:100%;object-fit:cover;display:block}

/* dest-grid — 4-col destination overview grid (collapses 2-col then 1-col).
   Reuses the same visual treatment as the canonical /destinations/ hub but
   without leading imagery — Singapore hub leans on text-only routing cards. */
.dest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dest-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 26px 30px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);min-height:260px}
.dest-card .num{font-family:var(--font-ui);font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--coral)}
.dest-card h3{font-size:1.15rem;color:var(--navy);line-height:1.3}
.dest-card p{font-family:var(--font-body);font-size:0.95rem;line-height:1.6;color:var(--body);margin-top:auto}
.dest-card .cue{font-family:var(--font-ui);font-size:0.78rem;font-weight:700;letter-spacing:0.08em;color:var(--coral);padding-top:14px;border-top:1px solid var(--border);margin-top:14px}
.dest-card.planned{background:var(--cta-bg);border-style:dashed;border-color:var(--border-strong)}
.dest-card.planned .cue{color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}

@media (max-width: 1100px){
  .dest-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 720px){
  .dest-grid{grid-template-columns:1fr}
}