.photo-plate.main img {
  transform: scale(1.03);
  transition: transform 900ms var(--ease-snap);
}

.hero-media:hover .photo-plate.main img {
  transform: scale(1);
}

.stock-card,
.step-card,
.trust-panel,
.faq-item {
  transition:
    border-color var(--motion-base) var(--ease-out),
    transform var(--motion-fast) var(--ease-out),
    background-color var(--motion-base) var(--ease-out);
}

.stock-card:hover,
.step-card:hover,
.trust-panel:hover,
.faq-item:hover {
  border-color: rgb(216 31 42 / 0.42);
  background-color: rgb(38 39 43 / 0.72);
}

.stock-card:active,
.step-card:active {
  transform: translateY(1px);
}