.catcard{position:relative;display:block;aspect-ratio:6/5;width:100%;max-width:448px;margin:0 auto;overflow:hidden;border-radius:16px;background:var(--color-media-placeholder);transition:transform .16s var(--banner-ease,ease-out),box-shadow .16s var(--banner-ease,ease-out)}.catcard+.catcard{margin-top:12px}.catcard:hover{transform:scale(1.01);box-shadow:0 10px 30px color-mix(in srgb,var(--color-primary) 22%,transparent)}.catcard:active{transform:scale(.985)}.catcard__media,.catcard__media .mloop{position:absolute;inset:0;display:block}.catcard__img,.catcard__media .mloop__media,.catcard__media .mloop__still{width:100%;height:100%;object-fit:cover}.catcard__shade{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--color-overlay-dark) 70%,transparent) 0,transparent 45%)}.catcard__copy{position:absolute;left:var(--home-gutter);right:calc(var(--home-gutter) + 52px);bottom:var(--home-gutter);display:grid;grid-gap:4px;gap:4px;justify-items:start;text-align:left}.catcard__title{font-family:var(--font-heading);font-size:22px;font-weight:700;line-height:1.25;color:var(--color-on-image)}.catcard__desc{max-width:100%;overflow:hidden;font-size:13px;line-height:1.5;color:color-mix(in srgb,var(--color-on-image) 80%,transparent);white-space:nowrap;text-overflow:ellipsis}.catcard__play{position:absolute;right:var(--home-gutter);bottom:var(--home-gutter);display:grid;place-items:center;width:40px;height:40px;border:1.5px solid color-mix(in srgb,var(--color-on-image) 85%,transparent);border-radius:var(--radius-pill);font-size:13px;line-height:1;color:var(--color-on-image)}@media (prefers-reduced-motion:reduce){.catcard{transition:none}.catcard:hover{transform:none}}