:root{color-scheme:dark;--bg:#171a17;--panel:#20251e;--ink:#eef1e9;--muted:#a6afa0;--accent:#8dbf24;--line:#343c2e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#171a17}.shell{max-width:1080px;padding:0 42px;margin:auto;min-height:100dvh;display:flex;flex-direction:column}.site-header{display:flex;justify-content:space-between;align-items:center;padding:33px 0;gap:25px}.wordmark{font-weight:700;font-size:14px;letter-spacing:1px}.wordmark span{color:var(--accent)}.header-location{font-size:11px;color:var(--muted)}.landing{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:45px 0 62px;margin-block:auto}.profile{min-width:0}.portrait{width:192px;height:192px;border-radius:50%;padding:7px;background:#222b1c;border:1px solid #40522b;margin-bottom:29px}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 43%;border-radius:50%}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:2px;margin:0 0 10px}h1{font-size:49px;font-weight:600;letter-spacing:-2px;line-height:1.14;margin:0 0 14px}h1 span{color:var(--accent)}.profile-role{font-size:17px;margin:0 0 15px;color:#d2d9ca}.intro{font-size:14px;line-height:1.9;color:var(--muted);margin:0;max-width:380px}.links h2{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;color:var(--muted);margin:0 0 18px}.project-link{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:var(--panel);border-radius:19px;padding:20px 19px;margin-bottom:12px;min-height:91px;transition:border-color .15s,background .15s}.project-link:hover{border-color:#728f41;background:#262e21}.link-icon{width:39px;height:39px;border-radius:50%;background:#8dbf2412;display:grid;place-items:center;flex-shrink:0}.link-icon svg{width:21px;height:21px;stroke:var(--accent);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.link-copy{min-width:0;flex:1}.link-copy strong{display:block;font-size:15px;font-weight:500;letter-spacing:-.15px}.link-copy>span{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.65}.arrow{font-size:21px;color:var(--accent);margin-left:6px}.contact{padding:18px 3px 0}.contact p{font-size:12px;color:var(--muted);margin:0 0 7px}.contact a{font-size:21px;letter-spacing:-.4px;color:var(--accent);display:inline-flex;gap:25px}.contact a:hover{text-decoration:underline;text-underline-offset:6px}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;padding:23px 0 26px;font-size:10px;color:#9ca793}.site-footer>div{display:flex;gap:23px}.site-footer a:hover{color:var(--ink)}.skip{position:absolute;top:-100px;left:15px;background:var(--accent);color:#171a17;padding:12px 20px;border-radius:24px;z-index:5}.skip:focus{top:10px}.legal{max-width:780px;margin:30px auto 50px;color:var(--muted);font-size:14px;line-height:1.9;overflow-wrap:anywhere}.legal h1{font-size:36px;color:var(--ink);margin-bottom:30px;letter-spacing:-1px}.legal h2{font-size:21px;font-weight:500;color:var(--ink);margin-top:32px}.legal a{text-decoration:underline}.legal ul{padding-left:22px}@media(max-width:900px){.landing{gap:45px}h1{font-size:43px}.project-link{padding:18px 15px;gap:12px}.link-copy strong{font-size:14px}.link-icon{width:33px;height:33px}}@media(max-width:640px){.shell{padding:0 24px}.site-header{padding:25px 0}.wordmark{font-size:12px}.header-location{font-size:9px}.landing{grid-template-columns:1fr;gap:33px;padding:23px 0 39px;margin-block:0}.profile{text-align:center}.portrait{width:158px;height:158px;margin:0 auto 22px;padding:6px}h1{font-size:42px;letter-spacing:-1.7px}.eyebrow{font-size:9px;letter-spacing:1.7px}.profile-role{font-size:16px;margin-bottom:13px}.intro{font-size:13px;max-width:390px;margin:auto}.links{width:100%;max-width:440px;margin:auto}.links h2{font-size:10px;text-align:center;margin-bottom:16px}.project-link{padding:17px 14px;border-radius:18px;min-height:84px;gap:12px}.link-copy strong{font-size:14px}.link-copy>span{font-size:10px}.link-icon{width:34px;height:34px}.arrow{margin-left:0}.contact{padding-top:16px;text-align:center}.contact a{font-size:21px}.site-footer{font-size:9px;gap:15px;padding-block:21px}.site-footer>div{gap:17px}.legal{margin-top:22px;font-size:13px}.legal h1{font-size:29px}.legal h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Compact personal link page. */
.linkpage{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 20px 25px;background:radial-gradient(ellipse at 50% 10%,#29321f 0,transparent 55%),#171a17}
.link-card{width:100%;max-width:410px;background:#1d221b;border:1px solid #3b4731;border-radius:28px;padding:31px 25px 24px;box-shadow:0 18px 65px #0002}
.profile-top{text-align:center}.avatar{width:106px;height:106px;border-radius:50%;margin:0 auto 21px;padding:5px;background:#8dbf2412;border:1px solid #6d8a44}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:58% 43%;display:block}
.linkpage h1{font-size:28px;letter-spacing:-.8px;line-height:1.3;margin:0 0 3px;font-weight:600}.nickname{font-size:13px;color:#8dbf24;margin:0}.bio{font-size:12px;line-height:1.8;color:var(--muted);margin:15px 0 23px}.link-stack{display:flex;flex-direction:column;gap:11px}.linkpage .project-link{margin:0;border-radius:16px;padding:13px 15px;min-height:59px;background:#272e22;gap:13px}.linkpage .link-icon{width:29px;height:29px;background:transparent}.linkpage .link-icon svg{width:20px;height:20px}.linkpage .link-copy strong{font-size:13px;font-weight:500}.linkpage .arrow{font-size:18px}.linkpage .project-link:hover{background:#303c25;border-color:#8dbf24}.small-mail{display:block;text-align:center;font-size:10px;color:#9eac91;margin-top:21px}.small-mail:hover{color:#8dbf24}.link-footer{max-width:410px;width:100%;display:flex;justify-content:center;gap:13px;color:#a6afa0;font-size:10px;padding-top:20px;flex-wrap:wrap}.link-footer small{width:100%;text-align:center;font-size:9px;letter-spacing:.5px;color:#78836e;margin-top:0}.link-footer a:hover{color:#8dbf24}
@media(max-width:440px){.linkpage{padding:24px 17px 20px}.link-card{padding:26px 20px 22px;border-radius:25px}.avatar{width:96px;height:96px;margin-bottom:17px}.linkpage h1{font-size:26px}.linkpage .project-link{padding:12px 12px;gap:10px}.linkpage .link-copy strong{font-size:12px}.bio{margin-top:13px;margin-bottom:22px}}