:root{color-scheme:light;--bg:#fafafa;--ink:#202020;--muted:#606060;--line:#e5e5e5;--hover:#f1f1f1}
:root[data-theme="dark"]{color-scheme:dark;--bg:#202020;--ink:#fafafa;--muted:#b4b4b4;--line:#414141;--hover:#292929}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;background:var(--bg);color:var(--muted);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--ink);text-decoration:none}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:2px}a:hover{text-decoration:underline;text-underline-offset:5px}.layout{max-width:1190px;margin:0 auto;display:grid;grid-template-columns:440px minmax(0,1fr);gap:80px;padding:0 48px}.identity{position:sticky;top:0;height:100svh;min-height:660px;padding:78px 0 44px;display:flex;flex-direction:column;justify-content:space-between}.portrait{display:block;width:112px;height:112px;border-radius:50%;object-fit:cover;margin-bottom:26px}h1{margin:0;color:var(--ink);font-size:46px;line-height:1.15;letter-spacing:-1.8px;font-weight:700}.role{font-size:22px;color:var(--ink);margin:12px 0 0;font-weight:500}.specialty{font-size:17px;line-height:1.6;margin-top:20px;max-width:320px}nav{display:flex;flex-direction:column;gap:15px;margin-top:54px}nav a{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px;letter-spacing:1px;font-weight:600;text-transform:uppercase;width:max-content;padding:5px 0}.rule{width:32px;height:1px;background:#aaa;transition:width .18s ease}nav a[aria-current],nav a:hover{color:var(--ink);text-decoration:none}nav a[aria-current] .rule,nav a:hover .rule{width:62px;background:var(--ink)}.socials{display:flex;align-items:center;gap:21px}.socials a{display:flex}.socials svg{width:22px;height:22px;fill:currentColor}.socials a:nth-child(2) svg{fill:none;stroke:currentColor;stroke-width:1.6}main{padding:80px 0 48px;min-width:0}section{scroll-margin-top:0;margin-bottom:80px}h2{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:var(--ink);margin:0 0 26px;font-weight:650}h3{color:var(--ink);font-size:18px;line-height:1.45;font-weight:600;margin:0 0 9px;letter-spacing:-.25px}p{margin:0 0 18px}strong{font-weight:500;color:var(--ink)}#about{margin-bottom:58px}#about p{max-width:540px}.featured{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0 26px}.project-meta{font-size:12px;color:var(--muted);margin-bottom:13px;line-height:1.5}.featured .project-meta{display:flex;justify-content:space-between;gap:15px}.featured h3{font-size:26px;letter-spacing:-.7px}.project-summary{color:var(--ink);font-size:18px;line-height:1.5}.resource-placeholder{color:var(--muted);border-bottom:1px dashed var(--line);cursor:default}.selected-work{margin-top:25px}.project{padding:23px 0}.project p{font-size:15px;margin:0}.project h3 span{font-size:15px;margin-left:4px}.project-meta{margin-bottom:8px}.experience-row{display:grid;grid-template-columns:96px 1fr;gap:20px;padding:0 0 34px;margin-bottom:10px}.company{font-size:12px;padding-top:3px;color:var(--muted)}.experience-row p{font-size:15px;margin-bottom:14px}.related{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}.related a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#aaa}footer{font-size:13px;border-top:1px solid var(--line);padding-top:26px}footer p{margin:0 0 8px}.skip{position:fixed;top:12px;left:12px;padding:8px 12px;background:var(--ink);color:var(--bg);transform:translateY(-150%);z-index:10}.skip:focus{transform:none}
@media(min-width:1000px){.project{position:relative}.project::before{content:"";position:absolute;inset:8px -20px;border-radius:8px;background:var(--hover);opacity:0;z-index:-1}.project:hover::before{opacity:1}}
@media(max-width:1000px){.layout{grid-template-columns:360px minmax(0,1fr);gap:42px;padding:0 32px}h1{font-size:38px}.identity{padding-top:60px}main{padding-top:60px}.featured .project-meta{flex-direction:column;gap:3px}.experience-row{grid-template-columns:1fr;gap:6px}}
@media(max-width:760px){html{scroll-padding-top:24px}.layout{display:block;padding:0 25px}.identity{position:relative;height:auto;min-height:0;padding:42px 0 0}.portrait{width:96px;height:96px;margin-bottom:22px}h1{font-size:38px}.role{font-size:20px}.specialty{margin-top:16px}.desktop-break{display:none}nav{flex-direction:row;flex-wrap:wrap;gap:24px;margin-top:30px}nav a{font-size:12px;letter-spacing:.7px}.rule{display:none}.socials{margin-top:28px}main{padding:48px 0 32px}section{margin-bottom:60px}#about{margin-bottom:42px}.featured .project-meta{flex-direction:row;flex-wrap:wrap;gap:8px}.experience-row{grid-template-columns:1fr;gap:5px}h2{margin-bottom:20px}.project{padding:21px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rule{transition:none}}

.featured-title-arrow{font-size:18px;font-weight:400;margin-left:5px}
.related .walkthrough-link{font-weight:600;color:var(--ink);text-decoration-color:var(--muted)}