.social-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.social-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--bone)}
.social-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.social-ig{display:block;text-decoration:none;transition:transform .25s,border-color .35s}
.social-ig:hover{transform:translateY(-3px);border-color:var(--acc-b)}
.social-badge{position:absolute;top:10px;inset-inline-end:10px;padding:4px 8px;border-radius:999px;background:var(--scrim);border:1px solid var(--acc-b);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.social-play{position:relative;display:block;width:100%;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.social-play-icon{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:grid;place-items:center;width:52px;height:52px;padding-inline-start:3px;border-radius:50%;background:var(--scrim);border:1px solid var(--acc-b);font-size:1.25rem}
.social-title{margin:0;padding:12px 14px;font-size:.88rem;line-height:1.4}
.social-yt iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.social-state{color:var(--muted);padding:18px 0}
.social-state.is-error{color:var(--acc-a)}
@media(hover:none){.social-ig:hover{transform:none}}