/* Original Illustrator paths. Animate orange details only in the selected biography. */
.about2-profile-illustration {
    position: absolute; left: -17.777778%; top: -22.222222%; display: block;
    width: 135.555556%; height: 151.111111%; overflow: visible; pointer-events: none;
}
.about2-portrait-accent { transform-box: fill-box; transform-origin: center; }
/* Facial normalization leaves Mindy's long hair below the common portrait slot. */
.about2-profile[data-about2-panel="mindy"] .about2-story { margin-top: 48px !important; }
.about2-accent-float { --accent-motion: about2-accent-float; }
.about2-accent-heart { --accent-motion: about2-accent-heart; }
.about2-accent-tilt { --accent-motion: about2-accent-tilt; }
.about2-accent-rise { --accent-motion: about2-accent-rise; }
.about2-accent-glow { --accent-motion: about2-accent-glow; }
.about2-accent-ray { --accent-motion: about2-accent-ray; }
.about2-accent-wave { --accent-motion: about2-accent-wave; }
.about2-accent-dot { --accent-motion: about2-accent-dot; }
@keyframes about2-accent-float {
    0%, 72%, 100% { transform: translate(0, 0) rotate(0); }
    22% { transform: translate(-1px, -8px) rotate(-4deg); }
    46% { transform: translate(2px, -3px) rotate(3deg); }
}
@keyframes about2-accent-heart {
    0%, 34%, 68%, 100% { transform: translateY(0) scale(1) rotate(0); }
    18% { transform: translateY(-2px) scale(1.16) rotate(-6deg); }
    48% { transform: translateY(-1px) scale(1.09) rotate(4deg); }
}
@keyframes about2-accent-tilt {
    0%, 70%, 100% { transform: translateY(0) rotate(0); }
    20% { transform: translateY(-2px) rotate(-10deg); }
    44% { transform: translateY(-1px) rotate(7deg); }
}
@keyframes about2-accent-rise {
    0%, 70%, 100% { transform: translateY(0); }
    24% { transform: translateY(-10px); }
    46% { transform: translateY(-3px); }
}
@keyframes about2-accent-glow {
    0%, 70%, 100% { transform: translateY(0) scale(1); opacity: 1; }
    15% { opacity: .72; }
    34% { transform: translateY(-2px) scale(1.12); opacity: 1; }
}
@keyframes about2-accent-ray {
    0%, 72%, 100% { transform: scale(1); opacity: 1; }
    15% { transform: scale(.9); opacity: .5; }
    36% { transform: scale(1.18); opacity: 1; }
}
@keyframes about2-accent-wave {
    0%, 72%, 100% { transform: translateY(0) scale(1); opacity: 1; }
    12% { opacity: .5; }
    34% { transform: translateY(-2px) scale(1.14); opacity: 1; }
}
@keyframes about2-accent-dot {
    0%, 68%, 100% { transform: translateY(0) scale(1); opacity: 1; }
    12% { opacity: .6; }
    30% { transform: translateY(-4px) scale(1.2); opacity: 1; }
}
@media (prefers-reduced-motion: no-preference) {
    .about2-enhanced :where(.about2-profile.is-active) .about2-portrait-accent {
        animation: var(--accent-motion) var(--accent-duration, 4.8s) ease-in-out var(--accent-delay, 0s) infinite both;
    }
}