.contact-hero {
  padding-top: clamp(1.6rem, 3vw, 3.4rem);
}

.contact-grid {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.contact-highlight {
  background: linear-gradient(120deg, rgba(202, 255, 106, 0.22), rgba(27, 185, 123, 0.14));
  border-radius: var(--radius-md);
  padding: 1.5rem;
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-card);
}