:root { color-scheme: dark; background: #020813; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; min-height: 100%; }
main { position: relative; height: 100vh; height: 100svh; overflow: hidden; }
.splash { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-aspect-ratio: 3/4) { .splash { object-position: 78% center; } }