:root{--blue:#2b4cf0;--lime:#d4f536;--cream:#f7f2e7;--ink:#111;--coral:#f0685c;--teal:#3ecfc0;--amber:#ffc93c;--bg:var(--cream);--text:var(--ink);--text-muted:#4a4a46;--border-width:3px;--border:var(--border-width) solid var(--ink);--shadow:5px 5px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--radius:6px;--max-width:940px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit}h1,h2,h3,h4{letter-spacing:-.03em;margin:0;font-weight:800;line-height:1.05}h4{letter-spacing:-.01em;line-height:1.25}code,.mono{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}.label{text-transform:uppercase;letter-spacing:.08em;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;font-weight:700;line-height:1.4}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 24px}.band{border-bottom:var(--border)}.band-blue{background:var(--blue);color:#fff}.band-lime{background:var(--lime);color:var(--ink)}.band-cream{background:var(--cream);color:var(--ink)}.band-ink{background:var(--ink);color:#fff;border-bottom:none}.band-blue .muted,.band-ink .muted{color:#ffffffd1}.muted{color:var(--text-muted)}.site-header{background:var(--cream);border-bottom:var(--border);z-index:30;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:62px;display:flex}.brand{letter-spacing:-.03em;font-size:1.05rem;font-weight:800;text-decoration:none}.nav{gap:20px;display:flex}.nav a{border-bottom:3px solid #0000;padding:2px 0;font-size:.85rem;font-weight:700;text-decoration:none;transition:border-color .12s}.nav a:hover{border-bottom-color:var(--ink)}.remix{border:2px solid var(--ink);border-radius:var(--radius);background:var(--lime);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);font:inherit;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;padding:6px 10px;font-size:.7rem;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.remix:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.remix:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.remix-swatches{gap:3px;display:inline-flex}.remix-swatches i{border:1px solid var(--ink);width:9px;height:9px}.hero{padding:72px 24px 56px}.chip{border:var(--border);border-radius:var(--radius);background:var(--lime);color:var(--ink);box-shadow:var(--shadow-sm);margin-bottom:22px;padding:7px 14px;display:inline-block}.hero h1{max-width:16ch;margin:0 0 14px;font-size:clamp(2.8rem,8vw,5rem)}.role{letter-spacing:-.02em;margin:0 0 20px;font-size:1.35rem;font-weight:700}.hero-meta{flex-wrap:wrap;gap:10px;margin:0 0 30px;padding:0;list-style:none;display:flex}.hero-meta li{border:var(--border);border-radius:var(--radius);color:var(--ink);background:#fff;padding:5px 12px}.cta-row{flex-wrap:wrap;gap:14px;display:flex}.btn{border:var(--border);border-radius:var(--radius);letter-spacing:-.01em;color:var(--ink);box-shadow:var(--shadow);background:#fff;align-items:center;padding:13px 22px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.btn-primary{background:var(--coral);color:var(--ink)}.stat-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px;display:grid}.stat{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);padding:20px 16px}.stat-amber{background:var(--amber)}.stat-lime{background:var(--lime)}.stat-teal{background:var(--teal)}.stat-cream{background:var(--cream)}.stat-value{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(2rem,5vw,2.9rem);font-weight:800;line-height:1}.stat-label{margin:0}.marquee{background:var(--lime);border-bottom:var(--border);padding:12px 0;display:flex;overflow:hidden}.marquee-track{flex-shrink:0;align-items:center;gap:28px;padding-right:28px;animation:38s linear infinite marquee-scroll;display:flex}.marquee-item{white-space:nowrap;align-items:center;gap:28px;display:flex}.marquee-item:after{content:"";background:var(--ink);flex-shrink:0;width:9px;height:9px;transform:rotate(45deg)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-reverse .marquee-track{animation-direction:reverse}.section{padding:72px 24px}.section-title{margin:0 0 16px;font-size:clamp(2rem,5vw,3rem)}.section-sub{max-width:60ch;margin:-6px 0 30px;font-size:1rem}.summary{max-width:68ch;margin:0;font-size:1.08rem}.timeline{flex-direction:column;gap:28px;display:flex}.job{color:var(--ink);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:26px 26px 22px}.job-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.job-head h3{margin:0 0 6px;font-size:1.4rem}.job-company{margin:0;font-size:.95rem;font-weight:700}.job-period{border:var(--border);border-radius:var(--radius);background:var(--amber);white-space:nowrap;flex-shrink:0;padding:5px 11px}.job-summary{color:var(--text-muted);max-width:68ch;margin:16px 0 20px}.job-project{background:var(--cream);border:var(--border);border-radius:var(--radius);padding:18px 20px}.job-project+.job-project{margin-top:14px}.job-project h4{margin:0 0 8px;font-size:1.08rem}.job-project-desc{color:var(--text-muted);margin:0 0 10px;font-size:.94rem}.job-project ul{margin:0 0 16px;padding-left:20px}.job-project li{margin-bottom:7px;font-size:.95rem}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius);background:#fff;padding:3px 10px;font-size:.76rem;font-weight:700}.band-lime .tag{background:var(--cream)}.project-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:28px;display:grid}.project-card{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);flex-direction:column;gap:10px;padding:22px;display:flex}.project-card:nth-child(3n+1){background:var(--teal)}.project-card:nth-child(3n+2){background:var(--amber)}.project-card:nth-child(3n+3){background:var(--coral)}.project-card h3{margin:0;font-size:1.15rem}.project-period{border:2px solid var(--ink);border-radius:var(--radius);background:#fff;align-self:flex-start;margin:0;padding:3px 9px;display:inline-block}.project-card p:last-child{margin:0;font-size:.94rem}.fun-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.fun-card{font:inherit;text-align:left;cursor:pointer;width:100%;transition:transform .12s,box-shadow .12s}.fun-card:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.fun-card:active{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.fun-card:focus-visible{outline-offset:4px;outline:3px solid #fff}.fun-card-shot{aspect-ratio:16/10;object-fit:cover;border:2px solid var(--ink);border-radius:var(--radius);background:#fff;width:100%;height:auto;display:block}.fun-card-name{letter-spacing:-.03em;font-size:1.15rem;font-weight:800;line-height:1.05}.fun-card-teaser{font-size:.94rem}html:has(dialog[open]){overflow:hidden}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:28px;display:grid}.skill-group{background:var(--cream);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.skill-group h4{margin:0 0 14px;font-size:1.05rem}.education{background:var(--ink);color:#fff;border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.education h4{margin:0 0 8px;font-size:1.05rem}.education p{color:#ffffffd9;margin:0;font-size:.95rem}.contact p{max-width:60ch;margin:0 0 30px;font-size:1.08rem}.site-footer{padding:40px 24px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.site-footer p{margin:0}.footer-links{gap:18px;display:flex}.footer-links a{border-bottom:2px solid var(--lime);padding-bottom:2px;text-decoration:none}.to-top{border:var(--border);border-radius:var(--radius);background:var(--lime);width:52px;height:52px;color:var(--ink);box-shadow:var(--shadow);opacity:0;visibility:hidden;z-index:40;justify-content:center;align-items:center;text-decoration:none;transition:opacity .2s,transform .12s,box-shadow .12s,visibility .2s;display:inline-flex;position:fixed;bottom:22px;right:22px}.to-top.visible{opacity:1;visibility:visible}.to-top:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.btn:hover,.btn:active,.fun-card:hover,.fun-card:active,.to-top:hover{box-shadow:var(--shadow);transform:none}.remix:hover,.remix:active{box-shadow:var(--shadow-sm);transform:none}}@media (width<=780px){.stat-row{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){:root{--border-width:2px;--shadow:4px 4px 0 var(--ink)}.wrap{padding:0 18px}.header-inner{flex-wrap:wrap;gap:8px;height:auto;padding-top:12px;padding-bottom:12px}.nav{flex-wrap:wrap;flex-basis:100%;order:3;justify-content:center;gap:8px}.nav a{font-size:.8rem}.hero{padding:48px 18px 40px}.role{font-size:1.15rem}.section{padding:52px 18px}.job{padding:20px 18px 18px}.job-project{padding:16px}.site-footer{padding:32px 18px}.to-top{width:46px;height:46px;bottom:16px;right:16px}}.project-dialog{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--cream);color:var(--ink);width:min(1040px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:hidden}.project-dialog[open]{animation:.15s ease-out project-dialog-in}@keyframes project-dialog-in{0%{opacity:0;transform:scale(.97)}}.project-dialog::backdrop{background:#1119}.project-dialog-body{box-sizing:border-box;flex-direction:column;gap:16px;max-height:calc(100dvh - 32px);padding:24px;display:flex;overflow-y:auto}.project-dialog-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:24px;display:grid}.project-dialog-media,.project-dialog-info{flex-direction:column;gap:14px;min-width:0;display:flex}.project-dialog-info>p,.project-highlights{margin:0}.project-stack{border-top:2px solid var(--ink);flex-direction:column;gap:8px;padding-top:14px;display:flex}.project-stack h3{margin:0}.project-highlights{padding-left:1.2em}.project-highlights li+li{margin-top:4px}.project-dialog-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.project-dialog-head h2{letter-spacing:-.03em;margin:0;font-size:1.6rem}.project-dialog-close{border:2px solid var(--ink);border-radius:var(--radius);width:42px;height:42px;color:var(--ink);box-shadow:var(--shadow-sm);font:inherit;cursor:pointer;background:#fff;flex:none;place-items:center;padding:0;font-size:1.6rem;line-height:1;transition:transform .12s,box-shadow .12s;display:grid}.project-dialog-close:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.project-shot{margin:0}.project-shot img{border:var(--border);border-radius:var(--radius);background:#fff;width:100%;height:auto;display:block}.project-shot figcaption{margin-top:6px;font-size:.85rem}.project-shot-fallback{box-sizing:border-box;border:var(--border);border-radius:var(--radius);text-align:center;background:#fff;place-items:center;width:100%;padding:16px;display:grid}.project-shot-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.project-shot-thumbs button{aspect-ratio:16/10;border:var(--border);border-radius:var(--radius);cursor:pointer;background:#fff;padding:0;overflow:hidden}.project-shot-thumbs button[aria-pressed=true]{box-shadow:var(--shadow-sm);outline:3px solid var(--coral);outline-offset:1px}.project-shot-thumbs button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.project-shot-thumbs button:hover{transform:translate(1px,1px)}.project-shot-thumbs img{object-fit:cover;width:100%;height:100%;display:block}.project-dialog-actions{flex-wrap:wrap;gap:14px;display:flex}@media (prefers-reduced-motion:reduce){.project-dialog[open]{animation:none}.project-dialog-close:hover{box-shadow:var(--shadow-sm);transform:none}.project-shot-thumbs button:hover{transform:none}}@media (width<=760px){.project-dialog-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.project-dialog-body{padding:18px}.project-dialog-head h2{font-size:1.35rem}}