:root{color:#17212b;--accent:#9d5635;--accent-focus:#9d56354d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}body,a{color:inherit}a{text-decoration:none}.personal-page{background:#f7f8f9;place-items:center;min-height:100vh;padding:40px 24px;display:grid}.personal-intro{width:min(620px,100%)}.personal-kicker{color:#697887;margin:0 0 20px;font-size:.92rem}.personal-intro h1{color:#17212b;letter-spacing:-.035em;margin:0;font-size:clamp(3rem,9vw,6.5rem);line-height:.95}.personal-summary{color:#4e6070;max-width:440px;margin:28px 0 0;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.55}.personal-links{flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;display:flex}.personal-links a{color:#17212b;border-bottom:2px solid var(--accent);font-size:.92rem;font-weight:700}.personal-links a:hover{color:var(--accent)}.projects{margin-top:clamp(52px,8vh,76px)}.projects-label{color:#697887;margin:0 0 22px;font-size:.82rem}.project-list{gap:28px;display:grid}.project{display:block}.project-name{color:#17212b;border-bottom:2px solid var(--accent);font-size:1.08rem;font-weight:750;line-height:1.3;display:inline}.project-description{color:#697887;max-width:520px;margin-top:12px;font-size:.9rem;line-height:1.55;display:block}.project:hover .project-name{color:var(--accent)}.project:focus-visible,.personal-links a:focus-visible,.back-link:focus-visible,.experience-link:focus-visible{outline:3px solid var(--accent-focus);outline-offset:4px}.about-page{background:#f7f8f9;min-height:100vh;padding:clamp(40px,7vw,80px) 24px 72px}.about-content{width:min(620px,100%);margin:0 auto}.back-link{color:#697887;font-size:.92rem}.back-link:hover{color:var(--accent)}.about-content h1{color:#17212b;letter-spacing:-.035em;margin:clamp(64px,10vw,112px) 0 0;font-size:clamp(3rem,9vw,6.5rem);line-height:.95}.about-lead{color:#4e6070;margin:36px 0 0;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.65}.about-section{margin-top:64px}.about-section h2{color:#17212b;margin:0 0 22px;font-size:1rem}.about-section p{color:#4e6070;margin:0;font-size:1rem;line-height:1.75}.about-section p+p{margin-top:22px}.experience-link{color:#17212b;border-bottom:2px solid var(--accent);margin-top:64px;font-size:.92rem;font-weight:700;display:inline-block}.experience-link:hover{color:var(--accent)}@media (height<=640px){.personal-page{place-items:start center}}