.rp__card { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 18px; background: var(--rp-card-bg); border: 1px solid var(--rp-card-border); }
.rp--image-left .rp__media { order: -1; }
.rp__copy { padding: 56px; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; justify-content: center; }
.rp__media { position: relative; min-height: 420px; }
.rp__media .media-wrap { position: absolute; inset: 0; height: 100%; aspect-ratio: auto !important; }
.rp__media .media-wrap img { position: absolute; inset: 0; width: 100%; height: 100%; }
.rp__rep { display: flex; gap: 12px; align-items: center; margin: 4px 0 10px; }
.rp__avatar { width: 54px; height: 54px; flex: 0 0 54px; border-radius: 50%; overflow: hidden; }
.rp__avatar .media-wrap { width: 54px; height: 54px; border-radius: 50%; }
.rp__avatar .media-wrap img { width: 100%; height: 100%; }
.rp__name, .rp__name * { font: 600 16px/1.3 var(--ff-accent); margin: 0; }
.rp__meta, .rp__meta * { font: 400 11px/1.4 var(--ff-mono); letter-spacing: 0.12em; text-transform: uppercase; margin: 2px 0 0; }
@media (max-width: 767px) {
  .rp__card { grid-template-columns: 1fr; }
  .rp__media { order: -1; min-height: 240px; }
  .rp__copy { padding: 28px 22px 32px; }
}