/* Retain the existing photo as fallback, poster and reduced-motion presentation. */
.supply .monin-feature .di-background-media {
 position: relative; min-height: 250px; margin: 0; padding: 0; overflow: hidden; isolation: isolate;
}
.di-background-media > :is(.di-background-image, .di-background-video) {
 position: absolute; inset: 0; width: 100%; height: 100%; max-width: none;
 object-fit: cover; object-position: 75% center;
}
.di-background-media > .di-background-video { opacity: 0; pointer-events: none; }
.di-background-media.is-playing > .di-background-video { opacity: 1; }
.di-background-media > .di-background-playback {
 position: absolute; z-index: 2; min-height: 44px; padding: 10px 14px;
 border: 1px solid #c49a45; border-radius: 4px; background: #171613; color: #fffdf8;
 font: 600 .75rem/1.5 var(--font-body, Arial, sans-serif); text-decoration: none; cursor: pointer;
}
.di-background-media > .di-background-playback { bottom: 16px; right: 16px; }
.di-background-media > .di-background-playback:focus-visible { outline: 3px solid #edc776; outline-offset: 3px; }
.no-js .di-background-playback { display: none; }
@media (prefers-reduced-motion: no-preference) { .di-background-video { transition: opacity 160ms ease; } }