/* Entry tokens preserve Sadari's layout and existing motion.
   duration/distance/stagger express reading order; individual translate leaves
   the orbit, English heading and collage transforms intact. No JS: visible. */
.about2, .about2-closing {
    --about-reveal-duration: 620ms;
    --about-reveal-distance: 20px;
    --about-reveal-stagger: 80ms;
    --about-reveal-max-delay: 320ms;
    --about-reveal-ease: cubic-bezier(.2, .7, .2, 1);
}
@media (max-width: 1200px) {
    .about2, .about2-closing {
        --about-reveal-duration: 540ms;
        --about-reveal-distance: 14px;
        --about-reveal-stagger: 65ms;
        --about-reveal-max-delay: 260ms;
    }
}
@media (max-width: 600px) {
    .about2, .about2-closing {
        --about-reveal-duration: 460ms;
        --about-reveal-distance: 10px;
        --about-reveal-stagger: 55ms;
        --about-reveal-max-delay: 220ms;
    }
}
[data-about2-reveal="fade"] { --about-reveal-distance: 0px; }
[data-about2-reveal="photo"] { --about-reveal-distance: 10px; }
@media (prefers-reduced-motion: no-preference) {
    [data-about2-reveal-state="pending"] { opacity: 0; translate: 0 var(--about-reveal-distance); }
    [data-about2-reveal-state="entering"] {
        opacity: 1; translate: 0 0; will-change: opacity, translate;
        transition: opacity var(--about-reveal-duration) var(--about-reveal-ease) var(--about-reveal-delay, 0ms),
            translate var(--about-reveal-duration) var(--about-reveal-ease) var(--about-reveal-delay, 0ms);
    }
}
[data-about2-reveal-state="visible"] { opacity: 1; translate: none; }
@media (prefers-reduced-motion: reduce), print {
    [data-about2-reveal] { opacity: 1 !important; translate: none !important; transition: none !important; will-change: auto !important; }
}