.banner{color:inherit;border-radius:var(--radius-card,12px);background:var(--surface-elevated);animation:mes-fade-in var(--motion-screen) var(--ease-out) backwards;isolation:isolate;text-decoration:none;display:flex;position:relative;overflow:hidden}.banner-card{aspect-ratio:32/9;width:100%}.banner-card .banner-image{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@keyframes banner-image-drive-in{0%{opacity:0;transform:translate(22%)}to{opacity:1;transform:translate(0)}}@keyframes banner-body-drive-in{0%{opacity:0;transform:translate(10%)}to{opacity:1;transform:translate(0)}}.banner-card .banner-image{animation:.46s cubic-bezier(.22,.61,.36,1) both banner-image-drive-in}.banner-card .banner-body{animation:.38s cubic-bezier(.22,.61,.36,1) 70ms both banner-body-drive-in}.banner-row .banner-image,.banner-row .banner-body{animation:.28s ease-out both banner-body-drive-in}@media (prefers-reduced-motion:reduce){.banner-card .banner-image,.banner-card .banner-body,.banner-row .banner-image,.banner-row .banner-body{animation:none}}.banner-card:before{content:"";background:linear-gradient(90deg,#000000e0 0%,#000000c7 38%,#0000006b 60%,#0000 82%);position:absolute;inset:0}.banner-card .banner-body{z-index:1;color:#fff;flex-direction:column;justify-content:center;gap:1px;max-width:58%;height:100%;padding:0 14px;display:flex;position:relative}.banner-card .banner-title{font-size:15px;line-height:20px}.banner-card .banner-subtitle{font-size:12.5px;line-height:17px}.banner-card .banner-cta{color:#6ab3f3;font-size:12.5px;line-height:17px}.banner-row{align-items:center;gap:var(--space-3);padding:10px 12px}.banner-row .banner-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.banner-row .banner-body{flex-direction:column;gap:2px;min-width:0;display:flex}.banner-story{background:0 0;border-radius:0;flex-direction:column;align-items:center;width:72px}.banner-story .banner-image{object-fit:cover;border:2px solid var(--accent);border-radius:50%;width:64px;height:64px}.banner-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.banner-subtitle{opacity:.8;text-overflow:ellipsis;white-space:nowrap;font-size:.85em;overflow:hidden}.banner-cta{color:var(--link);font-size:.85em;font-weight:600}.banner-ad-label{color:#fff;background:#0000008c;border-radius:4px;padding:2px 6px;font-size:.7em;line-height:1.4;position:absolute;top:6px;right:6px}.banner-story .banner-ad-label{color:inherit;opacity:.6;background:0 0;margin-top:2px;padding:0;position:static}