/* /contact/ */
.page-hero--contact {
  --ph-img: url("/assets/images/placeholder-4.png");
  --ph-pos: 0 54%;
  --ph-min: 320px;
  --ph-min-m: 283px;
  --ph-overlay: 1;
}

.page-hero--contact .page-hero__title {
  align-self: flex-start;
  width: 78%;
  max-width: 78%;
  font-size: 60px;
}

.contact__inner {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  max-width: min(100%, 1140px);
  margin: 0 auto;
  padding: 50px 0;
}

.contact__col {
  position: relative;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  gap: 20px;
  width: 48%;
  min-width: 0;
}

.contact__col--form { flex-shrink: 0; }

.contact__title { color: var(--color-text); font-size: 25px; }

@media (max-width: 767px) {
  .page-hero--contact .page-hero__title { width: 100%; max-width: 100%; font-size: 30px; }

  .contact__inner { flex-wrap: wrap; max-width: min(100%, 767px); }
  .contact__col { width: 100%; padding: 0 15px; }
  .contact__title { font-size: 20px; }
}
