:root{--background:#161411;--surface:#211d19;--text:#f1eae0;--text-soft:#d8cec0;--muted:#b9ada1;--accent:#d6a77d;--border:#3b342d;--border-strong:#6d5d4e;color:var(--text);background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}img{max-width:100%;display:block}::selection{color:var(--background);background:var(--accent)}.container{width:min(100% - 64px,1080px);margin-inline:auto}.intro{justify-content:space-between;align-items:center;gap:80px;min-height:510px;padding-block:105px 110px;display:flex}.intro-copy{max-width:680px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:13px;font-size:clamp(54px,7vw,88px);font-weight:650;line-height:1}h1 span{color:var(--accent)}.job-title{color:var(--text-soft);letter-spacing:-.035em;margin-bottom:26px;font-size:20px}.bio{max-width:570px;color:var(--muted);margin-bottom:0;font-size:15px;line-height:1.8}.social-links{flex-wrap:wrap;gap:24px;margin-top:30px;display:flex}.social-link{color:var(--text-soft);align-items:center;gap:9px;font-size:13px;transition:color .2s;display:inline-flex}.social-link:hover{color:var(--accent)}.portrait{border:1px solid var(--border-strong);object-fit:cover;border-radius:50%;flex:none;width:clamp(155px,17vw,210px);height:clamp(155px,17vw,210px)}.portrait-placeholder{color:var(--accent);background:var(--surface);letter-spacing:-.08em;place-items:center;font-size:48px;font-weight:600;display:grid}.work{padding:0 0 110px}.work h2{letter-spacing:-.05em;margin-bottom:30px;font-size:28px;font-weight:600}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--border);background:var(--surface);border-radius:11px;flex-direction:column;min-width:0;transition:border-color .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent)}.project-screenshot{aspect-ratio:16/10;object-fit:cover;object-position:center top;border-bottom:1px solid var(--border);width:100%}.project-details{flex-direction:column;flex:1;padding:19px;display:flex}.project-heading h3{letter-spacing:-.035em;margin-bottom:3px;font-size:16px;font-weight:630}.project-heading p{color:var(--muted);margin-bottom:0;font-size:11px}.project-description{color:var(--text-soft);margin:14px 0 0;font-size:13px;line-height:1.55}.project-url{color:var(--accent);align-items:center;gap:4px;margin-top:auto;padding-top:18px;font-size:11px;display:inline-flex}@media (width<=850px){.intro{gap:35px}.project-grid{grid-template-columns:minmax(0,560px)}}@media (width<=600px){.container{width:min(100% - 38px,480px)}.intro{flex-direction:column-reverse;align-items:flex-start;gap:30px;min-height:0;padding-block:64px 73px}.portrait{width:118px;height:118px}.portrait-placeholder{font-size:29px}h1{font-size:clamp(52px,11vw,68px)}.job-title{font-size:18px}.bio{font-size:14px}.social-links{gap:18px}.work{padding-block:39px 80px}.project-grid{grid-template-columns:1fr;gap:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
