:root{--bg:#fafaf7;--bg2:#f1f1ec;--card:#fff;--text:#14161c;--muted:#5a6070;--line:#14161c1f;--accent:#0d9488;--accent-ink:#fff;--glow:#0d948821;--font:ui-sans-serif, -apple-system, "Segoe UI", Inter, Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0d12;--bg2:#11141b;--card:#141821;--text:#eceef3;--muted:#9aa1b2;--line:#ffffff17;--accent:#5eead4;--accent-ink:#062622;--glow:#5eead417;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b0d12;--bg2:#11141b;--card:#141821;--text:#eceef3;--muted:#9aa1b2;--line:#ffffff17;--accent:#5eead4;--accent-ink:#062622;--glow:#5eead417;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.15}.wrap{width:min(1080px,100% - 40px);margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{z-index:99;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:8px 12px;top:12px;left:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.spotlight{pointer-events:none;opacity:0;z-index:0;background:radial-gradient(420px circle at var(--x,50%) var(--y,30%), var(--glow), transparent 70%);transition:opacity .4s;position:fixed;inset:0}main,.footer{z-index:1;position:relative}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:12px max(20px,50% - 540px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-right:auto;font-weight:700;display:flex}.mark{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);font:700 .8rem var(--mono);border-radius:9px;place-items:center;display:grid}.site-nav{gap:4px;display:flex}.site-nav a{color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.92rem;transition:all .2s}.site-nav a:hover,.site-nav a.active{color:var(--text);background:var(--bg2)}.theme-toggle{border:1px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;display:grid}.i-sun{display:none}:root[data-theme=dark] .i-sun{display:block}:root[data-theme=dark] .i-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .i-sun{display:block}:root:not([data-theme=light]) .i-moon{display:none}}.hero{padding:clamp(48px,9vw,112px) 0 40px}.hero-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:48px;display:grid}.eyebrow{font:.8rem var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin:0 0 22px;padding:5px 12px;display:inline-flex}.dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--glow);border-radius:50%}h1{font-size:clamp(2.1rem,5vw,3.5rem);font-weight:750}h1 em{color:var(--accent);font-style:normal}.lead{color:var(--muted);max-width:56ch;margin:22px 0 28px;font-size:1.1rem}.loc{color:var(--muted);font:.85rem var(--mono);margin:20px 0 0}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions.center{justify-content:center}.btn{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:11px 20px;font-size:.95rem;font-weight:600;transition:transform .15s,border-color .2s}.btn:hover{border-color:var(--accent);transform:translateY(-2px)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.ghost{background:0 0}.terminal{color:#d8dce6;border:1px solid var(--line);background:#0b0d12;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -24px #00000073}.term-bar{font:.75rem var(--mono);color:#7d8496;background:#151922;align-items:center;gap:6px;padding:10px 14px;display:flex}.term-bar i{background:#3a4050;border-radius:50%;width:10px;height:10px}.term-bar span{margin-left:8px}.terminal pre{font:.86rem/1.9 var(--mono);margin:0;padding:18px;overflow-x:auto}.terminal .c{color:#5eead4}.terminal .v{color:#fff}.caret{vertical-align:-2px;background:#5eead4;width:8px;height:1em;margin-left:4px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.stats{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:64px;display:grid;overflow:hidden}.stats>div{background:var(--card);padding:22px}.stats b{letter-spacing:-.03em;color:var(--accent);font-size:2rem;display:block}.stats span{color:var(--muted);font-size:.85rem}.section{padding:clamp(56px,9vw,104px) 0}.section:nth-of-type(2n){background:var(--bg2)}.section-title{margin-bottom:36px;font-size:clamp(1.7rem,3vw,2.2rem)}.section-title small{font:.8rem var(--mono);color:var(--accent);margin-bottom:8px;display:block}.two-col{grid-template-columns:1fr 2fr;gap:40px;display:grid}.two-col .section-title{margin:0}.prose p{color:var(--muted);margin:0 0 1.1em;font-size:1.08rem}.prose p:first-child{color:var(--text)}.timeline{border-left:2px solid var(--line);gap:28px;margin:0;padding:0 0 0 22px;list-style:none;display:grid}.job{gap:10px;display:grid;position:relative}.job:before{content:"";background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 5px var(--bg2);border-radius:50%;position:absolute;top:6px;left:-29px}.when{font:.82rem var(--mono);color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card h3{font-size:1.2rem}.card h3 span{color:var(--muted);letter-spacing:0;margin-top:4px;font-size:.95rem;font-weight:500;display:block}.card ul{color:var(--muted);margin:16px 0;padding-left:18px}.card li{margin-bottom:6px}.card li::marker{color:var(--accent)}.tags{flex-wrap:wrap;gap:6px;margin:0;display:flex}.tags span{font:.76rem var(--mono);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 10px}.skill-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;display:grid}.skill-grid article{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.skill-grid h3{margin-bottom:14px;font-size:1rem}.certs{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.cert{border:1px dashed var(--accent);color:var(--accent);font:.85rem var(--mono);border-radius:10px;padding:8px 16px}.contact{text-align:center}.big{max-width:18ch;margin:0 auto 20px;font-size:clamp(1.9rem,4.5vw,3rem)}.mail{font:1.1rem var(--mono);color:var(--accent);border-bottom:1px solid;margin-bottom:28px;display:inline-block}.footer{border-top:1px solid var(--line);color:var(--muted);font:.82rem var(--mono);text-align:center;padding:28px 0}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.caret{animation:none}html{scroll-behavior:auto}}@media (width<=820px){.hero-grid,.two-col{grid-template-columns:1fr;gap:28px}.stats{grid-template-columns:repeat(2,1fr)}.site-nav,.brand-name{display:none}.site-header{gap:12px}}.hero-side{gap:18px;display:grid}.portrait{align-items:center;gap:16px;margin:0;display:flex}.portrait img{object-fit:cover;border:2px solid var(--accent);width:108px;height:108px;box-shadow:0 0 0 6px var(--glow);border-radius:50%}.portrait figcaption b{font-size:1.05rem;display:block}.portrait figcaption span{color:var(--muted);font-size:.85rem}.sec-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:36px;display:flex}.sec-head .section-title{margin:0}.more{font:.85rem var(--mono);color:var(--accent);white-space:nowrap}.more:hover{text-decoration:underline}.cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.post-card{flex-direction:column;display:flex;position:relative}.post-card h3{margin:8px 0;font-size:1.1rem;transition:color .2s}.post-card:hover h3{color:var(--accent)}.post-card>p:not(.tags){color:var(--muted);flex:1;margin:0 0 14px;font-size:.92rem}.card-link{z-index:1;border-radius:14px;position:absolute;inset:0}.post-card .tags{z-index:2;position:relative}.tags a{font:.76rem var(--mono);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 10px}.tags a:hover{color:var(--accent);border-color:var(--accent)}.meta{font:.78rem var(--mono);color:var(--muted);align-items:center;gap:8px;display:flex}.draft{color:#f59e0b;border:1px solid;border-radius:999px;padding:0 8px}.strip{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.strip a{border-radius:12px;display:block;overflow:hidden}.strip img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%;height:auto;transition:transform .25s;display:block}.strip a:hover img{transform:scale(1.04)}.page-head{padding-bottom:24px}.kicker{font:.82rem var(--mono);color:var(--accent);margin:0 0 10px}.page-title{margin-bottom:14px;font-size:clamp(2rem,5vw,3.2rem)}.topic-row{margin-top:18px}.inline{color:var(--accent);text-decoration:underline}.section.tight{padding-top:24px}.empty{color:var(--muted);font-family:var(--mono)}.narrow{width:min(740px,100% - 40px)}.post .meta{margin-bottom:14px}.md{margin-top:36px;font-size:1.05rem}.md h2{margin:2em 0 .6em;font-size:1.5rem}.md h3{margin:1.6em 0 .5em;font-size:1.2rem}.md p,.md li{color:color-mix(in srgb, var(--text) 86%, var(--muted))}.md a{color:var(--accent);text-decoration:underline}.md code{font:.88em var(--mono);background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:1px 6px}.md pre{color:#d8dce6;border:1px solid var(--line);background:#0b0d12;border-radius:12px;padding:16px;overflow-x:auto}.md pre code{color:inherit;background:0 0;border:0;padding:0}.md img{border-radius:12px;max-width:100%}.md blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.4em 0;padding-left:16px}.pager{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:56px;padding-top:24px;font-size:.92rem;display:flex}.pager a{color:var(--accent);max-width:45%}.gallery{columns:3 280px;column-gap:12px}.shot{cursor:zoom-in;break-inside:avoid;background:0 0;border:0;border-radius:12px;width:100%;margin:0 0 12px;padding:0;display:block;overflow:hidden}.shot img{width:100%;height:auto;transition:transform .35s,filter .35s;display:block}.shot:hover img{filter:brightness(1.08);transform:scale(1.03)}.lightbox{color:#fff;background:0 0;border:0;width:100%;max-width:100vw;height:100%;max-height:100vh;padding:0}.lightbox::backdrop{background:#05060aeb}.lightbox[open]{place-items:center;display:grid}.lightbox img{border-radius:8px;max-width:92vw;max-height:84vh}.lb-cap{font:.85rem var(--mono);color:#cbd0dc;margin:0;position:absolute;bottom:20px}.lightbox button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;width:44px;height:44px;font-size:1.4rem;position:absolute}.lightbox button:hover{background:#ffffff38}.lb-close{top:18px;right:18px}.lb-prev{left:18px}.lb-next{right:18px}.foot-grid{text-align:left;font-family:var(--font);grid-template-columns:2fr 1fr 1fr;gap:28px;padding-bottom:24px;display:grid}.foot-grid p{color:var(--muted);margin:6px 0 0;font-size:.9rem}.foot-grid h4{font:.75rem var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}.foot-grid a{color:var(--muted);padding:2px 0;font-size:.92rem;display:block}.foot-grid a:hover{color:var(--text)}.footer .copy{border-top:1px solid var(--line);padding-top:18px}@media (width<=820px){.strip{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>:first-child{grid-column:1/-1}.sec-head{flex-direction:column;align-items:flex-start}.site-nav{gap:0;display:flex;overflow-x:auto}.site-nav a{white-space:nowrap;padding:6px 8px;font-size:.82rem}.brand-name{display:none}}.work-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;display:grid}.work-grid .card{flex-direction:column;display:flex}.work-grid .kicker{margin-bottom:8px}.work-grid .sub{color:var(--muted);margin:6px 0 0;font-size:.95rem}.work-grid ul{flex:1}.work-grid li b{color:var(--text)}.how{margin-top:44px}.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}.steps li:before{content:"0" counter(s);font:.78rem var(--mono);color:var(--accent)}.steps b{margin:6px 0;font-size:1.02rem;display:block}.steps span{color:var(--muted);font-size:.92rem}
