/* ===================== LOCATIONS ===================== */
.locations{ background: var(--navy-950); padding-block: clamp(4rem,8vw,6.5rem); }
.locations .section-head h2{ color:#fff; }
.locations .section-head p{ color: rgba(255,255,255,.6); }
.loc-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem; margin-top:2.2rem; }
.loc-card{
  border:1px solid rgba(255,255,255,.14); border-radius: var(--radius-md); padding: 1.6rem 1.4rem;
  background: linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
  transition: border-color .3s ease, transform .3s var(--ease);
}
.loc-card:hover{ border-color: var(--gold-500); transform: translateY(-4px); }
.loc-card .tag{ color: var(--gold-400); font-size:.66rem; }
.loc-card h3{ color:#fff; font-size:1.25rem; margin-top:.5rem; }
.loc-card p{ color: rgba(255,255,255,.55); font-size:.85rem; margin-top:.4rem; line-height:1.5; }
.loc-card a.map-link{ display:inline-flex; align-items:center; gap:.35rem; margin-top:.9rem; font-size:.78rem; color: var(--gold-400); font-weight:600; }

@media (max-width:900px){ .loc-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .loc-grid{ grid-template-columns:1fr; } }