/* Lead CAS image: render the final square geometry before first paint.
   One image, one size—no delayed stylesheet enlargement. */
.hero-grid{
  align-items:center;
}

.hero-art{
  box-sizing:border-box;
  align-self:center;
  justify-self:center;
  width:min(100%,clamp(430px,42vw,560px));
  height:auto;
  max-width:560px;
  aspect-ratio:1 / 1;
}

.hero-art img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
}

@media(max-width:980px){
  .hero-art{
    width:min(100%,520px);
    max-width:520px;
  }
}

@media(max-width:640px){
  .hero-art{
    width:min(100%,390px);
    max-width:390px;
  }
}