/* Bebas Neue is reserved for display text; long-form reading stays in Roboto/Lora. */
:root {
  --strand-display-font: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
}

html body > header .inner-page-header .header-brand .header-brand-copy strong,
html body > footer .inner-footer .footer-brand .footer-brand-copy strong,
html body > header .inner-page-header .header-brand .header-brand-copy .header-brand-line,
html body > footer .inner-footer .footer-brand .footer-brand-copy .footer-brand-line {
  font-family: var(--strand-display-font);
  font-weight: 400;
  line-height: 1;
}

html body > header .inner-page-header .header-brand .header-brand-copy strong { font-size: 2rem; letter-spacing: .08em; }
html body > header .inner-page-header .header-brand .header-brand-copy .header-brand-line { font-size: 1rem; letter-spacing: .045em; white-space: nowrap; }
html body > footer .inner-footer .footer-brand .footer-brand-copy { gap: .15rem; }
html body > footer .inner-footer .footer-brand .footer-brand-copy strong { font-size: 3.1rem; letter-spacing: .08em; }
html body > footer .inner-footer .footer-brand .footer-brand-copy .footer-brand-line { display: block; max-width: none; font-size: 1.55rem; letter-spacing: .045em; white-space: nowrap; }

@media (max-width: 750px) {
  html body > header .inner-page-header .header-brand .header-brand-copy strong { font-size: 2rem; }
  html body > header .inner-page-header .header-brand .header-brand-copy .header-brand-line { font-size: 1rem; }
}

@media (max-width: 400px) {
  html body > header .inner-page-header .header-brand .header-brand-copy strong { font-size: 1.7rem; }
  html body > header .inner-page-header .header-brand .header-brand-copy .header-brand-line { font-size: .8rem; letter-spacing: .02em; }
}

.home .blurb-content h1,
.home .blurb-content h2,
.section-intro h1,
.stories-intro h1,
.agent-page .agent-file h1,
.agent-page .agent-stories h2,
.agent-page .agent-story h3,
.alphas-ghost-preview .preview-intro h1,
.alphas-ghost-preview .chapters > h2,
.author-page .author-copy h1,
.reviews h1,
.reviews-page #reviews-list > h2,
.story-grid .title-and-description h2,
.short-story .html > h1,
.short-story .html .story-next h2 {
  font-family: var(--strand-display-font);
  font-weight: 400;
  letter-spacing: .035em;
}

.home .blurb-content h1,
.section-intro h1,
.stories-intro h1,
.agent-page .agent-file h1,
.alphas-ghost-preview .preview-intro h1,
.author-page .author-copy h1,
.short-story .html > h1 {
  font-size: clamp(3rem, 6vw, 4.25rem);
  line-height: 1.04;
}

.alphas-ghost-preview .chapters > h2 {
  font-size: clamp(2rem, 5vw, 2.8rem);
  line-height: 1.05;
}

.story-grid .title-and-description h2 {
  font-size: clamp(1.8rem, 3vw, 2.25rem);
  line-height: 1.1;
}

.agent-page .agent-stories h2 {
  font-size: clamp(2rem, 4vw, 2.6rem);
  line-height: 1.1;
}

.agent-page .agent-story h3 {
  font-size: 1.65rem;
  line-height: 1.1;
}

.book-cta,
.footer-book > strong,
.alphas-ghost-preview .chapters .preview-end h2 {
  font-family: var(--strand-display-font);
  font-weight: 400;
  letter-spacing: .045em;
}

html body[data-page-id="home"][data-page-type] .home .hero-contained .book-cta.book-cta {
  font-size: 2.1rem;
  line-height: 1;
}

@media (max-width: 750px) {
  html body[data-page-id="home"][data-page-type] .home .hero-contained .book-cta.book-cta {
    font-size: 1.7rem;
  }
}

@media (max-width: 360px) {
  html body[data-page-id="home"][data-page-type] .home .hero-contained .book-cta.book-cta.book-cta {
    font-size: 1.4rem;
  }
}

@media (max-width: 600px) {
  .home .blurb-content h1,
  .section-intro h1,
  .stories-intro h1,
  .agent-page .agent-file h1,
  .alphas-ghost-preview .preview-intro h1,
  .author-page .author-copy h1,
  .short-story .html > h1 {
    font-size: clamp(2.8rem, 11vw, 3.6rem);
  }
}