/* Shared flat illustration treatment with a material trace in the first view. */
.hero-intro.hero-illustrated {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 32px;
  padding: 36px 0 40px;
}
.hero-copy { min-width: 0; }
.hero-illustrated h1 { font-size: clamp(2.7rem, 4.65vw, 4.1rem); }
.hero-illustrated .hero-description {
  max-width: 450px;
  margin-top: 24px;
  padding: 0;
  justify-self: start;
}
.hero-art {
  margin: 0;
  width: 100%;
  min-width: 0;
}
.hero-art img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: contain;
}
.scene-visual {
  background: var(--paper);
}
.scene-visual img {
  object-fit: contain;
}
@media (max-width: 1000px) {
  .hero-intro.hero-illustrated { gap: 20px; }
  .hero-illustrated h1 { font-size: clamp(2.5rem, 4.9vw, 3.3rem); }
}
@media (max-width: 800px) {
  .hero-intro.hero-illustrated {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 29px 0 25px;
  }
  .hero-illustrated h1 { font-size: clamp(2.5rem, 7.7vw, 3.9rem); }
  .hero-illustrated .hero-description { margin-top: 21px; max-width: 520px; }
  .hero-art { max-width: 610px; margin-inline: auto; }
}