@font-face {
  font-family: "Onest Local";
  src: url("/fonts/onest-cyrillic-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Unbounded Local";
  src: url("/fonts/unbounded-cyrillic-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "Marck Script Local";
  src: url("/fonts/marck-script-cyrillic.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  font-family: "Onest Local", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body,
button,
a,
input,
textarea,
select {
  font-family: "Onest Local", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1,
h2,
h3,
summary,
.promise-grid strong,
.promise-grid article strong,
.evidence-card strong,
.approach-card strong,
.orbit-center strong,
.skill-card strong,
.steps strong,
.mission-flow strong,
.benefit-grid strong,
.footer-message strong {
  font-family: "Onest Local", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.052em;
}

h1,
h2 {
  font-weight: 850;
}

h1 em,
h2 em,
.final-copy h2 em {
  display: inline-block;
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

.hero .photo-wrap > img {
  object-position: 50% 48%;
}

.footer-orbit-photo img {
  object-position: 58% 50%;
}

/* The header and sticky mobile CTA already provide the primary action. */
.hero-actions .button {
  display: none;
}

@media (max-width: 520px) {
  h1 {
    font-size: clamp(2.75rem, 12.7vw, 4.1rem);
    line-height: .98;
  }

  h2 {
    font-size: clamp(2.15rem, 10.4vw, 3.15rem);
    line-height: 1.02;
  }

  .hero .photo-wrap > img {
    object-position: 50% 44%;
  }
}