/* V66: make the hero artwork noticeably larger on mobile without distortion. */
@media (max-width: 900px) {
  body .on[data-p="home"] > section.hero.hero-atelier > .hero-artboard {
    gap: clamp(20px, 5vw, 34px);
    padding-bottom: clamp(20px, 5vw, 34px);
  }
  body .on[data-p="home"] .hero-stage {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    justify-content: center;
  }
  body .on[data-p="home"] .hero-stage .stage-frame {
    width: 100%;
    max-width: none;
    aspect-ratio: 1.08;
    margin-inline: auto;
  }
  body .on[data-p="home"] .hero-stage::before {
    display: none;
  }
}
@media (max-width: 580px) {
  body .on[data-p="home"] .hero-stage {
    width: 100%;
    max-width: none;
  }
  body .on[data-p="home"] .hero-stage .stage-frame {
    width: 100%;
    max-width: none;
    aspect-ratio: 1.04;
  }
}
@media (max-width: 420px) {
  body .on[data-p="home"] .hero-stage .stage-frame {
    width: calc(100vw - 62px);
    max-width: 100%;
  }
}