/* Page copy follows the hero and Services type scale. Keep illustration text
   scoped to its own styles; these rules target editorial content only. */
.ai-hero-light {
  --ai-section-size: clamp(28px, 2.85vw, 40px);
  --ai-card-size: 22px;
  --ai-body-size: 17px;
  --ai-body-leading: 1.8;
  --ai-heading-weight: 500;
  --ai-action-size: 14px;
}

.opportunity-intro h2,
.capabilities-intro h2,
.capabilities-intro .capabilities-lead,
.timeline .section-intro h2,
.start h2,
.faq h2 {
  font-size: var(--ai-section-size);
  font-weight: var(--ai-heading-weight);
  line-height: 1.2;
  letter-spacing: -.045em;
}

.service-offer h3,
.selected-work .work-case h3 {
  font-weight: var(--ai-heading-weight);
  line-height: 1.2;
  letter-spacing: -.045em;
}

.opportunity-copy h3,
.capability-card h3,
.timeline h3 {
  font-size: var(--ai-card-size);
  font-weight: var(--ai-heading-weight);
  line-height: 1.35;
  letter-spacing: -.025em;
}

.opportunity-copy h3 {
  font-size: calc(var(--ai-card-size) + 4px);
}

.selected-work .work-case h3 {
  font-size: clamp(22px, 1.9vw, 28px);
}

.capabilities-intro { row-gap: 4px; }
.capabilities-intro .capabilities-description { margin-top: 20px; }

.opportunity-copy p,
.service-offer .service-description,
.selected-work .work-description,
.capabilities-intro .capabilities-description,
.capability-card p,
.timeline article > p:not(.timeline-duration),
.start-grid > div > p:not(.eyebrow),
.faq details > p {
  font-size: var(--ai-body-size);
  font-weight: 400;
  line-height: var(--ai-body-leading);
  letter-spacing: normal;
}

.timeline-duration {
  font-size: 28px;
  font-weight: var(--ai-heading-weight);
  line-height: 1.2;
  letter-spacing: -.025em;
}

.timeline-duration span,
.faq summary {
  font-size: var(--ai-body-size);
  line-height: 1.5;
  letter-spacing: normal;
}

.faq summary { font-weight: var(--ai-heading-weight); }

.capability-techniques,
.selected-work .work-results dt {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
}

.section-booking .button,
.start .button,
.capabilities-toggle {
  font-size: var(--ai-action-size);
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width: 800px) {
  .ai-hero-light { --ai-card-size: 21px; }
  .timeline-duration { font-size: 26px; }
}

@media (max-width: 480px) {
  .ai-hero-light { --ai-action-size: 13px; }
}