/* Contact Us page styles — consistent with site design system */

/* Canonical container gutters (align to ~117px at 1440px) */
.container {
  width: min(1440px, 100%);
  margin-inline: auto;
  padding-inline: clamp(38.5px, calc(117 / 1440 * 100vw), 117px);
}

/* Main spacing below fixed header */
.contact-main {
  padding-top: clamp(65px, calc(100 / 1440 * 100vw), 100px);
  padding-bottom: clamp(54px, calc(90 / 1440 * 100vw), 90px);
}

/* Hero */
.contact-hero {
  background: #000;
  color: #FFFFFF;
  padding-top: clamp(65px, calc(152 / 1440 * 100vw), 152px);
  padding-bottom: clamp(0px, calc(116 / 1440 * 100vw), 116px);
}

@media (max-width: 768px) {
  .contact-hero {
    padding-bottom: 42px;
  }
}

.contact-title {
  display: inline-flex;
  align-items: baseline;
  gap: clamp(16px, 3vw, 24px);
}

.talk-icon {
  width: clamp(207px, calc(651 / 1440 * 100vw), 651px);
  height: auto;
  vertical-align: middle;
}

/* Body layout */
.contact-body {
  background: #000;
}
.contact-grid {
  display: block;
}


/* Info block */
.contact-info h3 {
  font-weight: 600;
  font-size: clamp(20px, calc(40 / 1440 * 100vw), 40px);
  line-height: 1.2;
  margin-bottom: clamp(16px, 2.5vw, 24px);
}

.contact-info p {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Outfit', Roboto, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, calc(25 / 1440 * 100vw), 25px);
  line-height: 1.4;
  letter-spacing: 0;
}

.contact-info a { color: #FFFFFF; text-decoration: none; }
/* Always underline only the email link; keep others unlined */
.contact-info a[href^="mailto:"] { text-decoration: underline; }