/* Living Cover — subtle Ken Burns motion instead of a static cover image.
   Applied via background-size/position animation so it works on the
   existing background-image inline styles without any markup changes. */

@media (prefers-reduced-motion: no-preference) {
    .hbp-story-card-cover,
    .hbp-story-hero-cover {
        background-size: 112% auto;
        animation: hbp-ken-burns 18s ease-in-out infinite alternate;
        will-change: background-size, background-position;
    }

    .hbp-story-card:hover .hbp-story-card-cover {
        animation-duration: 9s;
    }

    .hbp-story-hero {
        background-size: 108% auto;
        transition: background-position .1s linear;
    }
}

@keyframes hbp-ken-burns {
    0%   { background-size: 108% auto; background-position: 50% 46%; }
    100% { background-size: 122% auto; background-position: 52% 52%; }
}

@media (prefers-reduced-motion: reduce) {
    .hbp-story-card-cover,
    .hbp-story-hero-cover,
    .hbp-story-hero { animation: none !important; }
}
