/* V57: compact vertical alignment and preserve the artwork's original proportions. */
@media (min-width:901px) {
  .on[data-p="home"] > section.hero.hero-atelier > .hero-artboard {
    align-items:center;
  }
  .on[data-p="home"] .hero-copy {
    position:relative;
    top:clamp(-26px,-2.6vh,-10px);
  }
  .on[data-p="home"] .hero-stage {
    align-self:center;
    height:auto!important;
    min-height:0;
    max-height:100%;
  }
  .on[data-p="home"] .hero-stage .stage-frame {
    box-sizing:border-box;
    width:min(100%, 420px, calc((100svh - var(--site-header-height,110px) - 105px) * .96));
    height:auto!important;
    max-height:calc(100svh - var(--site-header-height,110px) - 90px);
    aspect-ratio: .96;
    flex:0 1 auto;
    margin-inline:auto;
  }
  .on[data-p="home"] .hero-stage .stage-image {
    width:100%;
    height:100%;
    object-fit:contain;
  }
}
@media (min-width:901px) and (max-height:650px) {
  .on[data-p="home"] .hero-copy{top:-10px}
  .on[data-p="home"] .hero-stage .stage-frame{
    width:min(100%, 380px, calc((100svh - var(--site-header-height,110px) - 75px) * .96));
  }
}