:root { color-scheme: dark; --page-bg: #080808; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--page-bg); }
body { overflow-x: hidden; }
.media-section { width: 100%; line-height: 0; background: var(--page-bg); }
.media-video { display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; background: var(--page-bg); }
.media-image { display: block; width: 100%; height: auto; max-width: 100%; }
.mobile-only { display: none; }
@media (max-width: 700px) { .media-video { aspect-ratio: 5 / 8; } }
@media (max-width: 700px) { .desktop-static { display: none; } .mobile-only { display: block; } }
@media (min-width: 701px) { .media-video { aspect-ratio: 32 / 15; } .mobile-only { display: none; } }