/* ==========================================================================
   Contact (contact.html) — page-specific styles
   ========================================================================== */

.contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  max-width: 760px;
  margin-inline: auto;
}
@media (max-width: 620px) { .contact-grid { grid-template-columns: 1fr; } }
.contact-item {
  padding: 22px 24px;
  border-radius: var(--r-md);
  background: var(--c-ice);
  display: flex;
  align-items: center;
  gap: 14px;
  transition: transform .2s ease, box-shadow .2s ease;
}
a.contact-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}
.contact-item .ic {
  width: 40px; height: 40px;
  border-radius: 50%;
  background: var(--c-white);
  display: flex; align-items: center; justify-content: center;
  color: #7698ac;
  flex-shrink: 0;
}
.contact-item strong { display: block; color: #7698ac; font-size: .95rem; }
.contact-item span { font-size: .86rem; color: var(--c-text-soft); }