/* Fit the longer English introduction into desktop presentation screens. */
html[data-locale="en"] .chapter .europe-copy {
  width: min(800px, 54vw);
  max-height: calc(100svh - 72px);
  padding-top: max(84px, 10svh);
  padding-bottom: 24px;
}
html[data-locale="en"] .chapter .europe-copy h1,
html[data-locale="en"] .chapter .europe-copy h2 {
  margin-bottom: clamp(14px, 2svh, 22px);
  font-size: clamp(30px, 4.6svh, 44px);
  line-height: 1.12;
}
html[data-locale="en"] .chapter .europe-copy p {
  margin-bottom: clamp(10px, 1.5svh, 16px);
  font-size: clamp(16px, 2.35svh, 20px);
  line-height: 1.4;
}
html[data-locale="en"] .chapter .europe-copy p:last-child {
  margin-bottom: 0;
}
@media (max-height: 650px) and (orientation: landscape) {
  html[data-locale="en"] .chapter .europe-copy {
    width: min(800px, 58vw);
    max-height: calc(100svh - 60px);
    padding-top: 80px;
    padding-bottom: 16px;
  }
  html[data-locale="en"] .chapter .europe-copy h1,
  html[data-locale="en"] .chapter .europe-copy h2 {
    font-size: 28px;
    margin-bottom: 12px;
  }
}
/* A darker text-side veil keeps white copy legible over the hero image. */
html[data-locale="en"] #chapter-01 .chapter-shade--hero {
  background: linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .34) 38%, transparent 67%);
}