/* Keep the contact heading in two readable lines within its own column. */
.contact-intro--compact {
  container-type: inline-size;
  min-width: 0;
}

.contact-intro--compact h2 {
  font-size: clamp(1.25rem, 2.65vw, 2.35rem);
  letter-spacing: -.045em;
  line-height: 1.12;
  text-wrap: initial;
}

.contact-intro--compact h2 > .contact-title-line {
  display: block;
  color: inherit;
  white-space: nowrap;
}

.contact-intro--compact .contact-title-accent { color: var(--cyan); }
.contact-intro--compact:lang(fr) h2 { font-size: clamp(1rem, 2.2vw, 2rem); }

@media (width <= 680px) {
  .contact-intro--compact h2 > .contact-title-line { white-space: normal; }
}

@supports (font-size: 1cqi) {
  .contact-intro--compact h2 {
    font-size: clamp(1.25rem, 7.35cqi, 3.5rem);
  }
  .contact-intro--compact:lang(en) h2 {
    font-size: clamp(1.25rem, 8.3cqi, 3.5rem);
  }
  .contact-intro--compact:lang(de) h2 {
    font-size: clamp(1.25rem, 7.55cqi, 3.5rem);
  }
  .contact-intro--compact:lang(fr) h2 {
    font-size: clamp(1rem, 6.2cqi, 3.5rem);
  }
}