/* Enhancement only: content remains visible without JavaScript or animation. */
@media (prefers-reduced-motion: no-preference) {
    .motion-enter {
        animation: mandarin-enter .7s cubic-bezier(.22,1,.36,1) var(--entry-delay,0ms) both;
    }
    .leaf-draw path:first-child {
        stroke-dasharray: 1;
        animation: mandarin-stem-draw 1.1s ease-out .12s both;
    }
    .leaf-draw path:not(:first-child) {
        stroke: currentColor;
        stroke-width: .45;
        stroke-dasharray: 1;
        animation: mandarin-leaf-draw 1.35s ease-out .2s both;
    }
}

@keyframes mandarin-enter {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: none; }
}
@keyframes mandarin-stem-draw {
    from { stroke-dashoffset: 1; }
    to { stroke-dashoffset: 0; }
}
@keyframes mandarin-leaf-draw {
    0% { stroke-dashoffset: 1; fill-opacity: 0; }
    70% { stroke-dashoffset: 0; fill-opacity: .08; }
    100% { stroke-dashoffset: 0; fill-opacity: 1; }
}

@media (prefers-reduced-motion: no-preference) and (min-width: 1051px) and (hover: hover) and (pointer: fine) {
    .destination-feature.is-parallax > img {
        transform: translate3d(0,var(--parallax-y,0px),0) scale(1.07);
        will-change: transform;
    }
}

@media (prefers-reduced-motion: reduce) {
    .motion-enter { animation: none; opacity: 1; transform: none; }
    .leaf-draw path { animation: none; stroke-dasharray: none; stroke-dashoffset: 0; fill-opacity: 1; }
    .destination-feature.is-parallax > img { transform: none; will-change: auto; }
}
@media print {
    .motion-enter { animation: none; opacity: 1; transform: none; }
    .leaf-draw path { animation: none; stroke-dasharray: none; stroke-dashoffset: 0; fill-opacity: 1; }
    .destination-feature.is-parallax > img { transform: none; }
}