:root{--bg:#0d1117;--panel:#161b22;--line:#30363d;--text:#c9d1d9;--dim:#8b949e;--hi:#f0f6fc;--green:#7ee787;--blue:#58a6ff;--mono:"JetBrains Mono",monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{max-width:72rem;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:22rem 1fr;gap:5rem}
aside{position:sticky;top:0;height:100vh;padding:6rem 0;display:flex;flex-direction:column}
h1{font:700 clamp(1.6rem,7vw,2.2rem)/1.1 var(--mono);white-space:nowrap;color:var(--hi);margin:0 0 1rem;letter-spacing:-.03em}
.role{color:var(--hi);font-size:1.15rem;margin:0}
.loc{color:var(--dim);margin:.2rem 0 0}
.links{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem;margin-top:1.5rem}
.links a{color:var(--dim);transition:color .15s}
.links a:hover{color:var(--green)}
.links svg{width:22px;height:22px;display:block;fill:currentColor}
.links .mail{font:14px var(--mono)}
.lang{margin-top:auto;font:13px var(--mono);color:var(--dim)}.lang:hover{color:var(--green)}
main{padding:6rem 0}
h2{font:13px var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.15em;margin:0 0 1.5rem;font-weight:400}
.job{padding:1.5rem;margin:0 -1.5rem 1rem;border:1px solid transparent;border-radius:10px;transition:.15s}
.job:hover{background:var(--panel);border-color:var(--line)}
.head{display:flex;justify-content:space-between;align-items:center;min-height:28px;gap:1rem;flex-wrap:wrap}
.co{color:var(--hi);font-weight:600;font-size:1.2rem}
.co-logo{height:24px;width:auto;display:block}
.yr{font:12px var(--mono);color:var(--dim)}
.title{color:var(--green);font:13px var(--mono);margin:.1rem 0 .6rem}
.about{color:var(--dim);margin:0 0 .5rem;font-size:.95rem}
.did{margin:0 0 .9rem;font-size:.95rem}
.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
.tags li{font:12px var(--mono);color:var(--blue);background:#58a6ff1a;border-radius:99px;padding:.15rem .65rem}
@media (max-width:52rem){.wrap{grid-template-columns:1fr;gap:0}aside{position:static;height:auto;padding:4rem 0 1rem}.lang{margin-top:1.5rem}main{padding:2rem 0 4rem}}