/* Original artwork shares the open sand and reading column of the app. */
.page--illustrated { --maxw: 1120px; }
.page-head--illustrated {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 4vw, 56px);
  margin-bottom: clamp(32px, 5vh, 48px);
}
.page-head__copy { min-width: 0; }
.page-head--illustrated .page-head__title { max-width: 17ch; }
.page-head__art {
  justify-self: end;
  width: 100%;
  height: clamp(220px, 27vw, 320px);
  object-fit: contain;
}
.page--illustrated > .faq-list,
.page--illustrated > .faq-help,
.page--illustrated > .card--note { max-width: 760px; }
@media (max-width: 700px) {
  .page-head--illustrated {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin-bottom: 28px;
  }
  .page-head__art { justify-self: start; width: 180px; height: 180px; }
  .page-head__art--faq { width: 144px; height: 144px; }
}