html,
body {
  max-width: 100%;
  overflow-x: clip;
}

main {
  max-width: 100%;
  overflow-x: clip;
}

main section,
main section > * {
  min-width: 0;
}

img,
video,
svg {
  max-width: 100%;
}

.expertise-list i,
.circle-link,
.header-cta span,
.inverse-link span {
  font-family: Arial, Helvetica, sans-serif;
  font-variant-emoji: text;
}

@media (max-width: 560px) {
  .statement h2 {
    font-size: clamp(2.2rem, 10.5vw, 2.75rem);
    line-height: .94;
    letter-spacing: -.055em;
    overflow-wrap: anywhere;
  }

  .section-head h2,
  .systems h2,
  .focus h2,
  .about h2,
  .contact h2 {
    font-size: clamp(2.65rem, 12vw, 3.35rem);
    overflow-wrap: anywhere;
  }

  .contact-inner {
    width: 100%;
    gap: 2.25rem;
  }

  .contact .circle-link {
    display: grid;
    visibility: visible;
    width: 88px;
    height: 88px;
    place-items: center;
    align-self: flex-start;
    font-size: 2.4rem;
  }

  .data-visual svg {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}