:root{--bg: #000;--fg: #f2f2f2;--dim: #a0a0a0;--acc: #ffff00;--red: #ff2a2a;--line: #ffffff}@media(prefers-color-scheme:light){:root{--bg: #fbfbf8;--fg: #141414;--dim: #555;--acc: #8a5a00;--red: #c00000;--line: #141414}.px path{fill:var(--fg)}}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg)}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.page{max-width:52rem;margin:0 auto;padding:24px 16px 48px}a{color:var(--acc);text-underline-offset:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:2px}h1{margin:8px 0 4px;line-height:0}h1 svg{max-width:100%;height:auto}h2{font:700 1.15rem/1.3 ui-monospace,Cascadia Mono,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em;border-bottom:3px solid var(--line);padding-bottom:6px;margin:40px 0 16px}h3{margin:0;font-size:1.1rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kicker{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:700 .9rem ui-monospace,Consolas,monospace}.headline{font-size:1.2rem;font-weight:600;margin:12px 0 4px}.contact-inline{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0}.email{font-family:ui-monospace,Consolas,monospace}.context{color:var(--dim);margin:2px 0 0;font-size:.95rem}.project{border:3px solid var(--line);padding:14px 16px;margin:0 0 16px;break-inside:avoid}.project ul{margin:8px 0;padding-left:1.2rem}.project li{margin:2px 0}.stack,.links{margin:6px 0 0;font-size:.95rem}.label{font-weight:700}.comps li{margin:0 0 12px}.skills{display:grid;gap:8px;margin:0}.skills div{display:grid;grid-template-columns:12rem 1fr;gap:12px}.skills dt{font-weight:700}.skills dd{margin:0}@media(max-width:560px){.skills div{grid-template-columns:1fr;gap:0}}.war li{margin:0 0 8px}.note{display:block;color:var(--acc)}.copy{margin-left:8px;font:700 .85rem ui-monospace,Consolas,monospace;background:transparent;color:var(--fg);border:2px solid var(--line);padding:2px 8px;cursor:pointer}footer{margin-top:48px;color:var(--dim);font:700 .9rem ui-monospace,Consolas,monospace}footer p{display:flex;align-items:center;gap:8px}@media print{:root{--bg: #fff;--fg: #000;--dim: #333;--acc: #000;--line: #000}.px path{fill:#000}body{font-size:11pt}.page{max-width:none;padding:0}.kicker,footer,.copy{display:none}h2{margin-top:18pt}.project{border-width:1pt}a{color:#000}.links a:after{content:" (" attr(href) ")";font-size:9pt}}
