*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#181b1f;--bg2:#1f2328;--border:#2b303a;--muted:#454d5e;--dim:#6e7a8a;--body:#adb6c4;--heading:#dce3ed;--accent:#7eb8d4;--accent2:#c3d4e8;--green:#5ec48a}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--body);justify-content:center;align-items:center;min-height:100vh;padding:56px 24px;font-family:DM Mono,monospace;font-size:13.5px;line-height:1.75;display:flex}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.page{z-index:1;width:100%;max-width:720px;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade{opacity:0;animation:.65s forwards fadeUp}.d1{animation-delay:50ms}.d2{animation-delay:.16s}.d3{animation-delay:.28s}.d4{animation-delay:.42s}.d5{animation-delay:.56s}.d6{animation-delay:.7s}.hero-identity{align-items:center;gap:18px;margin-bottom:14px;display:flex}.avatar{object-fit:cover;border:1px solid var(--border);outline:3px solid var(--bg);width:52px;height:52px;box-shadow:0 0 0 4px var(--border);border-radius:50%;display:block}.md-h1{color:var(--heading);letter-spacing:-.025em;font-family:Fraunces,serif;font-size:clamp(2.4rem,7vw,3.6rem);font-style:italic;font-weight:200;line-height:1.08}.tagline{color:var(--dim);letter-spacing:.02em;margin-top:14px;font-size:12.5px}.cursor{background:var(--accent);vertical-align:middle;opacity:.75;width:7px;height:13px;margin-left:3px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:.75}50%{opacity:0}}.localtime{color:var(--muted);letter-spacing:.06em;align-items:center;gap:7px;margin-top:10px;font-size:11.5px;display:flex}.time-dot{background:var(--green);opacity:.85;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.3;transform:scale(.75)}}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:10px;margin:44px 0 18px;font-size:10.5px;font-weight:400;display:flex}.label:before{content:"##";color:var(--border);font-size:12px}.label:after{content:"";background:var(--border);flex:1;height:1px}.intro p{color:var(--body);max-width:540px}.intro p+p{margin-top:10px}.hl{color:var(--accent2);border-bottom:1px solid var(--muted)}.contact-links{flex-wrap:wrap;gap:24px;margin-top:20px;display:flex}.cl{color:var(--dim);letter-spacing:.04em;align-items:center;gap:8px;padding-bottom:2px;font-size:12px;text-decoration:none;transition:color .15s;display:flex;position:relative}.cl:after{content:"";background:var(--accent);width:0;height:1px;transition:width .22s;position:absolute;bottom:0;left:0}.cl:hover{color:var(--accent2)}.cl:hover:after{width:100%}.cl svg{fill:currentColor;flex-shrink:0;width:13px;height:13px}.experience{flex-direction:column;display:flex}.exp-row{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;display:flex}.exp-row:last-child{border-bottom:1px solid var(--border)}.exp-role{color:var(--heading);letter-spacing:-.01em;font-size:13px}.exp-company{color:var(--dim);margin-top:2px;font-size:11.5px}.exp-year{color:var(--muted);letter-spacing:.04em;white-space:nowrap;flex-shrink:0;font-size:11px}.projects{flex-direction:column;display:flex}.project{border-radius:4px;grid-template-columns:1fr auto;align-items:start;gap:16px;margin:0 -12px;padding:18px 12px;text-decoration:none;transition:background .15s;display:grid}.project+.project{border-top:1px solid var(--border)}.project:hover{background:var(--bg2)}.p-num{color:var(--border);letter-spacing:.1em;margin-bottom:4px;font-size:10px}.p-title{color:var(--heading);letter-spacing:-.015em;font-family:Fraunces,serif;font-size:1.05rem;font-weight:300;line-height:1.2}.p-desc{color:var(--dim);margin-top:5px;font-size:12px;line-height:1.65}.p-tags{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.tag{letter-spacing:.07em;color:var(--muted);border:1px solid var(--border);border-radius:2px;padding:2px 8px;font-size:10px}.arrow{color:var(--muted);padding-top:2px;font-size:15px;transition:color .15s,transform .15s}.project:hover .arrow{color:var(--accent);transform:translate(3px,-3px)}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:52px;padding-top:20px;font-size:11px;display:flex}.footer span:last-child{color:var(--border)}@media (max-width:480px){body{padding:40px 20px}.contact-links{gap:18px}}