.media-card{width:280px;min-height:304px;flex-shrink:0;background:var(--color-white);scroll-snap-align:start}.media-card__link{display:block;height:100%}.media-card__preview{position:relative;aspect-ratio:280/158;overflow:hidden}.media-card__image{width:100%;height:100%;object-fit:cover}.media-card--video .media-card__preview::after{content:'';position:absolute;inset:0;background:var(--color-video-overlay);pointer-events:none}.media-card__play{position:absolute;z-index:1;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;background:var(--color-white);color:var(--color-ink)}.media-card__play .icon{width:18px;height:18px}.media-card__body{display:grid;gap:6px;padding:14px 18px 18px}.media-card__source{display:flex;align-items:center;gap:6px;font-size:var(--fs-small);line-height:20px;color:var(--color-muted)}.media-card__source .icon{width:14px;height:14px}.media-card__title{font-family:var(--font-body);font-weight:600;font-size:var(--fs-news-body-mobile);line-height:1.4;color:var(--color-ink);overflow-wrap:anywhere}.media-card__link[href]:hover .media-card__title{color:var(--color-accent)}.media-card__preview--brand{display:grid;place-items:center;background:var(--color-media-matte)}.media-card__preview--brand .media-card__image{width:185px;max-width:80%;height:auto;opacity:.35;object-fit:contain}
.media-card--lnob{border-radius:var(--radius-lnob-card);background:var(--color-white);padding:12px 12px 24px}.media-card--lnob .media-card__link{display:flex;flex-direction:column;gap:16px}.media-card--lnob .media-card__preview{border-radius:24px;overflow:hidden;aspect-ratio:16/9}.media-card--lnob .media-card__body{padding:0 8px;gap:8px}.media-card--lnob .media-card__source{color:var(--color-lnob-purple);font-size:16px;line-height:24px}.media-card--lnob .media-card__title{font-weight:700;font-size:17px;line-height:1.3;color:var(--color-lnob-ink)}.media-card--lnob .media-card__play{border-radius:50%;width:51px;height:51px;color:var(--color-lnob-blue)}
@media(max-width:767px){.media-card--lnob{padding:10px 10px 20px}.media-card--lnob .media-card__title{font-size:15px}.media-card--lnob .media-card__source{font-size:14px;line-height:20px}}
.media-card--lnob{width:100%;min-height:0}.media-card--lnob .media-card__title{font-family:var(--font-heading)}