:root{--bg:#18181b;--bg-soft:#27272a;--line:#3f3f46;--text:#f4f4f5;--muted:#a1a1aa;--dim:#71717a;--accent:#2dd4bf;--accent-soft:#2dd4bf1f;--card:#1f1f23;--shadow:0 1px 2px #0006}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{color:var(--text);-webkit-font-smoothing:antialiased;background:#000;font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.frame{background:var(--bg);max-width:72rem;min-height:100vh;margin:0 auto;position:relative}.frame:before,.frame:after{content:"";pointer-events:none;background:linear-gradient(180deg,var(--accent) 0%,#38bdf8 35%,#818cf8 65%,var(--accent) 100%);width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 18px 2px #2dd4bf59,0 0 40px 6px #818cf82e}.frame:before{left:0}.frame:after{right:0}@media (width<=72rem){.frame:before,.frame:after{display:none}}.wrap{max-width:42rem;margin:0 auto;padding:0 1.5rem}.wrap-wide{max-width:60rem;margin:0 auto;padding:0 1.5rem}header{grid-template-columns:1fr auto 1fr;align-items:center;padding:1.5rem 0;display:grid}header nav{grid-column:2}.avatar-lg{border-width:2px;width:4rem;height:4rem;margin-bottom:2rem}.avatar{border:1px solid var(--line);width:2.5rem;height:2.5rem;box-shadow:var(--shadow);border-radius:50%;display:block;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}nav ul{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#27272acc;border-radius:999px;gap:.25rem;padding:.25rem;list-style:none;display:flex}nav a{color:var(--text);border-radius:999px;padding:.4rem .85rem;font-size:.875rem;display:block}nav a:hover{color:var(--accent)}nav a:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.hero{padding:2rem 0 3rem}.hero h1{letter-spacing:-.02em;max-width:34rem;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;line-height:1.1}.hero p{color:var(--muted);max-width:36rem;margin-top:1.5rem;font-size:1rem}.socials{gap:1.25rem;margin-top:1.5rem;list-style:none;display:flex}.socials a{color:var(--dim);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.socials a:hover{color:var(--accent)}.socials svg{fill:currentColor;width:1.4rem;height:1.4rem}.strip{z-index:1;width:100vw;margin-left:calc(50% - 50vw);padding:1rem 0 4rem;position:relative;overflow:hidden}.track{--tile:11rem;--gap:1.25rem;gap:var(--gap);justify-content:center;display:flex}@media (width>=640px){.track{--tile:18rem;--gap:2rem}}.tile{width:var(--tile);aspect-ratio:9/10;background:var(--bg-soft);border-radius:1rem;flex:none;position:relative;overflow:hidden}.tile img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}@media (width>=640px){.tile{border-radius:1.5rem}}.track>[data-clone]{display:none}@media (prefers-reduced-motion:no-preference){@media (width<=640px){.track>[data-clone]{display:block}.track{justify-content:flex-start;animation:30s linear infinite strip-marquee}.strip:hover .track{animation-play-state:paused}}}@keyframes strip-marquee{0%{transform:translate(0)}to{transform:translateX(calc(-5 * (var(--tile) + var(--gap))))}}.body{gap:3rem;padding:1rem 0 4rem;display:grid}@media (width>=1024px){.body{grid-template-columns:1fr 1fr;gap:4rem}}h2{color:var(--text);align-items:center;gap:.6rem;font-size:.875rem;font-weight:600;display:flex}h2 svg{width:1.4rem;height:1.4rem;stroke:var(--dim);fill:none;stroke-width:1.5px}.feed{flex-direction:column;gap:3rem;display:flex}article{border-left:2px solid var(--bg-soft);padding-left:1.25rem;position:relative}article time{color:var(--dim);font-size:.8rem}article h3{margin-top:.4rem;font-size:1rem;font-weight:600}article h3 a:hover{color:var(--accent)}article p{color:var(--muted);margin-top:.5rem;font-size:.9rem}.tags{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.tags span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.15rem .55rem;font-size:.72rem}.more{color:var(--accent);margin-top:.75rem;font-size:.85rem;display:inline-block}.box{border:1px solid var(--bg-soft);border-radius:1.25rem;padding:1.5rem}.box+.box{margin-top:2.5rem}.box ol{flex-direction:column;gap:1rem;margin-top:1.5rem;list-style:none;display:flex}.row{align-items:center;gap:1rem;display:flex}.logo{background:var(--bg-soft);border:1px solid var(--line);width:2.5rem;height:2.5rem;color:var(--muted);box-shadow:var(--shadow);border-radius:50%;flex:none;place-items:center;font-size:.7rem;font-weight:700;display:grid}.row dl{flex:1;grid-template-columns:1fr auto;gap:.1rem .5rem;display:grid}.row dt{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.row .name{grid-column:1/-1;font-size:.875rem;font-weight:500}.row .role{color:var(--dim);font-size:.75rem}.row .date{color:var(--dim);text-align:right;font-size:.75rem}.btn{background:var(--bg-soft);border:1px solid var(--line);border-radius:.6rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.6rem;font-size:.875rem;font-weight:600;display:flex}.btn:hover{background:#333338}.skills{color:var(--muted);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.6rem 1rem;margin-top:1.25rem;font-size:.85rem;display:grid}.skills strong{color:var(--text);margin-bottom:.2rem;font-size:.8rem;display:block}footer{border-top:1px solid var(--bg-soft);padding:2.5rem 0 3rem}.foot{color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;display:flex}.foot ul{gap:1.5rem;list-style:none;display:flex}.foot ul a{color:var(--text);font-weight:500}.foot ul a:hover{color:var(--accent)}.page{padding:3rem 0 4rem}.page h1{letter-spacing:-.02em;max-width:36rem;font-size:clamp(2rem,4.5vw,2.8rem);font-weight:700;line-height:1.15}.lead{color:var(--muted);max-width:38rem;margin-top:1.5rem}.prose{color:var(--muted);flex-direction:column;gap:1.25rem;max-width:38rem;margin-top:1.5rem;display:flex}.prose strong{color:var(--text)}.prose code{background:var(--bg-soft);color:var(--text);border-radius:.3em;padding:.1em .35em;font-size:.9em}.prose h2{color:var(--text);margin-top:1rem;font-size:1.15rem}.prose pre{border:1px solid var(--bg-soft);color:var(--text);background:#000;border-radius:.75rem;padding:1rem;font-size:.8rem;overflow:auto}nav a[aria-current],nav a.active{color:var(--accent)}.about{grid-template-areas:"photo""text""links";gap:3rem;display:grid}.about .portrait{grid-area:photo}.about>div{grid-area:text}.about .links{grid-area:links;margin-top:0}@media (width>=1024px){.about{grid-template:"text photo""text links"1fr/1fr 1fr;align-items:start;gap:2.5rem 5rem}.about .links{padding-left:1rem}}.portrait{aspect-ratio:9/10;background:var(--bg-soft);border-radius:1.5rem;width:100%;max-width:26rem;overflow:hidden;transform:rotate(3deg)}.portrait img{object-fit:cover;width:100%;height:100%}.links{flex-direction:column;gap:1rem;margin-top:2rem;list-style:none;display:flex}.links a{align-items:center;gap:1rem;font-size:.875rem;font-weight:500;display:flex}.links a:hover{color:var(--accent)}.links svg{width:1.4rem;height:1.4rem;fill:var(--dim)}.links li.mail{border-top:1px solid var(--bg-soft);margin-top:.5rem;padding-top:1.5rem}.grid{gap:3rem 2rem;margin-top:3rem;list-style:none;display:grid}@media (width>=640px){.grid{grid-template-columns:1fr 1fr}}@media (width>=1024px){.grid{grid-template-columns:1fr 1fr 1fr}}.card{border-radius:1.25rem;margin:-1.5rem;padding:1.5rem;position:relative}.card:hover{background:#27272a80}.card .icon{background:var(--bg-soft);border:1px solid var(--line);width:3rem;height:3rem;box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid}.card .icon svg{width:1.5rem;height:1.5rem;stroke:var(--accent);fill:none;stroke-width:1.5px}.card h3{margin-top:1.25rem;font-size:1rem;font-weight:600}.card h3 a:after{content:"";position:absolute;inset:0}.card p{color:var(--muted);margin-top:.5rem;font-size:.875rem}.card .link{color:var(--dim);align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.85rem;display:flex}.card:hover .link{color:var(--accent)}.uses{flex-direction:column;gap:3rem;margin-top:2.5rem;display:flex}.uses section{border-left:1px solid var(--bg-soft);gap:1rem;padding-left:1.5rem;display:grid}@media (width>=768px){.uses section{grid-template-columns:8rem 1fr;gap:2rem}}.uses h2{color:var(--text);font-size:.875rem;font-weight:600;display:block}.uses ul{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.uses li h3{font-size:1rem;font-weight:600}.uses li p{color:var(--muted);margin-top:.35rem;font-size:.875rem}.alist{border-left:1px solid var(--bg-soft);flex-direction:column;gap:3rem;margin-top:2.5rem;padding-left:1.5rem;display:flex}.alist article{border:0;padding:0}.back{background:var(--bg-soft);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;gap:.5rem;width:2.5rem;height:2.5rem;margin-bottom:2rem;display:inline-flex}.back svg{width:1rem;height:1rem;stroke:var(--muted);fill:none;stroke-width:2px}@media (width<=640px){.wrap,.wrap-wide{padding:0 1.25rem}header{padding:1rem 0}nav a{padding:.35rem .6rem;font-size:.8rem}.hero{padding:1.5rem 0 2.5rem}.avatar-lg{width:3.5rem;height:3.5rem;margin-bottom:1.5rem}.socials{flex-wrap:wrap;gap:.75rem 1rem}.strip{padding:.5rem 0 2.5rem}.track{--tile:10rem;--gap:1rem}.tile{border-radius:.9rem}.box{padding:1.25rem}.card{margin:-1rem;padding:1rem}.portrait{max-width:16rem;transform:rotate(2deg)}.foot{flex-direction:column;align-items:flex-start}.prose pre{font-size:.72rem}}