.rp-intro { display: none; }

@media (prefers-reduced-motion: no-preference) {
  .rp-intro {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    pointer-events: none;
    background: radial-gradient(ellipse at center, #28282e, #101014 65%);
    color: #fafafa;
    animation: rp-intro-reveal 1.35s cubic-bezier(.55,.05,.2,1) both;
  }

  .rp-intro-brand {
    display: grid;
    justify-items: center;
    gap: .3rem;
    text-align: center;
    animation: rp-intro-wordmark .38s ease-out both;
  }

  .rp-intro-brand strong { font-size: clamp(2.5rem, 10vw, 5rem); line-height: 1.35; }
  .rp-intro-brand span { font-size: .9rem; letter-spacing: .14em; color: #c5c5cc; }

  .rp-intro-brand::after {
    content: "";
    width: 4rem;
    height: 2px;
    margin-top: .85rem;
    background: linear-gradient(90deg, transparent, #f4f4f5, transparent);
    animation: rp-intro-line .42s .12s ease-out both;
  }
}

@keyframes rp-intro-wordmark {
  from { opacity: 0; transform: translateY(.6rem); }
}

@keyframes rp-intro-line {
  from { opacity: 0; transform: scaleX(0); }
}

@keyframes rp-intro-reveal {
  0%, 63% { opacity: 1; visibility: visible; clip-path: inset(0); }
  100% { opacity: 0; visibility: hidden; clip-path: inset(50% 0); }
}