/* DECT automatic intro — single colour, logo-only loading (about 2 seconds). */
.dect-splash {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  padding: 24px;
  overflow: hidden;
  background: #101d30;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  animation: none;
}
.dect-splash__logo {
  position: relative;
  display: block;
  width: clamp(174px, 30vw, 284px);
  aspect-ratio: 884 / 213;
}
.dect-splash__logo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* The logo itself fills in from left to right instead of using a progress bar. */
.dect-splash__logo-base { opacity: .16; }
.dect-splash__logo-loading {
  clip-path: inset(0 100% 0 0);
  animation: dect-intro-logo-reveal 1.38s cubic-bezier(.36,0,.18,1) .14s forwards;
}
@keyframes dect-intro-logo-reveal {
  to { clip-path: inset(0 0 0 0); }
}
@keyframes dect-intro-exit {
  to { opacity: 0; visibility: hidden; pointer-events: none; }
}
@media (max-width: 600px) {
  .dect-splash__logo { width: min(62vw, 235px); }
}
@media (prefers-reduced-motion: reduce) {
  .dect-splash { animation: none; }
  .dect-splash__logo-loading { animation: none; clip-path: inset(0 0 0 0); }
}