/* Two original editorial scenes, each with its own subject. */
.page-hero.page-hero--illustrated { padding-block: 60px 68px; }
.page-hero--illustrated .page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(32px, 4vw, 62px);
}
.page-hero--illustrated .page-hero-copy { min-width: 0; }
.page-hero--illustrated h1 { font-size: clamp(36px, 4vw, 58px); line-height: 1.14; letter-spacing: -.045em; text-wrap: balance; }
.page-hero--illustrated h1 span { color: #77dff5; }
.page-hero--illustrated .lead { max-width: 580px; font-size: 16px; line-height: 1.85; }
.page-hero--illustrated .feature-tags { margin-top: 28px; gap: 9px; }
.page-hero--illustrated .feature-tag {
  background: #ffffff09; border: 1px solid #355565; color: #c9e5f2;
  font-size: 12px; padding: 7px 11px; border-radius: 6px;
  transition: background-color .18s ease, border-color .18s ease;
}
.page-hero--illustrated a.feature-tag:hover { background: #163e50; border-color: #73cde2; }
.page-hero-art { margin: 0; min-width: 0; position: relative; }
.page-hero-art img {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 3;
  object-fit: contain; border-radius: 18px; border: 1px solid #6acde419;
}
@media (max-width: 900px) {
  .page-hero--illustrated .page-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .page-hero--illustrated h1 { font-size: clamp(37px, 6vw, 54px); }
  .page-hero-art { width: min(100%, 620px); justify-self: center; }
}
@media (max-width: 520px) {
  .page-hero.page-hero--illustrated { padding-block: 44px 46px; }
  .page-hero--illustrated .lead { font-size: 15px; }
  .page-hero--illustrated .feature-tag { font-size: 11px; }
  .page-hero-art img { border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .page-hero--illustrated .feature-tag { transition: none; }
}