.social-dock{margin-top:54px}.social-dock__heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.social-dock__heading h2{margin:7px 0 0;font-size:22px;letter-spacing:-.06em}.social-dock__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.social-dock__link{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:15px 14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.035);overflow:hidden;transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease}.social-dock__link:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.08),transparent 75%);transform:translateX(-110%);transition:transform .55s ease;pointer-events:none}.social-dock__link:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08);transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,.25)}.social-dock__link:hover:before{transform:translateX(110%)}.social-dock__icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:#fff;background:rgba(255,255,255,.08);transition:transform .25s ease,background .25s ease}.social-dock__icon svg{display:block;width:19px;height:19px}.social-dock__link:hover .social-dock__icon{transform:rotate(-6deg) scale(1.08);background:rgba(255,255,255,.16)}.social-dock__link>span:nth-child(2){display:grid;gap:3px;min-width:0}.social-dock__link strong{font-size:13px;white-space:nowrap}.social-dock__link small{color:var(--muted);font:9px 'DM Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-dock__arrow{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;color:#aaa;font-size:0}.social-dock__arrow svg{display:block;width:14px;height:14px;transition:transform .2s ease}.social-dock__link:hover .social-dock__arrow{color:#fff}.social-dock__link:hover .social-dock__arrow svg{transform:translate(2px,-2px)}
@media (min-width:701px) and (max-width:980px){.social-dock__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.social-dock{margin-top:42px}.social-dock__heading{align-items:start;flex-direction:column}.social-dock__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-dock__link{padding:13px 11px}.social-dock__link strong{font-size:12px}}