.links-page { min-height:100svh; }
.links-shell { width:min(100% - 80px,1120px); margin:0 auto; padding:56px 0 24px; display:grid; grid-template-columns:minmax(280px,360px) minmax(0,1fr); gap:clamp(56px,7vw,112px); align-items:start; }
.links-profile { position:sticky; top:56px; }
.links-avatar { display:block; width:104px; height:104px; margin-bottom:24px; padding:4px; border:1px solid var(--line); border-radius:50%; background:var(--bg); transition:border-color .18s; }
.links-avatar img { display:block; width:100%; height:100%; border-radius:50%; object-fit:cover; }
.links-avatar:hover { border-color:var(--accent); }
.links-handle { color:var(--muted); font-size:.875rem; margin-bottom:16px; }
.links-profile h1 { font:500 clamp(44px,4.5vw,64px)/.98 var(--display); letter-spacing:-.05em; }
.links-profile h1 span { display:block; color:var(--accent); font-size:24px; line-height:1.3; margin-top:20px; letter-spacing:-.025em; }
.links-bio { color:var(--muted); font-size:1rem; line-height:1.65; margin-top:18px; }
.links-portfolio { display:block; position:relative; margin-top:36px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--paper); transition:border-color .18s; }
.links-portfolio img { width:100%; height:160px; object-fit:cover; object-position:center 65%; }
.links-portfolio-copy { display:block; padding:18px 20px; }
.links-portfolio-copy small { display:block; color:var(--muted); font-size:.75rem; margin-bottom:6px; }
.links-portfolio-copy strong { display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:500; font-size:.9375rem; }
.links-profile-note { color:var(--muted); font-size:.75rem; margin-top:18px; }
.links-main { min-width:0; }
.links-section+.links-section { margin-top:32px; }
.links-project-list { display:grid; gap:10px; }
.links-project { display:flex; align-items:center; gap:16px; min-height:104px; padding:18px 20px; border:1px solid var(--line); border-radius:12px; background:var(--paper); transition:border-color .18s; }
.links-project-icon { width:44px; height:44px; flex:none; border-radius:10px; }
.links-project-copy { min-width:0; flex:1; }
.links-project-copy strong { display:block; font:500 18px/1.3 var(--display); letter-spacing:-.025em; }
.links-project-copy>span { display:block; margin-top:4px; font-size:.8125rem; line-height:1.5; color:var(--muted); }
.links-project-copy small { display:block; font-size:.6875rem; margin-top:7px; color:var(--accent); overflow-wrap:anywhere; }
.links-project:hover { border-color:var(--accent); }
.links-project:hover .links-arrow { transform:translate(2px,-2px); color:var(--accent); }
.links-section-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:20px; }
.links-eyebrow { color:var(--muted); font-size:.6875rem; letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px; }
.links-section-heading h2 { font:500 28px/1.2 var(--display); letter-spacing:-.035em; }
.links-social-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.links-social,.links-telegram { display:flex; align-items:center; gap:14px; padding:16px 20px; min-height:82px; border:1px solid var(--line); border-radius:12px; background:var(--surface); transition:border-color .18s,background .18s; }
.links-social-youtube { grid-column:1/-1; }
.links-platform { display:flex; align-items:center; justify-content:center; width:44px; height:44px; flex:none; border:1px solid var(--line); border-radius:10px; background:var(--bg); }
.links-platform img { width:22px; height:22px; filter:invert(1); }
.links-social-copy { min-width:0; flex:1; }
.links-social-copy strong { display:block; font-weight:500; font-size:1rem; line-height:1.35; }
.links-social-copy>span { display:block; color:var(--muted); font-size:.75rem; line-height:1.5; margin-top:6px; overflow-wrap:anywhere; }
.links-arrow { width:18px; height:18px; flex:none; color:var(--muted); transition:transform .18s,color .18s; }
.links-social:hover,.links-portfolio:hover,.links-telegram:hover { border-color:var(--accent); }
.links-social:hover,.links-telegram:hover { background:var(--paper); }
.links-social:hover .links-arrow,.links-portfolio:hover .links-arrow,.links-telegram:hover .links-arrow { transform:translate(2px,-2px); color:var(--accent); }
.links-telegram { min-height:88px; border-color:var(--accent); margin-bottom:16px; }
.links-emails { border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--surface); }
.links-email-row { display:flex; align-items:center; min-height:76px; gap:8px; padding-right:12px; }
.links-email-row+.links-email-row { border-top:1px solid var(--line); }
.links-email { display:flex; align-items:center; flex:1; min-width:0; gap:14px; padding:17px 18px; }
.links-email>span:last-child { min-width:0; }
.links-mail-icon { width:24px; height:24px; flex:none; color:var(--muted); }
.links-mail-icon svg { width:100%; height:100%; }
.links-email small { display:block; color:var(--muted); font-size:.6875rem; margin-bottom:5px; }
.links-email strong { display:block; font-size:.875rem; font-weight:400; line-height:1.4; overflow-wrap:anywhere; }
.links-email:hover strong { color:var(--accent); }
.links-email:focus-visible { outline-offset:-4px; }
.links-copy { flex:none; min-width:56px; min-height:44px; padding:8px; border:1px solid transparent; border-radius:6px; color:var(--muted); background:transparent; font-size:.75rem; }
.links-copy:hover { color:var(--ink); border-color:var(--line); }
.links-copy[data-copied] { color:var(--accent); }
.links-contact-note { margin-top:10px; font-size:.6875rem; color:var(--muted); }
.links-footer { display:flex; justify-content:space-between; gap:16px; margin-top:28px; padding-top:12px; border-top:1px solid var(--line); font-size:.6875rem; color:var(--muted); }
.links-footer a { display:flex; align-items:center; min-height:44px; }
.links-footer>span { align-self:center; }
.links-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.links-status-error { font-size:.75rem; color:var(--ink); margin-top:12px; }
@media(max-width:1000px) and (min-width:761px) { .links-shell { gap:40px; grid-template-columns:280px minmax(0,1fr); } .links-social { padding:16px; gap:10px; } .links-social-grid { grid-template-columns:1fr; } }
@media(max-width:760px) {
  .links-shell { width:min(100% - 40px,560px); padding-top:24px; display:block; }
  .links-profile { position:static; text-align:center; margin-bottom:30px; }
  .links-avatar { width:88px; height:88px; margin:0 auto 18px; }
  .links-handle { font-size:.8125rem; margin-bottom:12px; }
  .links-profile h1 { font-size:36px; line-height:1.1; }
  .links-profile h1 br { display:none; }
  .links-profile h1 span { font-size:22px; margin-top:8px; }
  .links-bio { font-size:.875rem; margin-top:14px; }
  .links-portfolio { margin-top:20px; display:flex; align-items:stretch; text-align:left; min-height:88px; }
  .links-portfolio img { width:88px; height:auto; min-height:88px; object-fit:cover; flex:none; }
  .links-portfolio-copy { flex:1; align-self:center; min-width:0; padding:16px; }
  .links-portfolio-copy strong { font-size:.875rem; }
  .links-portfolio-copy small { font-size:.6875rem; }
  .links-profile-note { display:none; }
  .links-section-heading { margin-bottom:16px; }
  .links-section-heading h2 { font-size:26px; }
  .links-eyebrow { margin-bottom:6px; }
  .links-social-grid { grid-template-columns:1fr; gap:10px; }
  .links-social,.links-telegram { min-height:82px; padding:16px; gap:16px; }
  .links-social-copy>span { margin-top:4px; }
  .links-section+.links-section { margin-top:28px; }
  .links-project { padding:16px; gap:12px; }
  .links-project-copy strong { font-size:17px; }
  .links-email { gap:12px; padding:16px; }
  .links-email-row { padding-right:8px; }
  .links-email strong { font-size:.875rem; }
}
@media(min-width:360px) and (max-width:760px) {
  .links-social-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .links-social { display:grid; grid-template-columns:28px minmax(0,1fr); gap:8px 10px; padding:14px; min-height:90px; }
  .links-social .links-platform { width:28px; height:28px; border:0; background:transparent; }
  .links-social .links-social-copy { display:contents; }
  .links-social .links-social-copy strong { font-size:.9375rem; }
  .links-social .links-social-copy>span { grid-column:1/-1; margin-top:0; }
  .links-social>.links-arrow { display:none; }
  .links-social-youtube { display:flex; min-height:74px; }
  .links-social-youtube .links-social-copy { display:block; }
  .links-social-youtube>.links-arrow { display:block; margin-left:auto; }
}
@media(min-width:761px) and (max-height:780px) { .links-profile { position:static; } }
@media(max-width:380px) {
  .links-email .links-mail-icon { display:none; }
  .links-email { padding:16px 12px; }
  .links-email strong { font-size:.8125rem; }
  .links-copy { min-width:44px; padding:6px; }
}
@media(prefers-reduced-motion:reduce) { .links-avatar,.links-social,.links-telegram,.links-portfolio,.links-project,.links-arrow { transition:none; } }