/* JECH display typography, matched to the advertising video. */
@font-face {
  font-family: 'Nimbus Roman';
  src: url('/assets/fonts/nimbus-roman/NimbusRoman-Regular.woff') format('woff');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Nimbus Roman';
  src: url('/assets/fonts/nimbus-roman/NimbusRoman-Italic.woff') format('woff');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Nimbus Roman';
  src: url('/assets/fonts/nimbus-roman/NimbusRoman-Bold.woff') format('woff');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Nimbus Roman';
  src: url('/assets/fonts/nimbus-roman/NimbusRoman-BoldItalic.woff') format('woff');
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

:root { --font-display: 'Nimbus Roman', 'Times New Roman', Times, serif; }

h1, h2, h3,
.path h2,
.home-card h3,
.plan-card h3,
.community-card-info h3,
.people-grid h3,
.story-step h3,
.process-steps h3,
.studio-feature-copy h2,
.inventory-group-heading h2,
.page-heading h1 {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -.02em;
}

/* Give serif capitals and italic ascenders room at display sizes. */
.hero-copy h1,
.intro-body h2,
.pathway h2,
.featured-section .section-title h2,
.story-intro h2,
.story-step h3,
.plan-feature-copy h2,
.catalog-hero h1,
.plans-intro h1,
.home-detail-top h1,
.editorial-head h1,
.contact-band h2,
.studio-feature-copy h2,
.page-heading h1 {
  letter-spacing: -.025em;
  line-height: 1.04;
}

em,
.hero-copy h1 em,
.hero-project-index,
.hero-project-copy strong,
.hero-choice-copy strong,
.catalog-status p:first-child,
.home-card-noimage strong,
.pending-visual strong,
.community-card-noimage strong,
.community-detail-image.no-photo,
.quote-card p,
.footer-lead p,
.footer-contact {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -.015em;
}

.hero-copy h1 em { white-space: normal; }
.hero-choice-copy strong { font-size: 1.25rem; line-height: 1.15; }
.home-card h3, .plan-card h3 { line-height: 1.18; }

/* Small labels, navigation and selection controls retain the utility face. */
.footer-col h2 { font-family: 'DM Sans', Arial, sans-serif; font-weight: 700; letter-spacing: .16em; }
.paint-selection h3 { font-family: inherit; font-weight: 500; letter-spacing: normal; }
.preview-heading h2 span { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }

@media (max-width: 600px) {
  .hero-choice-copy strong { font-size: 1rem; }
}