.hero-product {
  position: relative;
  isolation: isolate;
  display: block;
  width: min(100%, 560px);
  min-width: 0;
  margin: 0 auto;
}

.hero-product .hv-art {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.hero-product .hv-caption {
  display: block;
  margin-top: .1rem;
  padding-inline: .15rem;
  text-align: right;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: .65rem;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.hero-product--a .hv-caption { color: #536893; }
.hero-product--b .hv-caption { color: #d5bfd6; }
.hero-product--c .hv-caption { color: #647e77; }
.hero-product--d .hv-caption { color: #826b5b; }

@media (max-width: 600px) {
  .hero-product { width: min(100%, 480px); }
  .hero-product .hv-caption { font-size: .6rem; }
}