:root{--paper: #f6f4ee;--paper-2: #ece9e0;--ink: #171914;--muted: #5d6058;--soft: #8d9086;--line: rgba(23, 25, 20, .12);--line-strong: rgba(23, 25, 20, .22);--acid: #d7ff46;--acid-ink: #1a2200;--heat-0: rgba(23, 25, 20, .08);--heat-1: #e4f2a4;--heat-2: #c3e85a;--heat-3: #8fbe14;--heat-4: #5d8600;--shell: 1080px;--gutter: clamp(1.15rem, 4vw, 2.5rem);--serif: "Newsreader", Georgia, serif;--sans: "Manrope", Arial, sans-serif;--mono: "DM Mono", monospace;--scroll-progress: 0}:root[data-theme=dark]{--paper: #121410;--paper-2: #1c1f19;--ink: #f4f1e8;--muted: #b7b8ae;--soft: #7d8076;--line: rgba(244, 241, 232, .12);--line-strong: rgba(244, 241, 232, .28);--acid: #d7ff46;--acid-ink: #171914;--heat-0: rgba(244, 241, 232, .1);--heat-1: #3a4714;--heat-2: #6d8618;--heat-3: #b6e02a;--heat-4: #d7ff46}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem;background:var(--paper)}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}button,a{color:inherit}a{text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img{display:block;max-width:100%}::-moz-selection{background:var(--acid);color:var(--acid-ink)}::selection{background:var(--acid);color:var(--acid-ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:300;padding:.5rem .8rem;background:var(--acid);color:var(--acid-ink);font-family:var(--mono);font-size:.75rem}.skip-link:focus{top:.6rem}.site-frame{min-height:100vh}.page-shell{width:min(100%,calc(var(--shell) + (var(--gutter) * 2)));margin-inline:auto;padding-inline:var(--gutter)}.scroll-meter{position:fixed;inset:0 auto auto 0;z-index:200;width:calc(var(--scroll-progress) * 100%);height:2px;background:var(--acid);pointer-events:none}.topbar{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--paper) 88%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;min-height:4.1rem}.wordmark{font-family:var(--serif);font-size:1.15rem;font-weight:500;letter-spacing:-.02em}.nav{display:flex;justify-content:center;gap:.25rem}.nav a,.mobile-menu a{padding:.4rem .75rem;border-radius:999px;color:var(--muted);font-size:.92rem}.nav a:hover,.nav a.is-active,.mobile-menu a:hover{color:var(--ink);background:var(--paper-2)}.topbar-actions{display:flex;align-items:center;gap:.45rem}.resume-link{padding:.42rem .8rem;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.86rem;font-weight:600}:root[data-theme=dark] .resume-link{background:var(--acid);color:var(--acid-ink)}.resume-link:hover{opacity:.88}.theme-toggle,.menu-toggle{display:grid;width:2.2rem;height:2.2rem;place-items:center;border:1px solid var(--line);border-radius:50%}.theme-toggle:hover,.menu-toggle:hover{background:var(--paper-2)}.menu-toggle{display:none}.mobile-menu{display:none;flex-direction:column;gap:.25rem;padding:.4rem var(--gutter) 1rem}.mobile-menu a{font-size:1.15rem;padding:.7rem .4rem}.hero{padding-top:clamp(3.2rem,8vw,5.5rem);padding-bottom:2.5rem}.kicker{display:flex;align-items:center;gap:.55rem;margin:0 0 .9rem;color:var(--muted);font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.status-dot{width:.48rem;height:.48rem;border-radius:50%;background:#6ea000;box-shadow:0 0 0 4px #6ea00029}.hero h1{max-width:16ch;margin:0;font-family:var(--serif);font-size:clamp(2.7rem,6.2vw,4.6rem);font-weight:500;line-height:1.02;letter-spacing:-.035em}.hero h1 span{display:block;max-width:34rem;margin-top:.55rem;color:var(--muted);font-family:var(--sans);font-size:clamp(1.05rem,2vw,1.25rem);font-weight:500;line-height:1.45;letter-spacing:0}.hero-intro{max-width:38rem;margin:1.15rem 0 0;color:var(--muted);font-size:1.05rem}.skill-pills,.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.2rem 0 0;padding:0;list-style:none}.skill-pills li,.tag-list li{padding:.28rem .62rem;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);font-size:.82rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.5rem}.button{display:inline-flex;min-height:2.7rem;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1rem;border-radius:999px;border:1px solid transparent;font-size:.92rem;font-weight:600}.button-primary{background:var(--acid);color:var(--acid-ink)}.button-primary:hover{filter:brightness(.96)}.button-ghost{border-color:var(--line-strong);background:transparent}.button-ghost:hover{background:var(--paper-2)}.social-row{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:1.4rem}.social-row a{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.9rem}.social-row a:hover{color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding-bottom:1rem}.metric{padding:1rem 1rem 1.05rem;border:1px solid var(--line);border-radius:14px;background:var(--paper-2)}.metric strong{display:block;font-family:var(--serif);font-size:1.85rem;font-weight:500;line-height:1;letter-spacing:-.03em}.metric p{margin:.45rem 0 0;font-size:.92rem;font-weight:600}.metric span{display:block;margin-top:.25rem;color:var(--muted);font-size:.82rem;line-height:1.4}.section{padding-top:clamp(3.5rem,7vw,5.5rem)}.section-heading{max-width:40rem;margin-bottom:1.5rem}.section-heading h2,.contact h2{margin:0;font-family:var(--serif);font-size:clamp(2rem,4vw,2.8rem);font-weight:500;letter-spacing:-.03em;line-height:1.1}.section-note,.contact-copy{margin:.6rem 0 0;color:var(--muted);font-size:1rem}.project-list,.experience-list{display:grid;gap:1rem}.project-card,.experience-card,.stack-group{border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper-2) 55%,transparent)}.project-card{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:1.25rem;padding:.85rem}.project-shot{overflow:hidden;border-radius:12px;background:var(--paper-2);align-self:start}.project-shot img{width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;transition:transform .45s ease}.project-shot:hover img{transform:scale(1.03)}.project-copy{padding:.45rem .55rem .55rem 0}.project-index{margin:0;color:var(--soft);font-family:var(--mono);font-size:.72rem}.project-copy h3,.experience-head h3,.stack-group h3{margin:.2rem 0 0;font-family:var(--serif);font-size:1.7rem;font-weight:500;letter-spacing:-.02em}.project-copy>p{margin:.55rem 0 0;color:var(--muted);font-size:.98rem}.project-actions,.experience-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.1rem;margin-top:1rem}.project-actions a,.project-actions button,.experience-foot button{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink);font-size:.9rem;font-weight:600}.project-actions a:hover,.project-actions button:hover,.experience-foot button:hover{color:#6b8a00}:root[data-theme=dark] .project-actions a:hover,:root[data-theme=dark] .project-actions button:hover,:root[data-theme=dark] .experience-foot button:hover{color:var(--acid)}.project-actions svg,.experience-foot svg{transition:transform .2s ease}.project-actions svg.is-open,.experience-foot svg.is-open{transform:rotate(180deg)}.detail-list{margin:.9rem 0 0;padding:0;list-style:none}.detail-list li{position:relative;margin-top:.55rem;padding-left:1rem;color:var(--muted);font-size:.95rem}.detail-list li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--ink)}.experience-card{padding:1.15rem 1.2rem 1.2rem}.experience-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.experience-head p{margin:.2rem 0 0;color:var(--muted)}.experience-head time{flex-shrink:0;color:var(--soft);font-family:var(--mono);font-size:.75rem}.experience-foot{justify-content:space-between}.experience-foot .tag-list{margin:0;flex:1}.stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stack-group{padding:1.1rem 1.15rem 1.2rem}.stack-group h3{font-size:1.35rem}.stack-group .tag-list{margin-top:.85rem}.contrib-card{border:1px solid var(--line);border-radius:18px;padding:1rem 1rem .9rem;background:color-mix(in srgb,var(--paper-2) 55%,transparent)}.contrib-status{margin:.4rem 0 .8rem;color:var(--muted)}.contrib-status a{display:inline-flex;align-items:center;gap:.25rem;color:var(--ink);font-weight:600}.contrib-scroll{overflow-x:auto;padding-bottom:.35rem}.contrib-layout{display:flex;gap:.45rem;width:-moz-max-content;width:max-content}.contrib-days{display:grid;grid-template-rows:repeat(7,12px);gap:3px;margin-top:1.15rem;color:var(--soft);font-family:var(--mono);font-size:.62rem;line-height:12px}.contrib-months{display:grid;gap:3px;height:.95rem;margin-bottom:.2rem;color:var(--soft);font-family:var(--mono);font-size:.62rem}.contrib-months span{white-space:nowrap}.contrib-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,12px);gap:3px}.contrib-day,.contrib-legend i{width:12px;height:12px;border-radius:3px;background:var(--heat-0)}.contrib-day[data-level="1"],.contrib-legend i[data-level="1"]{background:var(--heat-1)}.contrib-day[data-level="2"],.contrib-legend i[data-level="2"]{background:var(--heat-2)}.contrib-day[data-level="3"],.contrib-legend i[data-level="3"]{background:var(--heat-3)}.contrib-day[data-level="4"],.contrib-legend i[data-level="4"]{background:var(--heat-4)}.contrib-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.9rem}.contrib-foot>a{display:inline-flex;align-items:center;gap:.3rem;font-weight:600}.contrib-foot>a:hover{color:#6b8a00}:root[data-theme=dark] .contrib-foot>a:hover{color:var(--acid)}.contrib-legend{display:flex;align-items:center;gap:.28rem;color:var(--soft);font-size:.78rem}.contact{padding-bottom:clamp(3rem,7vw,5rem)}.contact h2{max-width:16ch}.footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.footer p{margin:0}.footer div{display:flex;gap:1rem}.footer a:hover{color:var(--ink)}@media (max-width: 860px){.nav,.resume-link{display:none}.menu-toggle,.mobile-menu{display:flex}.topbar-inner{grid-template-columns:1fr auto}.metrics{grid-template-columns:1fr 1fr}.project-card{grid-template-columns:1fr}.project-copy{padding:.2rem .35rem .5rem}.stack-grid{grid-template-columns:1fr}}@media (max-width: 560px){.metrics{grid-template-columns:1fr}.experience-head{flex-direction:column;gap:.35rem}.hero-actions .button{width:100%}.footer{flex-direction:column;align-items:flex-start;padding-block:1.25rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}