footer {
  border-top: 3px solid var(--light-mint);

}

.nav-links a:hover,
.nav-links a.active {
  color: var(--mint);
}

/* ─── CONTACT ──────────────────────────────────── */
.contact-hero {
  padding: 80px 28px 60px;
}

.contact-title {
  font-family: var(--font-display);
  font-size: 12rem;
  line-height: 0.88;
  font-weight: 500;
  letter-spacing: -0.3rem;
  color: var(--mint);


}

.contact-title .coral {
  padding-left: 4rem;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.contact-col {
  padding: 48px 32px;
  border-right: 3px solid var(--light-mint);
}

.nav-mobile-menu a.active {
  color: var(--mint);
}
.contact-col:last-child {
  border-right: none;
}

.contact-col-label {
  font-family: var(--font-body);
  font-size: 1rem;
  letter-spacing: 0em;
  text-transform: lowercase;
  color: var(--dark-gray);
  margin-bottom: 20px;
}

.contact-col-val {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: clamp(18px, 2vw, 26px);
  line-height: 1.3;
}

.contact-col-val a:hover {
  color: var(--coral);
}

.contact-bottom {
  padding: 80px 28px;
}

.contact-form-title {
  font-family: var(--font-display);
  font-size: clamp(36px, 5vw, 72px);
  margin-bottom: 48px;
}

.contact-form {
  max-width: 640px;
  color: var(--light-mint);
}

label {
  color: var(--light-mint);

}

@media (max-width: 900px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .contact-col {
    border-right: none;
    border-bottom: 3px solid var(--light-mint);
  }

  .contact-col:last-child {
    border-bottom: none;
  }

  .contact-title {
    font-size: clamp(60px, 15vw, 100px);
  }
}

@media (max-width: 560px) {
  .contact-hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-title .coral {
    padding-left: 1rem;
  }
}