.social-grid{column-count:2;column-gap:1.5rem}@media(min-width:768px){.social-grid{column-count:3}}@media(min-width:1200px){.social-grid{column-count:4}}.social-item{position:relative;break-inside:avoid;margin-bottom:1.5rem;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .45s cubic-bezier(.19,1,.22,1),box-shadow .45s cubic-bezier(.19,1,.22,1)}.social-item.featured{transform:scale(1.03);box-shadow:0 20px 60px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.06)}.social-item:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 30px 80px rgba(0,0,0,.25)}.social-media{width:100%}.social-media img{width:100%;height:auto;display:block;transition:transform .9s ease}.social-item:hover img{transform:scale(1.05)}.social-media iframe{width:100%;border:none;display:block}.social-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0));opacity:0;transition:opacity .35s ease}.social-item:hover .social-overlay{opacity:1}.social-platform{font-size:11px;color:white;padding:6px 10px;background:rgba(0,0,0,.4);backdrop-filter:blur(8px)}.social-featured-badge,.social-platform{letter-spacing:.12em;text-transform:uppercase;font-weight:600;border-radius:999px}.social-featured-badge{position:absolute;top:14px;left:14px;z-index:5;font-size:10px;color:var(--color-bg);padding:6px 12px;background:var(--color-accent);box-shadow:0 6px 16px rgba(0,0,0,.25)}