/*
 * Shared AIP typography. Use the operating system's native interface font
 * wherever available so the site stays crisp and fast without webfont requests.
 */
:root {
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
    "Segoe UI", sans-serif;
  --serif: var(--sans);
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
  font-family: var(--sans);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--sans);
  font-weight: 500 !important;
}

/*
 * A few title treatments are non-heading elements. Keep their weight aligned
 * with the display hierarchy without softening controls, tags, or labels.
 */
.usp-item-title,
.leadership-name,
.job-card-title,
#process .planner-review-company,
#process .planner-approach-title {
  font-weight: 500 !important;
}

@media (max-width: 600px) {
  .hero h1,
  .hero-careers h1,
  .article-hero h1 {
    font-size: clamp(2rem, 8vw, 2.65rem) !important;
    line-height: 1.1;
    letter-spacing: -.035em;
  }

  .section-title,
  .leadership-heading {
    font-size: clamp(1.8rem, 7vw, 2.35rem) !important;
    line-height: 1.14;
    letter-spacing: -.03em;
  }

  .newsletter h2,
  .related-title {
    font-size: clamp(1.65rem, 6.5vw, 2.1rem) !important;
    line-height: 1.16;
    letter-spacing: -.025em;
  }

  .problem-card p,
  .pillar-card p,
  .usp-item-desc,
  .step p,
  .leadership-bio,
  .card-excerpt,
  .job-card-desc,
  .why-card p,
  #process .planner-intro,
  #process .planner-option-description,
  #process .planner-plan-text {
    font-size: .9rem;
    line-height: 1.65;
  }

  .article-content p {
    font-size: 1rem;
    line-height: 1.75;
  }
}