realtor-transformation {
  display: block;
  width: 100%;
  container-type: inline-size;
  color: var(--ink, oklch(28.6% .031 38));
}
realtor-transformation:not(:defined) { aspect-ratio: 1.6; border-radius: var(--sheet-radius, 28px); background: var(--blush, oklch(86% .056 29)); }
realtor-transformation * { box-sizing: border-box; }
realtor-transformation .rt-scene {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
  gap: clamp(10px, 2cqw, 20px);
  margin: 0;
}
realtor-transformation .rt-photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: 50% 28%;
  border-radius: var(--sheet-radius, 28px);
}
realtor-transformation .rt-pack {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: center;
  padding: clamp(6px, 2cqw, 20px);
  border-radius: var(--sheet-radius, 28px);
  background: var(--blush, oklch(86% .056 29));
}
realtor-transformation .rt-caption { grid-column: 1 / -1; color: var(--ink-soft, oklch(43.5% .034 40)); font-size: 15px; }
realtor-transformation .rt-sticker { min-width: 0; aspect-ratio: 1; }
realtor-transformation .rt-sticker picture { display: block; width: 100%; height: 100%; }
realtor-transformation .rt-sticker img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: transparent;
  filter: drop-shadow(0 1.5px 1.5px oklch(28.6% .031 38 / .16));
}
@container (max-width: 560px) {
  realtor-transformation .rt-scene { grid-template-columns: minmax(0, 1fr); }
  realtor-transformation .rt-photo { height: auto; aspect-ratio: 3 / 2; object-position: 50% 30%; }
}