/* Tilt Warp is bundled locally under the SIL Open Font License. */
@font-face {
  font-family: 'CS Tilt Warp';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/tilt-warp-regular.ttf') format('truetype');
}

/* The brand name is the bold segment of the existing hero heading. */
.cs-page .cs-hero h1 strong,
.cs-page .cs-brand a,
.cs-page #project-info h2 {
  font-family: 'CS Tilt Warp', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
  letter-spacing: normal;
}

/* Keep the project descriptor subordinate to the brand in both languages.
   The extra content selector overrides earlier mobile H1 custom CSS. */
.cs-page .cs-hero .cs-hero-content h1 {
  font-size: clamp(18px, 2vw, 28px);
  line-height: 1.3;
  letter-spacing: normal;
}

.cs-page .cs-hero .cs-hero-content h1 strong {
  display: block;
  margin-top: 12px;
  font-size: clamp(32px, 6vw, 80px);
  line-height: 1.1;
}

.cs-page .cs-hero .cs-hero-content .cs-hero-subtitle {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.3;
}