.home-socials { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:22px; }
.home-socials a { display:inline-flex; align-items:center; gap:7px; min-height:36px; color:var(--muted, #9ba8b6); font-size:12px; text-decoration:none; }
.home-socials .icon { width:16px; height:16px; }
.home-socials a:hover { color:var(--accent, #d7fc70); }
.about-socials { margin-top:38px; padding-top:30px; border-top:1px solid #ffffff16; }
.about-socials h2 { font-size:clamp(26px, 2.4vw, 36px); line-height:1.2; letter-spacing:-.04em; margin:12px 0; }
.about-socials h2 em { color:var(--accent, #d7fc70); font-family:Georgia, serif; font-weight:400; }
.about-socials-intro { color:#9ba8b6; font-size:13px; line-height:1.7; margin-bottom:20px; }
.about-social-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.about-social-card { display:flex; align-items:center; gap:14px; min-width:0; padding:20px; border:1px solid #ffffff15; border-radius:16px; background:#ffffff03; text-decoration:none; transition:transform 180ms ease, border-color 180ms ease, background 180ms ease; }
.about-social-card:hover { transform:translateY(-3px); border-color:#d7fc7055; background:#d7fc7008; }
.about-social-icon { display:grid; place-items:center; flex:0 0 42px; height:42px; border-radius:12px; color:var(--accent, #d7fc70); background:#d7fc700c; }
.about-social-icon .icon { width:22px; height:22px; }
.about-social-copy { display:flex; flex-direction:column; gap:5px; min-width:0; }
.about-social-copy strong { font-size:16px; color:#eef1f5; }
.about-social-copy > span { font-size:12px; color:#9ba8b6; line-height:1.5; }
.about-social-card > .icon { width:16px; height:16px; margin-left:auto; flex-shrink:0; color:#9ba8b6; }
.home-socials a:focus-visible, .about-social-card:focus-visible { outline:2px solid #d7fc70; outline-offset:4px; border-radius:8px; }
@media(max-width:1100px) { .about-social-card { padding:15px; gap:10px; } }
@media(max-width:600px) { .about-social-grid { grid-template-columns:1fr; } .about-socials { margin-top:28px; padding-top:24px; } .home-socials { gap:4px 16px; margin-top:16px; } .home-socials a { min-height:44px; } }