/* ============================================================
   deathlyill — animations
   Sequential fade-in for the avatar, name, bio, social row.
   ============================================================ */

.fadein {
    animation: ls-fadein 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

#avatar.fadein               { animation-delay: 0.05s; }
h1.fadein                    { animation-delay: 0.15s; }
.description-parent.fadein   { animation-delay: 0.25s; }
.social-icon-div.fadein      { animation-delay: 0.35s; }

@keyframes ls-fadein {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Card itself rises in on first paint. */
.column {
    animation: ls-card-in 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
@keyframes ls-card-in {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Background fades up too so the video reveal feels intentional. */
.ls-bg { animation: ls-bg-in 1.2s ease-out both; }
@keyframes ls-bg-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .fadein,
    .column,
    .ls-bg,
    .button-entrance { animation: none !important; }
}