/* ============================================================
   PAGES/CONTACT.CSS - Contact grid, contact info rows
   ============================================================ */

.contact-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}

.contact-grid > div {
  flex: 1 1 320px;
}

.contact-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 20px;
}

.contact-row {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.contact-row .ic {
  width: 22px;
  height: 22px;
  color: #77BD43;
  flex-shrink: 0;
  margin-top: 2px;
}

.contact-row h4 {
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #888;
  margin: 0 0 3px;
}

.contact-row p,
.contact-row a {
  font-size: 15.5px;
  color: #191919;
  margin: 0;
}

.contact-row a:hover {
  color: #77BD43;
}