/* Hero stats: 1 column below 768px, 3 columns at 768px and above */
@media (max-width: 767px) {
  #hero .dfam-hero-stats-grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  #hero .dfam-hero-stats-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.dfam-instagram-bg {
  background-color: hsl(var(--instagram-bg));
}

.dfam-instagram-text {
  color: hsl(var(--instagram-text));
}

/* Contact section: desktop — min width per column so text doesn't collapse/overlap */
@media (min-width: 768px) {
  #contact .dfam-contact-grid {
    grid-template-columns: repeat(2, minmax(11rem, 1fr));
  }
  #contact .dfam-contact-item {
    min-width: 0;
  }
}