/* Classic Industrial Dark: emerald accents on near-black surfaces */
  :root{
    --bg-base:#121212; --bg-surface:#1C1C1E; --bg-elevated:#2C2C2E;
    --border-muted:#2A2A2C; --border-strong:#3A3A3C;
    --text-primary:#F2F2F7; --text-secondary:#AEAEB2;
    --accent:#3DAA7D; --accent-glow:rgba(61,170,125,.15);
    --btnText:#F2F2F7; --radius:4px;
    --font-head:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif;
    --font-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  }
  *{ box-sizing:border-box; }
  html{ color-scheme:dark; }
  body{ margin:0; min-height:100vh; background:var(--bg-base); color:var(--text-primary);
        font-family:var(--font-body); line-height:1.65; display:flex; justify-content:center; }
  main{ width:100%; max-width:520px; padding:56px 20px 40px; }
  .profile{ text-align:center; }
  .avatar{ width:96px; height:96px; border-radius:50%; object-fit:cover; margin:0 auto 18px; display:flex; align-items:center; justify-content:center;
           background:var(--bg-surface); border:2px solid var(--accent); font:700 2.6rem var(--font-head); color:var(--accent); }
  .eyebrow{ display:flex; align-items:center; justify-content:center; gap:12px; font:600 .95rem var(--font-head);
            letter-spacing:.14em; text-transform:uppercase; color:var(--text-secondary); margin:0 0 10px; }
  .eyebrow::before{ content:""; width:28px; height:2px; background:var(--accent); }
  h1{ font:700 clamp(2.4rem,9vw,3.2rem)/1.05 var(--font-head); text-transform:uppercase; letter-spacing:.05em; margin:0 0 12px; }
  .bio{ color:var(--text-secondary); margin:0 auto 22px; max-width:40ch; }
  .socials{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-bottom:26px; }
  .socials a{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; color:var(--text-primary);
              border:1px solid var(--border-strong); border-radius:var(--radius); transition:background .2s, border-color .2s, color .2s; }
  .socials a svg{ width:18px; height:18px; }
  .socials a:hover, .socials a:focus-visible{ background:var(--accent); border-color:var(--accent); color:var(--bg-base); outline:none; }
  .links{ display:flex; flex-direction:column; gap:12px; }
  .link{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; min-height:56px;
         background:var(--bg-surface); border:1px solid var(--border-muted); border-radius:var(--radius); color:var(--btnText); text-decoration:none;
         font:700 1.2rem var(--font-head); letter-spacing:.08em; text-transform:uppercase;
         transition:background .2s, border-color .2s, box-shadow .2s, opacity .5s, transform .5s; }
  .link::after{ content:"→"; color:var(--accent); font-family:var(--font-body); transition:transform .2s; }
  .link:hover, .link:focus-visible{ background:var(--bg-elevated); border-color:var(--border-strong); box-shadow:inset 0 2px 0 var(--accent); outline:none; }
  .link:hover::after{ transform:translateX(4px); }
  .link:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
  .link.highlight{ background:var(--accent); border-color:var(--accent); color:var(--bg-base); }
  .link.highlight::after{ color:var(--bg-base); }
  .link.highlight:hover{ filter:brightness(1.14); box-shadow:none; }
  .header{ display:flex; align-items:center; gap:12px; margin:18px 0 0; font:600 1rem var(--font-head); letter-spacing:.14em; text-transform:uppercase; color:var(--text-secondary); }
  .header::before{ content:""; width:28px; height:2px; background:var(--accent); flex-shrink:0; }
  .header::after{ content:""; flex:1; height:1px; background:var(--border-muted); }
  .links.rounded .link{ border-radius:10px; } .links.pill .link{ border-radius:999px; }
  .links.outline .link{ background:transparent; border:1px solid var(--accent); }
  .link{ opacity:0; transform:translateY(14px); } .link.in{ opacity:1; transform:none; }
  @media (prefers-reduced-motion:reduce){ .link{ opacity:1; transform:none; transition:none; } .link::after{ transition:none; } }
.links.outline .link.highlight{ background:var(--accent); border-color:var(--accent); color:var(--bg-base); }