.brand-splash {
  position: fixed; inset: 0; z-index: 10000; display: grid; place-content: center;
  justify-items: center; gap: 22px; background: #000; opacity: 1; visibility: visible;
  transition: opacity 220ms ease, visibility 220ms ease;
}
.brand-splash.is-hiding { opacity: 0; visibility: hidden; pointer-events: none; }
.brand-splash img { display: block; width: min(42vw, 220px); height: auto; aspect-ratio: 1; object-fit: contain; }
.brand-splash span { color: #fff; font: 600 12px/1.4 system-ui, sans-serif; letter-spacing: .18em; text-transform: uppercase; }
.brand-splash[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .brand-splash { transition: none; } }