@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/5b3c2aaa14459483.ttf) format('truetype');
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/0add0341142ea6bb.ttf) format('truetype');
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/607e812a944efab0.ttf) format('truetype');
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/d6ea016f031f7ec9.ttf) format('truetype');
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/97a3af8c087054fb.ttf) format('truetype');
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/9ae7d8f84793e67a.ttf) format('truetype');
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/d938959881692883.ttf) format('truetype');
}

/* Keep customer marketing headings readable within their actual text columns. */
[data-public-landing] main h1 {
  font-size: clamp(2.25rem, 5.4vw, 4rem);
  line-height: 1.1;
  overflow-wrap: anywhere;
}
[data-public-landing] main h2.font-display {
  font-size: clamp(1.75rem, 3.4vw, 2.5rem);
  line-height: 1.15;
  overflow-wrap: anywhere;
}
[data-public-landing] main .grid > * { min-width: 0; overflow-wrap: anywhere; }
[data-public-landing] header details nav {
  min-width: min(12rem, calc(100vw - 2.5rem));
  max-width: calc(100vw - 2.5rem);
  overflow-wrap: anywhere;
}
@media (max-width: 767px) {
  [data-public-landing] main h1 { font-size: clamp(2.25rem, 9.5vw, 2.5rem); }
  [data-public-landing] header.flex,
  [data-public-landing] header > .flex { flex-wrap: wrap; }
}