/* V67: match the larger mobile hero artwork area shown by the user. */
@media (max-width: 900px) {
  body .on[data-p="home"] > section.hero.hero-atelier > .hero-artboard {
    gap: 12px;
    padding-bottom: 20px;
  }
  body .on[data-p="home"] .hero-copy {
    margin-bottom: 0;
  }
  body .on[data-p="home"] .hero-actions {
    margin-bottom: 0;
  }
  body .on[data-p="home"] .hero-stage {
    width: 100%;
    max-width: none;
    min-height: 0;
    margin: 0;
    justify-content: center;
    align-items: flex-start;
  }
  body .on[data-p="home"] .hero-stage .stage-frame {
    width: calc(100vw - 28px);
    max-width: calc(100vw - 28px);
    aspect-ratio: 1.02;
    margin: 0 auto;
    border-radius: 8px !important;
  }
  body .on[data-p="home"] .hero-stage .stage-graticule {
    inset: 12px;
    border-radius: 6px;
  }
}
@media (max-width: 580px) {
  body .on[data-p="home"] > section.hero.hero-atelier > .hero-artboard {
    gap: 8px;
    padding-bottom: 18px;
  }
  body .on[data-p="home"] .hero-stage .stage-frame {
    width: calc(100vw - 22px);
    max-width: calc(100vw - 22px);
    aspect-ratio: 1.03;
  }
  body .on[data-p="home"] .hero-stage .stage-image {
    object-fit: cover;
    object-position: center;
  }
}
@media (max-width: 420px) {
  body .on[data-p="home"] .hero-stage .stage-frame {
    width: calc(100vw - 18px);
    max-width: calc(100vw - 18px);
  }
}