:root{--bg: #0c0f08;--bg-lift: #12160d;--surface: #161a11;--border: #2f3622;--border2: #424b30;--text: #ecefdc;--text-soft: #cdd1bb;--muted: #8e9881;--green: #4dab7e;--green-bright: #6dc89a;--green-dim: rgba(77,171,126,.1);--green-border: rgba(77,171,126,.28);--gold: #b8862e;--gold-warm: #d19a3a;--gold-dim: rgba(184,134,46,.12);--gold-border: rgba(184,134,46,.32);--amber: rgba(209,154,58,.07);--amber-strong: rgba(209,154,58,.11);--steel: #8a9099;--steel-bright: #b4bac3;--steel-dim: rgba(138,144,153,.12);--mono: "DM Mono", monospace;--serif: "Young Serif", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(ellipse 75% 55% at 92% 8%,var(--amber-strong) 0%,transparent 58%),radial-gradient(ellipse 55% 40% at 100% 0%,rgba(209,154,58,.05) 0%,transparent 70%),radial-gradient(ellipse 85% 60% at 8% 25%,rgba(77,171,126,.08) 0%,transparent 60%),radial-gradient(ellipse 65% 45% at 50% 100%,rgba(77,171,126,.05) 0%,transparent 65%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");min-height:100vh;position:relative}.vine{position:fixed;top:0;right:0;width:280px;height:280px;pointer-events:none;opacity:.5;z-index:0}.vine svg{width:100%;height:100%}.vine-bl{position:fixed;bottom:0;left:0;width:200px;height:200px;pointer-events:none;opacity:.35;transform:scaleX(-1) scaleY(-1);z-index:0}.vine-bl svg{width:100%;height:100%}a{color:var(--green);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-warm)}.page{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:1}nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0 18px;border-bottom:2px solid var(--border)}.nav-logo{font-family:var(--serif);font-size:1.35rem;font-weight:400;color:var(--text);letter-spacing:.01em}.nav-logo:hover{color:var(--green-bright)}.nav-right{display:flex;align-items:center;gap:14px}.nav-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--muted);border:1px solid var(--border2);border-radius:2px;transition:all .2s}.nav-icon:hover{color:var(--gold-warm);border-color:var(--gold-border);background:var(--gold-dim)}.nav-icon svg{width:16px;height:16px}.nav-resume{font-family:var(--mono);font-size:.82rem;color:var(--gold-warm);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--gold-border);padding:8px 16px;border-radius:2px;transition:all .2s}.nav-resume:hover{background:var(--gold-dim);color:var(--gold-warm);border-color:var(--gold-warm)}.hero{display:grid;grid-template-columns:1.05fr .95fr;border-bottom:2px solid var(--border);position:relative}.hero:before,.hero:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--gold);opacity:.55;pointer-events:none}.hero:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.hero:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.hero-left{padding:42px 52px 42px 0;border-right:2px solid var(--border);position:relative}.avatar{position:absolute;top:38px;right:52px;width:150px;height:150px;border-radius:50%;object-fit:cover;border:2px solid var(--text);background:var(--bg-lift)}.hero-label{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green-bright);margin-bottom:18px;display:flex;align-items:center;gap:10px}.hero-label:before{content:"";display:inline-block;width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--green-bright))}h1{font-family:var(--serif);font-size:clamp(2.4rem,3.8vw,3.4rem);font-weight:400;line-height:1.1;letter-spacing:-.015em;color:var(--text);margin-bottom:18px;max-width:calc(100% - 185px)}h1 em{font-style:normal;color:var(--green-bright);text-shadow:0 0 24px rgba(109,200,154,.18)}.hero-sub{font-size:.95rem;color:var(--text-soft);max-width:460px;line-height:1.85}.hero-sub a{color:var(--text);border-bottom:1px solid var(--border2)}.hero-sub a:hover{color:var(--green-bright);border-bottom-color:var(--green-bright)}.hero-right{padding:42px 0 42px 52px;display:flex;flex-direction:column;gap:16px}.stack-item{display:flex;flex-direction:column;gap:5px}.stack-label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:7px}.stack-label:before{content:"";display:inline-block;width:4px;height:4px;background:var(--gold);border-radius:50%;opacity:.7}.stack-value{font-size:.92rem;color:var(--text);line-height:1.55;padding-left:11px}.stack-value a{color:var(--text)}.stack-value a:hover{color:var(--green-bright)}.pill-row{display:flex;flex-wrap:wrap;gap:6px;padding-left:11px;margin-top:3px}.pill{font-size:.74rem;letter-spacing:.04em;color:var(--green-bright);background:var(--green-dim);border:1px solid var(--green-border);padding:3px 10px;border-radius:2px}.main-grid{display:grid;grid-template-columns:1.05fr .95fr;border-bottom:2px solid var(--border)}.section-work{border-right:2px solid var(--border);padding:32px 52px 32px 0}.section-writing{padding:32px 0 32px 52px}.section-label{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-warm);margin-bottom:18px;display:flex;align-items:center;gap:12px}.section-label:before{content:"";display:inline-block;width:16px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-warm))}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border2),transparent)}.project{padding:14px 0;border-bottom:1px solid var(--border)}.project:last-child{border-bottom:none;padding-bottom:0}.project-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}.project-name{font-family:var(--serif);font-size:1.25rem;font-weight:400;color:var(--text);transition:color .2s;letter-spacing:.005em}a.project-name:hover{color:var(--green-bright)}.project-tag{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-warm);background:var(--gold-dim);border:1px solid var(--gold-border);padding:3px 9px;border-radius:2px;white-space:nowrap}.project-desc{font-size:.9rem;color:var(--text-soft);line-height:1.65;margin-bottom:8px}.tech-row{display:flex;flex-wrap:wrap;gap:5px}.tech{font-size:.72rem;color:var(--muted);border:1px solid var(--border2);padding:2px 9px;border-radius:2px}.post-item{padding:14px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.post-item:last-child{border-bottom:none;padding-bottom:0}.post-title-link{font-family:var(--serif);font-size:1.05rem;font-weight:400;color:var(--text);line-height:1.3;transition:color .2s;display:block;letter-spacing:.005em}.post-title-link:hover{color:var(--green-bright)}.post-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:4px}.post-desc{font-size:.82rem;color:var(--text-soft);line-height:1.6;flex:1}.post-date{font-size:.72rem;color:var(--muted);white-space:nowrap;letter-spacing:.04em}.post-empty{font-size:.85rem;color:var(--muted);line-height:1.7;padding:14px 0}footer{display:flex;justify-content:space-between;align-items:center;padding:18px 0 22px;font-size:.82rem;color:var(--muted)}.footer-links{display:flex;gap:1.8rem}.footer-links a{color:var(--muted);font-size:.82rem;letter-spacing:.05em}.footer-links a:hover{color:var(--gold-warm)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}nav{animation:fadeUp .5s ease both}.hero-left{animation:fadeUp .55s .05s ease both}.hero-right{animation:fadeUp .55s .12s ease both}.section-work{animation:fadeUp .55s .18s ease both}.section-writing{animation:fadeUp .55s .22s ease both}.vine svg path,.vine-bl svg path{stroke-dasharray:1000;animation:drawLine 2.4s ease-out .3s both}@media (max-width: 760px){.page{padding:0 20px}.vine{width:140px;height:140px;opacity:.28}.vine-bl{display:none}.nav-icon{width:32px;height:32px}.nav-right{gap:10px}.hero,.main-grid{grid-template-columns:1fr}.hero-left{border-right:none;border-bottom:1px solid var(--border);padding:32px 0}.avatar{position:static;float:right;width:96px;height:96px;margin:0 0 16px 20px;shape-outside:circle()}h1{max-width:100%;font-size:clamp(2rem,8vw,2.6rem)}.hero-sub{max-width:100%}.hero-right{padding:32px 0}.section-work{border-right:none;border-bottom:1px solid var(--border);padding:32px 0}.section-writing{padding:32px 0}}