/* Explicit user request: the central link turns every portrait toward its center.
   Sprite cells share the source vector's 544-unit canvas and 360-unit alignment. */
.about2-face[data-portrait="dandy"] { --gaze-scale: 1.04724738; --gaze-x: -.91158%; --gaze-y: .09026%; }
.about2-face[data-portrait="hyolti"] { --gaze-scale: .90584945; --gaze-x: -6.72090%; --gaze-y: 1.16720%; }
.about2-face[data-portrait="andy"] { --gaze-scale: .95394896; --gaze-x: .00202%; --gaze-y: 4.55910%; }
.about2-face[data-portrait="dion"] { --gaze-scale: .89999308; --gaze-x: 0%; --gaze-y: 2.89189%; }
.about2-face[data-portrait="jerry"] { --gaze-scale: .97756138; --gaze-x: .10294%; --gaze-y: 3.72473%; }
.about2-face[data-portrait="jun"] { --gaze-scale: .96863678; --gaze-x: .00551%; --gaze-y: 4.34715%; }
.about2-face[data-portrait="mindy"] { --gaze-scale: .71360758; --gaze-x: 1.42141%; --gaze-y: -6.38505%; }
.about2-gaze {
    position: absolute;
    inset: -25.555556%;
    visibility: hidden;
    pointer-events: none;
    /* Match the current orbit PNG, including its individual optical alignment. */
    transform: translate(var(--gaze-x, 0%), var(--gaze-y, 0%)) scale(var(--gaze-scale, 1));
}
.about2-gaze-frame, .about2-gaze-accents {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.about2-gaze-frame { overflow: hidden; }
.about2-gaze-frame .about2-gaze-sheet {
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height: 300%;
    max-width: none;
    object-fit: fill;
}
.about2-face.is-gaze-visible > .about2-face-ink { visibility: hidden; }
.about2-face.is-gaze-visible > .about2-gaze { visibility: visible; }
.about2-enhanced .about2-member .about2-gaze { opacity: .5; }
.about2-enhanced .about2-member[aria-selected="true"] .about2-gaze { opacity: 1; }
/* Explicit central-hover request: bring every character to full opacity. */
.about2-enhanced .about2-people[data-center-engaged="true"] .about2-member :is(.about2-face-ink, .about2-gaze) { opacity: 1; }
.about2-orbit-center [data-about2-center-invite] { color: var(--about-primary); font-weight: 700; }
/* The shared entrance selector normally targets every portrait image. */
.about2-enhanced .about2-member-node :is(.about2-gaze-sheet, .about2-gaze-accents) { animation: none; }

/* Profile entry: 720ms left-to-front turn; reveal the orange details 120ms later.
   The front sprite switches directly to the aligned vector without dimming. */
.about2-profile-face {
    --about-profile-turn-duration: 720ms;
    --about-profile-accent-delay: 120ms;
}
.about2-enhanced .about2-profile.is-active .about2-profile-face.is-profile-preparing { opacity: 0; transition: none; }
.about2-profile-turn {
    position: absolute;
    inset: -25.555556%;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}
.about2-profile-turn .about2-profile-turn-sheet {
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height: 300%;
    max-width: none;
    object-fit: fill;
}
.is-profile-turning > .about2-profile-turn { visibility: visible; }
.is-profile-turning > .about2-profile-illustration > g:not(.about2-portrait-accent):not(.about2-profile-accent-reveal) { visibility: hidden; }
.about2-profile-face[data-profile-accents-visible="false"] .about2-profile-accent-reveal { opacity: 0; transition: none; }
.about2-profile-face[data-profile-accents-visible="true"] .about2-profile-accent-reveal { opacity: 1; transition: opacity 220ms ease; }
.about2-profile-face[data-profile-accents-visible="false"] .about2-portrait-accent { animation-play-state: paused; }
@media (prefers-reduced-motion: no-preference) {
    html.about2-cover-wait .about2 .about2-profile .about2-profile-face { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .about2-profile-turn { display: none; }
    .is-profile-turning > .about2-profile-illustration > g:not(.about2-portrait-accent):not(.about2-profile-accent-reveal) { visibility: visible; }
    .about2-profile-face[data-profile-accents-visible] .about2-profile-accent-reveal { opacity: 1; transition: none; }
}
