.links-page{background:#f8f8f8}
.links-main{width:min(470px,calc(100% - 32px));min-height:calc(100vh - 330px);margin:0 auto;padding:72px 0 80px}
.links-card{text-align:center}
.links-portrait{display:block;width:112px;height:112px;margin:0 auto 22px;border-radius:50%;object-fit:cover}
.links-social-links{display:flex;flex-wrap:wrap;width:100%;margin:0 auto 36px;align-items:center;justify-content:center;gap:16px}
.links-social-links a,.links-social-links img{flex:0 0 24px;width:24px;height:24px}
.links-card h1{margin:0 0 38px;font:700 20px/1.2 Helvetica,Arial,sans-serif}
.links-card h1 a{text-decoration:none}
.links-card h1 a:hover{text-decoration:underline;text-underline-offset:3px}
.links-list{display:grid;gap:12px}
.links-list>a{position:relative;display:flex;min-height:58px;padding:13px 22px;border:1px solid #000;border-radius:8px;align-items:center;justify-content:center;color:#fff;background:#000;font:400 17px/1.25 Helvetica,Arial,sans-serif;text-align:center;text-decoration:none;transition:background .16s,color .16s,opacity .16s,transform .16s,box-shadow .16s}
.links-list>a.has-image{padding-left:76px;padding-right:76px}
.links-list>a>img{position:absolute;left:12px;width:44px;height:44px;border-radius:4px;object-fit:cover}
.links-item-copy{display:grid;gap:3px}
.links-item-copy strong{font:inherit;font-weight:500}
.links-item-copy small{font-size:13px;line-height:1.25;opacity:.68}
.links-list>a:hover,.links-list>a:focus-visible{background:#111;color:#fff;text-decoration:none;opacity:.5;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}
@media(max-width:600px){.links-main{padding:48px 0 64px}.links-portrait{width:96px;height:96px}.links-card h1{margin-bottom:30px}.links-list>a.has-image{padding-left:68px;padding-right:18px;text-align:left;justify-content:flex-start}}
