:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; }
body {
  position: relative;
  background: #206fbb url('/landing/media/homepage-desktop.jpg') center top / 2050px 400px no-repeat;
  font-family: Arial, sans-serif;
  color: white;
}
#scene { width: 100%; height: 100%; }
#scene ruffle-player { display: block; width: 100%; height: 100%; opacity: 0; }
body[data-scene-state="ready"] #scene ruffle-player { opacity: 1; }
#scene-status, .scene-message { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[hidden] { display: none !important; }