:root{color:#454545;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--muted:#5c5c5c;--surface:#fff;--radius:6px;--shadow:0 2px 5px #00000008;background:#f5f5f5;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}main{padding-block:64px}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:4px;text-decoration:underline}a:focus-visible{outline-offset:5px;border-radius:3px;outline:2px solid #454545}.profile-card a:focus-visible,.project-card--dark a:focus-visible{outline-color:#fff}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,p{margin:0}::selection{color:#252525;background:#bfdbfe}.section-shell{width:min(1120px,100% - 48px);margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;border-radius:var(--radius);color:#fff;background:#454545;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.eyebrow{color:var(--muted);font-size:.7rem;line-height:1.5}.text-link{align-items:center;gap:8px;min-height:44px;font-size:.85rem;display:inline-flex}.bento-card,.profile-card,.education-card,.stack-card,.project-card,.source-card,.contact-section{border-radius:var(--radius);box-shadow:var(--shadow)}.hero{grid-template-columns:7fr 5fr;align-items:stretch;gap:16px;display:grid}.hero-copy{background:var(--surface);min-width:0;padding:36px}.hero-role{color:var(--muted);font-size:.8rem}.hero-role span{padding-inline:6px}.hero h1{letter-spacing:-.045em;margin-top:18px;font-size:clamp(2rem,3.5vw,2.9rem);font-weight:600;line-height:1.15}.hero-description{max-width:440px;color:var(--muted);margin-top:20px;font-size:.9rem;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px;display:flex}.button{border-radius:4px;justify-content:center;align-items:center;gap:18px;min-height:44px;padding:10px 16px;font-size:.85rem;display:inline-flex}.button-primary{color:#fff;background:#454545}.button-primary:hover{background:#303030;text-decoration:none}.profile-card{color:#fff;background:#454545;flex-direction:column;justify-content:center;min-width:0;padding:30px;display:flex}.profile-identity{align-items:center;gap:18px;display:flex}.profile-identity img{object-fit:cover;border-radius:50%;width:72px;height:72px}.profile-identity strong{font-size:1.35rem;font-weight:600}.profile-identity div>span{color:#e5e5e5;margin-top:5px;font-size:.8rem;display:block}.profile-details{gap:20px;margin:26px 0 0;font-size:.82rem;line-height:1.8;display:grid}.profile-details dt{color:#e5e5e5;margin-bottom:3px;font-size:.7rem}.profile-details dd{overflow-wrap:anywhere;margin:0}.profile-details a{align-items:center;gap:7px;display:inline-flex}.education-card{background:var(--surface);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:24px 28px;display:flex}.education-card h2{margin-top:6px;font-size:1.05rem;font-weight:600;line-height:1.5}.education-school{align-items:center;gap:7px;min-height:36px;margin-top:4px;font-size:.84rem;display:inline-flex}.education-school svg{width:15px;height:15px}.education-location{color:var(--muted);font-size:.8rem;line-height:1.7}.stack-section,.work-section,.source-section{padding-top:34px}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.stack-card{background:var(--surface);flex-direction:column;min-width:0;padding:26px;display:flex}.stack-card h3{font-size:1.05rem;font-weight:600}.technology-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 10px;margin:24px 0;padding:0;list-style:none;display:grid}.technology-grid li{text-align:center;flex-direction:column;align-items:center;gap:7px;min-width:0;font-size:.68rem;line-height:1.4;display:flex}.technology-grid img{object-fit:contain;border-radius:7px;width:36px;height:36px}.technology-grid span{overflow-wrap:anywhere}.stack-tools{align-items:baseline;gap:12px;margin-top:auto;padding-top:5px;display:flex}.stack-tools>p{color:var(--muted);font-size:.72rem;line-height:1.6}.tags{flex-wrap:wrap;gap:5px 10px;margin:0;padding:0;font-size:.72rem;line-height:1.6;list-style:none;display:flex}.tags li+li:before{content:"·";margin-right:10px}.stack-tools .tags{font-size:.72rem}.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.project-card{background:var(--surface);flex-direction:column;grid-column:span 4;min-width:0;display:flex;overflow:hidden}.project-card--sand{background:#ffedd5}.project-card--green{background:#bbf7d0}.project-card--blue{background:#bfdbfe}.project-card--rose{background:#fecaca}.project-card--cyan{background:#a5f3fc}.project-card--dark{color:#fff;--muted:#e5e5e5;background:#454545}.project-card--dark h3{color:#fef08a}.project-preview{aspect-ratio:1.65;background:#e5e5e5;position:relative;overflow:hidden}.project-preview img{object-fit:cover;object-position:top;width:100%;height:100%}.project-content{flex-direction:column;flex:1;padding:22px;display:flex}.project-content h3{margin-top:6px;font-size:1.05rem;font-weight:600;line-height:1.5}.project-description{color:var(--muted);margin-top:8px;margin-bottom:16px;font-size:.8rem;line-height:1.75}.project-links{justify-content:space-between;gap:16px;margin-top:auto;padding-top:16px;display:flex}.project-links a{align-items:center;gap:7px;min-height:40px;font-size:.76rem;display:inline-flex}.project-links svg{width:15px;height:15px}.project-archive{min-height:40px;color:var(--muted);align-items:center;font-size:.76rem;display:flex}.project-card--featured{grid-column:span 12;grid-template-columns:1.12fr 1fr;display:grid}.project-card--featured .project-preview{aspect-ratio:auto;min-height:310px}.project-card--featured .project-preview img{object-position:center;position:absolute;inset:0}.project-card--featured .project-content{padding:26px}.project-card--featured h3{font-size:1.25rem}.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-last-child(-n+2){grid-column:span 6}.project-card:nth-child(2) .project-preview,.project-card:nth-child(3) .project-preview,.project-card:nth-last-child(-n+2) .project-preview{aspect-ratio:2}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.source-card{background:var(--surface);min-width:0;padding:24px}.source-card h3{margin-top:10px;font-size:.95rem;font-weight:600}.source-card h3 a{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.source-card>p:last-child{color:var(--muted);margin-top:8px;font-size:.8rem;line-height:1.8}.all-repos{margin-top:12px}.contact-section{background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;padding:26px;display:flex}.contact-section h2{letter-spacing:-.03em;font-size:1.35rem;font-weight:600}.social-links{flex-wrap:wrap;gap:8px;display:flex}.social-link{border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:.8rem;display:inline-flex}.social-link svg{width:14px;height:14px}.social-link--github{color:#374151;background:#e5e7eb}.social-link--linkedin{color:#1e40af;background:#bfdbfe}.social-link--mastodon{color:#6b21a8;background:#e9d5ff}.social-link--npm{color:#991b1b;background:#fecaca}@media (width<=1050px){.hero{grid-template-columns:1.1fr 1fr}.hero-copy{padding:28px}.profile-card{padding:26px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-last-child(-n+2){grid-column:span 1}.project-card--featured{grid-column:span 2}.project-card:nth-child(2) .project-preview,.project-card:nth-child(3) .project-preview,.project-card:nth-last-child(-n+2) .project-preview{aspect-ratio:1.65}.project-card:last-child{grid-column:span 2;grid-template-columns:1.12fr 1fr;display:grid}.project-card:last-child .project-preview{aspect-ratio:auto;min-height:250px}.project-card:last-child .project-preview img{position:absolute;inset:0}.stack-card{padding:24px}.stack-tools{flex-direction:column;gap:5px}.source-card{padding:22px}}@media (width<=700px){main{padding-block:24px}.section-shell{width:calc(100% - 32px)}.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(2rem,8vw,2.8rem)}.hero-description{font-size:.88rem}.hero-copy,.profile-card,.education-card{padding:26px}.education-card{flex-direction:column;align-items:flex-start;gap:10px}.hero-actions{gap:16px}.stack-section,.work-section,.source-section{padding-top:28px}.stack-grid,.source-grid,.project-grid{grid-template-columns:1fr}.stack-card{padding:24px}.stack-tools{flex-direction:row;gap:12px}.project-card--featured,.project-card:last-child{grid-column:span 1;display:flex}.project-card--featured .project-preview{aspect-ratio:1.5;min-height:0}.project-card--featured .project-preview img{position:static}.project-card:last-child .project-preview{aspect-ratio:1.65;min-height:0}.project-card:last-child .project-preview img{position:static}.project-content,.project-card--featured .project-content{padding:22px}.source-card{padding:24px}.contact-section{margin-top:28px;padding:24px}}@media (width<=370px){.hero-copy,.profile-card,.education-card,.stack-card{padding:22px}.technology-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stack-tools{flex-direction:column;gap:5px}.hero-actions{gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}