/* Cormorant Garamond, SIL Open Font License. Files and license in assets/fonts. */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/cormorant-garamond-normal-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/cormorant-garamond-italic-latin.woff2') format('woff2');
}

:root {
  --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
}

.hero h1,
.section-heading h2,
.editorial h2,
.about h2,
.contact-section h2,
.detail-title h1,
.detail-layout h2,
.detail-sidebar h3,
.intent-copy h3,
.card-name,
.form-title,
.dialog-heading h2,
.legal-dialog h2,
.form-result h3,
.empty-state h3 {
  font-weight: 500;
  letter-spacing: -.015em;
}

.hero h1 {
  font-size: clamp(54px, 6vw, 78px);
  line-height: 1.02;
  letter-spacing: -.02em;
  max-width: 800px;
}

.hero h1 em {
  font-weight: 400;
}

.detail-title h1 {
  font-size: clamp(44px, 5.2vw, 70px);
  line-height: 1.04;
  max-width: 1000px;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.section-heading h2,
.editorial h2,
.about h2,
.contact-section h2 {
  font-size: 48px;
  line-height: 1.08;
  text-wrap: balance;
}

.card-name {
  font-size: 28px;
  line-height: 1.12;
  min-height: 63px;
  overflow-wrap: break-word;
}

.intent-copy h3 {
  font-size: 33px;
  line-height: 1.06;
}

@media (max-width: 820px) {
  .section-heading h2,
  .editorial h2,
  .about h2,
  .contact-section h2 {
    font-size: 41px;
  }
}

@media (max-width: 560px) {
  .hero h1 {
    font-size: clamp(46px, 12.3vw, 54px);
    line-height: 1.02;
    max-width: 100%;
  }

  .detail-title h1 {
    font-size: clamp(38px, 10vw, 44px);
    line-height: 1.05;
  }

  .section-heading h2,
  .editorial h2,
  .about h2,
  .contact-section h2 {
    font-size: 37px;
  }

  .card-name {
    font-size: 27px;
    min-height: 0;
  }

  .intent-copy h3 {
    font-size: 31px;
  }
}