.social-links{margin-top:1.3rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}.social-links__heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.social-links__heading span{font:700 .66rem/1 Roboto Mono,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.social-links__heading small{opacity:.65;font:500 .58rem/1 Roboto Mono,ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.social-links__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.social-links__list a{min-height:2.6rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;color:inherit;border:1px solid color-mix(in srgb,currentColor 26%,transparent);background:color-mix(in srgb,currentColor 4%,transparent);text-decoration:none;transition:transform .16s var(--ease-out, ease-out),border-color .16s var(--ease-out, ease-out),background .16s var(--ease-out, ease-out),color .16s var(--ease-out, ease-out)}.social-links__list a:hover{color:#f4b333;border-color:#f4b333;background:#f4b33314;transform:translateY(-2px)}.social-links__list a:focus-visible{outline:2px solid #f4b333;outline-offset:3px}.social-links__list svg{width:1rem;height:1rem;fill:currentColor;flex:0 0 auto}.social-links__list svg:last-child{fill:none;opacity:.78}.social-links__list .social-links__dot{fill:currentColor}.social-links__list span{font:700 .55rem/1 Roboto Mono,ui-monospace,monospace;letter-spacing:.04em}.social-links--home,.social-links--contact{color:#f5f1e8}@media (max-width: 720px){.social-links__list{grid-template-columns:repeat(2,minmax(0,1fr))}.social-links__list a{justify-content:flex-start;padding-inline:.75rem}}