/* Keep the home-page jewelry image comfortably sized beside its introduction. */
@media (min-width: 901px) {
  /* Restore the larger portrait framing used before the compact HOME override. */
  #home .hero-art {
    max-width: 380px;
    height: auto;
  }
  #home .hero-art img {
    height: auto;
    max-height: min(460px, calc(100svh - 220px));
    object-fit: contain;
    border-radius: 42% 42% 2px 2px;
  }
  .jewelry .gem-art {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(28px, 4vw, 60px);
    background: #f2efea;
  }
  .jewelry .gem-art img {
    width: 100%;
    max-width: 500px;
    height: auto;
    margin-inline: auto;
  }
  .jewelry .gem-art figcaption {
    width: 100%;
    max-width: 500px;
    margin-inline: auto;
  }
}