/* Splash — one-shot intro. The setTimeout in Splash.jsx removes it after
   2400ms and is the real safety net. The CSS below only adds polish:
   the logo is visible by default and ENDS visible, so even if the
   animation is throttled (iOS Low Power Mode, etc.) the screen is never
   blank — worst case it shows a static logo, never an empty screen. */

.splash {
  position: fixed; inset: 0;
  z-index: 999;
  background: var(--aa-cream-100);
  display: flex; align-items: center; justify-content: center;
  pointer-events: none;
  overflow: hidden;
  animation: aaSplashOut 2400ms ease forwards;
}
@keyframes aaSplashOut {
  0%, 76% { opacity: 1; }
  100%    { opacity: 0; visibility: hidden; }
}

.splash-logo {
  width: 156px; height: auto;
  filter: drop-shadow(0 12px 30px rgba(20, 57, 58, .18));
  animation: aaSplashLogo 2400ms cubic-bezier(.4, 0, .2, 1) both;
}
@keyframes aaSplashLogo {
  0%   { opacity: 0; transform: scale(.84); }
  20%  { opacity: 1; transform: scale(1); }
  60%  { opacity: 1; transform: scale(1.05); }
  100% { opacity: 1; transform: scale(1.09); }
}

@media (prefers-reduced-motion: reduce) {
  .splash { display: none !important; }
}