/* Each entrance plays once, including cards inserted by the category filter. */
@media (prefers-reduced-motion: no-preference) {
    @keyframes kx-enter {
        from { opacity: .35; translate: 0 16px; }
        to { opacity: 1; translate: 0 0; }
    }

    .kx-enter { animation: kx-enter .48s cubic-bezier(.2,.7,.25,1) both; }
    .kx-enter:focus-within { animation: none; }
    .kx-planet-caption h1 { animation: kx-enter .65s ease-out both; }
    .kx-planet-caption p { animation: kx-enter .55s .09s ease-out both; }

    .list-ajax-nav button {
        transition: background-color .2s, color .2s, border-color .2s, transform .16s;
    }
    .list-ajax-nav button:active { transform: scale(.96); }
    .header .main-menu > li > a {
        background-image: linear-gradient(var(--gold), var(--gold));
        background-position: center calc(100% - .35em);
        background-size: 0 2px;
        background-repeat: no-repeat;
        transition: background-size .2s ease-out, color .2s;
    }
    .header .main-menu > li > a:is(:hover,:focus-visible) { background-size: 1.4em 2px; }

    @media (hover: hover) and (pointer: fine) {
        .list-grid .list-item.block { transition: transform .24s ease-out, box-shadow .24s, border-color .24s; }
        .list-grid .list-item.block:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 22px rgb(8 14 27 / 10%);
        }
        .list-grid .media { overflow: hidden; }
        .list-grid .media-content { transition: scale .45s ease-out; }
        .list-grid .media:hover .media-content { scale: 1.035; }
    }
}