/* Low specificity lets existing absolute/relative positioning utilities win. */
:where(.reno-has-responsive-background) { position: relative; isolation: isolate; }
.reno-responsive-background { position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; overflow: hidden; }
.reno-responsive-background > picture { display: block; width: 100%; height: 100%; }
.reno-responsive-background img.reno-responsive-background-image { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: inherit; }
.reno-responsive-background-overlay { position: absolute; inset: 0; }
.reno-art-directed-slot { height: 436px; border-radius: 26px; }
@media (min-width: 1024px) {
  .reno-art-directed-slot { height: 510px; border-radius: 32px; }
}