/* Historic identity: retain the Arial display headings, refine supporting type. */
@font-face {
  font-family: Manrope;
  src: url('/assets/manrope-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

html[data-brand="original"] {
  --body: Manrope, Arial, Helvetica, sans-serif;
}

html[data-brand="original"] body {
  font-weight: 450;
}

/* These utilities otherwise specify Arial directly instead of the body font. */
html[data-brand="original"] :is(
  .eyebrow, .concept-bar, .button, .text-link, .hero-controls,
  .inline-links, .subnav, .service-tags span, .team-role, .contact-name,
  .feature-photo figcaption, .project-photo figcaption,
  .estate-marketing figcaption, .case-story-photo figcaption,
  .case-gallery figcaption, .case-milestones p, .case-milestone-note,
  .site-footer p, .site-footer nav, .footer-bottom,
  .wall-heading h3, .wall-heading > span,
  .story-copy > p:not(.eyebrow), .story-count, .wall-byline, .wall-caption,
  .social-post-network, .social-post-status, .social-post-footer,
  .social-post-retry, .team-caption .team-role
) {
  font-family: var(--body);
}

html[data-brand="original"] :is(
  .services p, .team-bio, .story-copy > p:not(.eyebrow),
  .feature-photo figcaption, .project-photo figcaption,
  .estate-marketing figcaption, .case-story-photo figcaption,
  .case-gallery figcaption
) {
  font-weight: 450;
}

html[data-brand="original"] .case-lead {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: -.015em;
}

html[data-brand="original"] .case-chapters h3 {
  font-family: var(--body);
  font-size: 19px;
  font-weight: 650;
  letter-spacing: -.025em;
  line-height: 1.4;
  margin-bottom: 9px;
}

html[data-brand="original"] .case-chapters p {
  font-size: 17px;
  font-weight: 450;
  line-height: 1.7;
  letter-spacing: -.01em;
}

html[data-brand="original"] :is(.button, .text-link, .team-role) {
  font-weight: 650;
}

html[data-brand="original"] :is(.eyebrow, .social-post-network) {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .1em;
}

@media (max-width: 760px) {
  html[data-brand="original"] :is(.eyebrow, .social-post-network) { font-size: 13px; }
  html[data-brand="original"] .case-lead { font-size: 18px; }
  html[data-brand="original"] .case-chapters p { line-height: 1.65; }
}