.social-showcase{color:var(--cream);background:#10100f;padding:9vw 4vw}.social-showcase header{grid-template-columns:1fr 1fr;align-items:end;gap:20px 4vw;margin-bottom:60px;display:grid}.social-showcase header .kicker{grid-column:1/-1;margin:0}.social-showcase header h2{letter-spacing:-.04em;margin:0;font-size:clamp(38px,5vw,78px);line-height:.95}.social-showcase header h2 em{color:var(--acid)}.social-showcase header>p:last-child{max-width:440px;color:var(--muted);justify-self:end;margin:0;font-size:16px;line-height:1.6}.social-brands{gap:56px;display:grid}.social-brand-head{border-bottom:1px solid var(--line);color:var(--cream);justify-content:space-between;align-items:end;margin-bottom:18px;padding-bottom:16px;display:flex}.social-brand-head h3{letter-spacing:-.02em;margin:0;font-size:clamp(22px,2vw,30px)}.social-brand-head p{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:5px 0 0;font-size:10px}.social-brand-head svg{transition:transform .3s}.social-brand-head:hover svg{color:var(--acid);transform:translate(3px,-3px)}.social-posts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.social-posts a{background:#1c1d19;border-radius:10px;display:block;overflow:hidden}.social-posts img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block}.social-posts a:hover img{transform:scale(1.04)}.social-showcase-compact .social-brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw}.social-showcase-compact .social-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-showcase-more{background:var(--acid);color:#111;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:10px;margin-top:50px;padding:16px 24px;font-size:12px;font-weight:700;display:inline-flex}@media (max-width:800px){.social-showcase{padding:18vw 5vw}.social-showcase header{grid-template-columns:1fr}.social-showcase header>p:last-child{justify-self:start}.social-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-showcase-compact .social-brands{grid-template-columns:1fr;gap:44px}}
