.blog-page{max-width:900px;margin:auto;padding:10vh max(5vw,24px);min-height:100vh}.blog-page>.brand{display:block;margin-bottom:4rem}.blog-page h1{font-size:clamp(3rem,7vw,6rem);line-height:.95;letter-spacing:-.07em;margin:.5rem 0 1.5rem}.blog-list{display:grid;gap:1rem;margin-top:3rem}.blog-list article{padding:1.5rem;border:1px solid var(--line);background:var(--panel)}.article h2,.blog-list h2{font-size:1.7rem;letter-spacing:-.035em}.article p,.blog-list p{color:var(--muted)}.article{max-width:760px}.article hr{border:0;border-top:1px solid var(--line);margin:3rem 0}.filter-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:2rem 0 0}.filter-row button{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:.78rem;font-weight:700;padding:.5rem .75rem}.filter-row button.selected,.filter-row button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.architecture{border:0;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:1rem;margin:1.25rem 0 .5rem;background:var(--soft);font-size:.72rem;font-weight:800;color:var(--accent)}.architecture b{font-size:1rem}.architecture-notes{border-left:2px solid var(--accent);padding-left:1rem;margin:1rem 0;color:var(--muted);font-size:.9rem}.architecture-notes p{margin:.5rem 0}.empty-state{padding:2rem;border:1px dashed var(--line);color:var(--muted)}.desktop a.active{color:var(--accent);font-weight:800}.desktop a{padding:.5rem 0}.mobile-menu a.active{color:var(--accent);font-weight:800}@media(max-width:800px){.architecture{align-items:flex-start}.filter-row{margin-top:1.25rem}}:root{--bg:#f6f8fc;--panel:#fff;--ink:#101827;--muted:#5c687a;--line:#dce3ee;--accent:#2563eb;--soft:#eaf1ff}html[data-theme=dark]{--bg:#090f1a;--panel:#111a29;--ink:#f4f7fc;--muted:#a5b2c5;--line:#26344a;--accent:#74a9ff;--soft:#102744}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55;background-image:linear-gradient(color-mix(in srgb,var(--line) 50%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 50%,transparent) 1px,transparent 1px);background-size:64px 64px;background-attachment:fixed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:var(--panel);padding:.75rem}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);z-index:10}.brand{font-size:1.4rem;font-weight:850;letter-spacing:-.08em}.brand span{color:var(--accent)}.desktop{display:flex;gap:1.35rem;font-size:.85rem;color:var(--muted)}.desktop a:hover,.text-link:hover{color:var(--accent)}.nav-actions{display:flex;gap:.65rem;align-items:center}.icon-button{border:0;background:transparent;color:var(--ink);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;cursor:pointer}.icon-button:hover{background:var(--soft)}.menu{display:none}.button,.resume{border:1px solid var(--line);padding:.75rem 1rem;border-radius:7px;font-weight:750;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.resume.small{padding:.5rem .75rem}.section{max-width:1220px;margin:auto;padding:110px max(5vw,24px);display:grid;grid-template-columns:170px 1fr;gap:60px}.eyebrow,.section-label{font-size:.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hero{min-height:calc(100vh - 76px);align-items:center;padding-top:65px;padding-bottom:65px;grid-template-columns:1.45fr .8fr;gap:80px}.hero h1{font-size:clamp(3rem,6vw,6.8rem);line-height:.98;letter-spacing:-.065em;margin:.8rem 0 1.5rem;max-width:860px}.lede,.section-intro,.summary>div>p{font-size:1.18rem;max-width:750px;color:var(--muted)}.eyebrow i{display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin:0 .55rem;vertical-align:middle}.button-row{display:flex;gap:.75rem;flex-wrap:wrap;margin:2rem 0}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.hero-meta{border-top:1px solid var(--line);padding-top:1.25rem;display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.86rem}.hero-meta span{display:flex;align-items:center;gap:.35rem}.portrait-wrap{position:relative}.portrait-wrap img{width:100%;height:auto;display:block;filter:grayscale(100%);border-radius:4px}.portrait-note{position:absolute;bottom:-25px;left:-25px;background:var(--panel);border:1px solid var(--line);padding:1rem 1.2rem;font-size:.78rem}.portrait-note b{font-size:1.5rem}.summary{border-top:1px solid var(--line)}h2{font-size:clamp(2.25rem,4vw,4.1rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 1.5rem}h3{font-size:1.25rem;line-height:1.2;margin:.5rem 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.metrics span{border-top:2px solid var(--accent);padding-top:.75rem;color:var(--muted);font-size:.9rem}.metrics b{display:block;color:var(--ink);font-size:1.05rem}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:2.5rem 0;border-bottom:1px solid var(--line)}.muted{color:var(--muted)}li{margin-bottom:.7rem}.project-grid,.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.project-card,.skill{border:1px solid var(--line);background:var(--panel);padding:1.4rem;min-height:220px}.project-card p,.skill p{color:var(--muted);font-size:.92rem}.skill small{color:var(--accent);font-weight:700}.featured-projects{margin-top:2.2rem}.featured{display:grid;grid-template-columns:110px 1fr;gap:1.5rem;border-top:1px solid var(--line);padding:2rem 0}.project-index{font-size:2rem;color:var(--accent);font-weight:700}.tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.tags span{border:1px solid var(--line);padding:.25rem .5rem;font-size:.7rem;border-radius:20px}.text-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent);font-weight:700;font-size:.88rem}.project-grid{margin-top:1rem}.learning ol{padding:0;margin:2rem 0;list-style:none;display:grid;grid-template-columns:1fr 1fr}.learning li{display:flex;gap:1rem;padding:.75rem;border-top:1px solid var(--line);font-weight:600}.learning li span{color:var(--accent);font-size:.8rem}.learning-note{color:var(--muted);max-width:800px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.principles article{padding:1.5rem;border-top:2px solid var(--accent);background:var(--panel)}.principles p{color:var(--muted);font-size:.9rem}.github{background:var(--soft);max-width:none;padding-left:max(calc((100vw - 1220px)/2 + 5vw),5vw);padding-right:max(calc((100vw - 1220px)/2 + 5vw),5vw)}.credential{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border:1px solid var(--line);padding:2rem}.contact,.credential{background:var(--panel)}.contact{max-width:none;padding-left:max(calc((100vw - 1220px)/2 + 5vw),5vw);padding-right:max(calc((100vw - 1220px)/2 + 5vw),5vw)}.contact-icons{display:flex;gap:.75rem;margin-top:1.75rem}.contact-icons a{width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center}.contact form{display:grid;gap:1rem}.contact label{display:grid;gap:.35rem;font-size:.85rem;font-weight:700}.contact input,.contact textarea{background:transparent;color:var(--ink);border:1px solid var(--line);padding:.75rem;font:inherit}.contact small{color:var(--muted)}footer{padding:2rem max(5vw,24px);display:grid;grid-template-columns:1fr auto;gap:1rem;background:#080c14;color:#d9e2f0;font-size:.85rem}footer div:first-child{display:grid;gap:.25rem}footer div:nth-child(2){display:flex;gap:1rem}footer p{grid-column:1/-1;color:#8390a6;margin:0}.mobile-menu{display:none}@media(max-width:800px){.desktop,.resume.small{display:none}.menu{display:grid}.mobile-menu{display:grid;position:absolute;top:76px;left:0;right:0;padding:1rem 5vw;background:var(--panel)}.mobile-menu,.mobile-menu a{border-bottom:1px solid var(--line)}.mobile-menu a{padding:.8rem 0}.hero,.section{grid-template-columns:1fr;gap:1.8rem;padding-top:70px;padding-bottom:70px}.hero{min-height:auto}.portrait-wrap{max-width:460px}.credential,.learning ol,.metrics,.principles,.project-grid,.skill-grid,.timeline-item{grid-template-columns:1fr}.timeline-item{gap:1rem}.featured{grid-template-columns:1fr}.project-index{font-size:1rem}.hero h1{font-size:clamp(3.1rem,14vw,4.6rem)}footer{grid-template-columns:1fr}footer div:nth-child(2){flex-wrap:wrap}.portrait-note{left:10px}}@media(prefers-reduced-motion:reduce){*,html{scroll-behavior:auto!important;transition:none!important;animation:none!important}}