/* REASY Cockpit – Splash-Animation */
.reasy-splash {
  --reasy-splash-bg: #ffffff;
  --reasy-splash-size: min(62vw, 260px);
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--reasy-splash-bg);
  transition: opacity .5s ease-in, transform .5s ease-in;
}
.reasy-splash--dark { --reasy-splash-bg: #2c604a; }

html.reasy-splash-active,
html.reasy-splash-active body { overflow: hidden; }

.reasy-splash__logo {
  position: relative;
  width: var(--reasy-splash-size);
}
.reasy-splash__emblem,
.reasy-splash__emblem svg,
.reasy-splash__text {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.reasy-splash__text {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}

.reasy-splash.is-playing .reasy-splash__emblem { animation: reasy-splash-pulse .45s 1.65s ease-in-out; }
.reasy-splash.is-playing .reasy-splash__text--reasy { animation: reasy-splash-wipe .6s 1.8s ease-out forwards; }
.reasy-splash.is-playing .reasy-splash__text--cockpit { animation: reasy-splash-wipe .5s 2.05s ease-out forwards; }

.reasy-splash.is-leaving {
  opacity: 0;
  transform: translateY(-16px);
  pointer-events: none;
}

/* Reduzierte Bewegung: Logo sofort komplett zeigen */
.reasy-splash.is-reduced .reasy-splash__text { animation: none !important; -webkit-clip-path: none; clip-path: none; }
.reasy-splash.is-reduced .reasy-splash__emblem { animation: none !important; }
.reasy-splash.is-reduced.is-leaving { transform: none; }

@keyframes reasy-splash-pulse { 50% { transform: scale(1.05); } }
@keyframes reasy-splash-wipe {
  to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
}