.contact-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:start}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow)}
.contact-card h2{font-size:22px;font-weight:800;color:var(--navy-800);margin-bottom:8px}
.contact-card .sub{color:var(--muted);font-size:14.5px;margin-bottom:24px;line-height:1.6}
.info-list{display:grid;gap:18px;margin-bottom:28px}
.info-list li{display:flex;gap:14px;align-items:flex-start}
.info-ic{width:44px;height:44px;border-radius:12px;background:var(--sky-100);color:var(--blue-600);display:grid;place-items:center;flex-shrink:0}
.info-list b{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--blue-500);margin-bottom:2px}
.info-list span,.info-list a{font-weight:600;color:var(--navy-800);font-size:15px}
.map-ph{margin-top:8px;border-radius:16px;min-height:180px;background:
  linear-gradient(135deg,rgba(20,80,180,.12),rgba(6,23,53,.08)),
  repeating-linear-gradient(0deg,transparent 0 18px,rgba(10,35,82,.04) 18px 19px),
  repeating-linear-gradient(90deg,transparent 0 18px,rgba(10,35,82,.04) 18px 19px);
  border:1px dashed var(--line);display:grid;place-items:center;color:var(--muted);font-weight:600;font-size:14px;text-align:center;padding:20px}
@media (max-width:900px){.contact-wrap{grid-template-columns:1fr}}