/* ============================================================
   CONTACT.CSS — contact details + map
   ============================================================ */

.contact{background:var(--charcoal);color:#fff;position:relative;overflow:hidden;}
.contact::before{
  content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;
  background-image:radial-gradient(circle, rgba(217,140,60,.09) 1px, transparent 1.6px);
  background-size:26px 26px;
}
.contact .wrap{position:relative;}
.contact .eyebrow{color:var(--gold-light);}
.contact .eyebrow::after{background:linear-gradient(90deg,var(--gold-light),transparent);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.contact-list{list-style:none;padding:0;margin:0;}
.contact-list li{
  display:flex;gap:18px;padding:20px 0;border-bottom:1px solid rgba(217,140,60,.15);
  transition:transform .25s var(--ease);
}
.contact-list li:hover{transform:translateX(6px);}
.contact-list .ic{
  flex:none;width:44px;height:44px;border-radius:50%;
  background:rgba(217,140,60,.12);border:1px solid rgba(217,140,60,.35);
  display:flex;align-items:center;justify-content:center;
  color:var(--gold-light);font-size:18px;
}
.contact-list .t{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.5);margin-bottom:4px;}
.contact-list .v{font-size:16px;color:#fff;}
.contact-list .v a{color:var(--gold-light);}
.contact-list .v a:hover{color:var(--saffron);}
.map-box{
  background:rgba(255,255,255,.05);border:1px solid rgba(217,140,60,.25);
  aspect-ratio:4/3;border-radius:var(--radius);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.4);font-size:14px;text-align:center;padding:20px;
  position:relative;overflow:hidden;
}
.map-box::after{
  content:"";position:absolute;bottom:14px;right:18px;color:var(--saffron);font-size:18px;opacity:0;pointer-events:none;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:980px){
  .contact-grid{grid-template-columns:1fr;gap:40px;}
}