/* Local typefaces and desktop-only typography. Mobile and logo retain Inter. */
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url(/assets/fonts/unbounded-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url(/assets/fonts/unbounded-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@media (min-width: 1024px) {
  :root {
    --font-display: "Unbounded", "Inter", sans-serif;
    --font-text: "Manrope", "Inter", sans-serif;
  }
  body {
    font-family: var(--font-text);
  }
  .logo {
    font-family: Inter, Arial, sans-serif;
  }
  .hero h1,
  .case h2,
  .work h2,
  .about h2,
  .faq-heading h2,
  .footer h2 {
    font-family: var(--font-display);
    font-weight: 600;
    font-synthesis: none;
    letter-spacing: -0.035em;
    text-wrap: balance;
  }
  .hero h1 {
    font-size: clamp(37px, 3.5vw, 51px);
    line-height: 1.14;
    letter-spacing: -0.04em;
    word-spacing: 0;
    text-wrap: wrap;
  }
  .circled {
    margin-inline-start: 0.04em;
  }
  .hero-description {
    font-size: 19px;
    font-weight: 450;
    line-height: 1.6;
    letter-spacing: 0;
    max-width: 500px;
    text-wrap: pretty;
  }
  .case h2 {
    font-size: clamp(34px, 2.9vw, 42px);
    line-height: 1.17;
    max-width: 1120px;
  }
  .work h2 {
    font-size: clamp(32px, 2.75vw, 40px);
    line-height: 1.18;
  }
  .about h2 {
    font-size: clamp(34px, 2.8vw, 41px);
    line-height: 1.17;
    max-width: 1080px;
  }
  .case-copy,
  .work .section-description,
  .about-card p,
  .faq-answer {
    font-family: var(--font-text);
    font-size: 17px;
    font-weight: 450;
    line-height: 1.65;
    letter-spacing: 0;
    text-wrap: pretty;
  }
  .case-copy strong {
    font-weight: 750;
  }
  .about-card h3 {
    font-family: var(--font-text);
    font-size: 29px;
    font-weight: 750;
    line-height: 1.22;
    letter-spacing: -0.025em;
    text-wrap: balance;
  }
  .desktop-nav a {
    font-size: 14px;
    font-weight: 650;
    letter-spacing: 0;
  }
  .button,
  .header-call {
    font-family: var(--font-text);
    font-weight: 750;
    letter-spacing: 0;
  }
  .button {
    font-size: 17px;
    line-height: 1.2;
  }
  .eyebrow,
  .work-eyebrow {
    font-weight: 650;
    letter-spacing: 0.1em;
  }
  .gallery-label,
  .counter {
    font-family: var(--font-text);
    letter-spacing: 0.01em;
  }
  .case-stat-label {
    font-family: var(--font-text);
    font-weight: 500;
  }
  .case-stat-value {
    font-family: Inter, Arial, sans-serif;
    font-weight: 750;
  }
  .faq-heading h2 {
    font-size: 80px;
    letter-spacing: -0.04em;
  }
  .faq-heading h2 span {
    font-family: Inter, Arial, sans-serif;
  }
  .faq summary {
    font-family: var(--font-text);
    font-size: 19px;
    font-weight: 650;
    line-height: 1.45;
    letter-spacing: -0.015em;
  }
  .faq-heading > p {
    font-size: 15px;
    font-weight: 450;
  }
  .footer h2 {
    font-size: clamp(46px, 4.15vw, 64px);
    line-height: 1.13;
  }
  .footer-nav {
    font-size: 14px;
  }
  .viewer-header h2,
  .placeholder-dialog h2 {
    font-family: var(--font-text);
    font-weight: 750;
  }
}