.cardinalich-splash {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  display: grid;
  place-content: center;
  box-sizing: border-box;
  padding: 32px;
  background: radial-gradient(ellipse at 50% 40%, #263442, #11171e 70%);
  color: #f0f4f8;
  text-align: center;
  font-family: system-ui, sans-serif;
  transition: opacity 180ms ease;
}
.cardinalich-splash img { display: block; margin: 0 auto 24px; width: clamp(180px, 52vw, 256px); height: auto; aspect-ratio: 1; object-fit: contain; }
.cardinalich-splash strong { font-size: clamp(23px, 6vw, 31px); font-weight: 650; letter-spacing: -.9px; }
.cardinalich-splash .brand-line { margin: 8px 0 0; font-size: 14px; letter-spacing: 1.2px; }
.cardinalich-splash .loading-line { margin: 48px 0 0; font-size: 12px; color: #aab9c8; }
.cardinalich-splash.is-ready { opacity: 0; pointer-events: none; }
@media (prefers-color-scheme: dark) {
  .cardinalich-splash { color: #eff3f1; }
  .cardinalich-splash .loading-line { color: #a7b5af; }
}
@media (prefers-reduced-motion: reduce) {
  .cardinalich-splash { transition: none; }
}