/* One heading rhythm for all Universe chapters, independent of their scenes. */
:root {
  --chapter-offset: 3.2rem;
  --chapter-heading-pad: clamp(.4rem, 2vh, 1.4rem);
  --chapter-heading-size: clamp(1.8rem, 3vw, 2.8rem);
  --chapter-subtitle-size: .9rem;
}
.landing .solutions-chapter, .landing .werkplaner-chapter {
  top: calc(var(--public-nav-height) + var(--chapter-offset));
}
.landing .chapter-intro {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: var(--chapter-heading-pad) 1rem 0;
  text-align: center;
}
.landing .hero-intro.chapter-intro {
  top: calc(var(--public-nav-height) + var(--chapter-offset));
}
.landing .chapter-intro > :is(h1, h2) {
  margin: 0 0 .55rem;
  color: #f2eff8;
  font-family: 'Ubuntu Mono', 'SFMono-Regular', Consolas, monospace;
  font-size: var(--chapter-heading-size);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.045em;
  text-shadow: none;
  text-wrap: balance;
}
.landing .chapter-intro > p {
  display: block;
  max-width: 850px;
  margin: 0 auto;
  color: #aca8be;
  font-size: var(--chapter-subtitle-size);
  line-height: 1.5;
  letter-spacing: normal;
  text-wrap: pretty;
}
@media (max-width: 820px) and (orientation: portrait) {
  :root { --chapter-offset: 2.2rem; --chapter-heading-pad: .6rem; --chapter-heading-size: clamp(1.3rem, 5.6vw, 1.8rem); --chapter-subtitle-size: .72rem; }
  .landing .chapter-intro > :is(h1, h2) { margin-bottom: .4rem; }
  .landing .chapter-intro > p { max-width: 40ch; }
}
@media (max-height: 720px) and (orientation: landscape) {
  :root { --chapter-offset: 2.2rem; --chapter-heading-pad: .25rem; --chapter-heading-size: 1.3rem; --chapter-subtitle-size: .68rem; }
  .landing .chapter-intro > :is(h1, h2) { margin-bottom: .25rem; }
}
@media (max-width: 820px) and (max-height: 700px) and (orientation: portrait) {
  :root { --chapter-heading-size: 1.25rem; --chapter-subtitle-size: .68rem; }
}