.business-card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 64px;
  padding: 28px 0 40px;
  scroll-margin-top: 110px;
}
.business-card-flip {
  display: block;
  width: min(100%, 640px);
  aspect-ratio: 1600 / 961;
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 0;
  appearance: none;
  perspective: 1400px;
  cursor: pointer;
  touch-action: manipulation;
}
.business-card-inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  transition: transform 700ms cubic-bezier(.22, .61, .36, 1);
}
.business-card-flip.is-flipped .business-card-inner { transform: rotateY(180deg); }
.business-card-face {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 14px 32px #0a2d5420;
}
.business-card-front { transform: rotateY(0deg) translateZ(.5px); }
.business-card-back { transform: rotateY(180deg) translateZ(.5px); }
@media (max-width: 600px) {
  .business-card { margin-bottom: 40px; padding: 16px 0 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .business-card-inner { transition: none; }
}