/* Hidden markup stays harmless if this small, independent stylesheet fails. */
#parsko-launch[hidden] {
  display: grid;
  position: fixed;
  inset: 0;
  z-index: 110;
  place-items: center;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  background: radial-gradient(ellipse at 30% 32%, #edf3ff 0, transparent 50%),
    radial-gradient(ellipse at 76% 68%, #e4f6ed 0, transparent 46%), #f7f5ef;
  animation: parsko-launch-reveal 1120ms linear both;
}

.parsko-launch-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  transform: translateY(-3vh);
}

.parsko-launch-perch {
  position: relative;
  width: 148px;
  height: 164px;
  margin-bottom: 16px;
}

.parsko-launch-bird {
  display: block;
  width: 148px;
  height: auto;
  transform-origin: 55% 88%;
  animation: parsko-sparrow-greeting 820ms cubic-bezier(.22, .68, .3, 1) both;
  will-change: transform;
}

.parsko-launch-shadow {
  position: absolute;
  bottom: 8px;
  left: 36px;
  width: 80px;
  height: 9px;
  border-radius: 50%;
  background: radial-gradient(ellipse, #172e6530, #172e6500 72%);
  animation: parsko-sparrow-shadow 820ms ease-out both;
}

.parsko-launch-wordmark {
  display: block;
  width: 144px;
  height: auto;
}

.parsko-launch-tagline {
  margin: 15px 0 0;
  color: #525d70;
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .01em;
  text-align: center;
}

@keyframes parsko-launch-reveal {
  0%, 76% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}

@keyframes parsko-sparrow-greeting {
  0% { transform: translateY(9px) rotate(-7deg) scale(.94); }
  24% { transform: translateY(-13px) rotate(3deg) scale(1.015); }
  40% { transform: translateY(-16px) rotate(-3deg); }
  55% { transform: translateY(-10px) rotate(2deg); }
  76% { transform: translateY(2px) rotate(-1deg) scale(1.015, .98); }
  100% { transform: translateY(0) rotate(0) scale(1); }
}

@keyframes parsko-sparrow-shadow {
  0%, 100% { transform: scaleX(1); opacity: .65; }
  38% { transform: scaleX(.7); opacity: .3; }
  76% { transform: scaleX(1.04); opacity: .7; }
}

@media (max-height: 420px) {
  .parsko-launch-content { transform: none; }
  .parsko-launch-perch { width: 100px; height: 102px; margin-bottom: 8px; }
  .parsko-launch-bird { width: 100px; }
  .parsko-launch-shadow { bottom: 0; left: 20px; width: 60px; }
  .parsko-launch-wordmark { width: 120px; }
  .parsko-launch-tagline { margin-top: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  #parsko-launch[hidden] { display: none; animation: none; }
  #parsko-launch * { animation: none; }
}
