@font-face {
  font-family: 'Source Code Pro';
  src: url('assets/fonts/SourceCodePro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root { color-scheme: dark; --ki-black: #1a1a1a; --ki-grey: #ccc; --ki-background: #e6e6e6; --ki-white: #fff; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--ki-black); }
.splash { position: relative; display: grid; place-items: center; min-height: 240px; height: 100vh; height: 100svh; }
.brand-mark { display: block; line-height: 0; }
.brand-mark img { display: block; }
.copyright { position: absolute; inset-inline: 16px; bottom: max(32px, env(safe-area-inset-bottom)); color: var(--ki-white); text-align: center; font: 400 12px/15px 'Source Code Pro', monospace; }
@media (min-width: 600px) and (max-width: 1199px) { .copyright { bottom: max(28px, env(safe-area-inset-bottom)); } }
@media (max-width: 599px) {
  .brand-mark img { width: 96px; height: 48.293px; }
  .copyright { bottom: max(24px, env(safe-area-inset-bottom)); font-size: 10px; line-height: 13px; }
}