.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;display:grid}.article-card{border-radius:var(--radius-l);border:1px solid var(--line);background:var(--panel);transition:transform .25s var(--ease), border-color .25s;flex-direction:column;display:flex;overflow:hidden}@media (hover:hover){.article-card:hover{border-color:rgb(var(--cyan-rgb) / .5);transform:translateY(-4px)}}.article-visual{aspect-ratio:16/8;background:radial-gradient(circle at 70% 40%, rgb(var(--violet-rgb) / .35), transparent 60%), var(--bg-2);position:relative;overflow:hidden}.article-visual img{object-fit:cover;width:100%;height:100%}.article-visual .radar{opacity:.7;width:72%;position:absolute;top:-30%;right:-12%}.article-visual .chip{position:absolute;bottom:14px;left:14px}@media (max-width:560px){.article-visual.no-art{aspect-ratio:auto;height:76px}.article-visual.no-art .radar{width:190px;top:-70px;right:-40px}.article-visual.no-art .chip{bottom:50%;transform:translateY(50%)}}.article-copy{flex-direction:column;flex:1;gap:10px;padding:18px 20px 22px;display:flex}.article-copy .meta{color:var(--text-3);font:600 13px/1.2 var(--f-hud);letter-spacing:.1em;text-transform:uppercase}.article-copy h3{font-size:21px;font-weight:800;line-height:1.3}.article-copy p{color:var(--text-2);font-size:16px;line-height:1.55}.article-copy .text-link{margin-top:auto;padding-top:6px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(min(46%,230px),1fr));gap:16px;display:grid}.video-grid-lg{grid-template-columns:repeat(auto-fill,minmax(min(46%,250px),1fr))}.video-card{border:1px solid var(--line);background:var(--panel);transition:transform .25s var(--ease), border-color .25s;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}@media (hover:hover){.video-card:hover{border-color:rgb(var(--cyan-rgb) / .5);transform:translateY(-4px)}}.video-thumb{aspect-ratio:3/4;background:var(--bg-2);position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}@media (hover:hover){.video-card:hover .video-thumb img{transform:scale(1.04)}}.play-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:56px;height:56px;transition:transform .25s var(--ease), background .25s;background:#06050d9e;border:2px solid #ffffffd9;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}@media (hover:hover){.video-card:hover .play-badge{background:var(--cyan);color:#04121a;border-color:var(--cyan);transform:scale(1.1)}}.video-platform{position:absolute;top:10px;left:10px}.video-copy{gap:6px;padding:14px 16px 16px;display:grid}.video-copy h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.video-copy small{color:var(--text-3);font:600 12px/1.2 var(--f-hud);letter-spacing:.1em;text-transform:uppercase}