:root{--ink: #161513;--ink-2: #3a3731;--ink-3: #6b665c;--ink-4: #a8a298;--paper: #f5f2ec;--paper-2: #ece8df;--paper-3: #dfdbd1;--line: #1615131a;--line-strong: #16151333;--accent: oklch(.62 .16 35);--accent-soft: oklch(.62 .16 35 / .12);--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}[data-accent=signal]{--accent: oklch(.72 .18 145);--accent-soft: oklch(.72 .18 145 / .15)}[data-accent=cobalt]{--accent: oklch(.52 .18 255);--accent-soft: oklch(.52 .18 255 / .12)}[data-accent=ember]{--accent: oklch(.62 .16 35);--accent-soft: oklch(.62 .16 35 / .12)}[data-variant=terminal]{--ink: #e7e3d9;--ink-2: #bcb6a6;--ink-3: #8a8579;--ink-4: #55524a;--paper: #0f0f0e;--paper-2: #17171500;--paper-3: #1f1e1c;--line: #ffffff1a;--line-strong: #ffffff33;--accent: oklch(.78 .18 140);--accent-soft: oklch(.78 .18 140 / .15);--font-display: "JetBrains Mono", ui-monospace, monospace}[data-variant=brutalist]{--ink: #0a0a0a;--ink-2: #1f1f1f;--ink-3: #555;--ink-4: #999;--paper: #f0ead6;--paper-2: #e6dfc7;--paper-3: #d7cfae;--line: #0a0a0a;--line-strong: #0a0a0a;--accent: oklch(.58 .22 28);--accent-soft: oklch(.58 .22 28 / .15);--font-display: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";padding-bottom:32px}a{color:inherit;text-decoration:none}html[data-grid=on] body:before{content:"";position:fixed;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(8.333% - 1px),color-mix(in oklab,var(--accent),transparent 80%) calc(8.333% - 1px),color-mix(in oklab,var(--accent),transparent 80%) 8.333%);max-width:1440px;margin:0 auto;inset:0 0 0 50%;transform:translate(-50%)}.page{max-width:1100px;margin:0 auto;padding:0 56px}@media(max-width:900px){.page{padding:0 24px}}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:1.02}[data-variant=terminal] .display{font-weight:500;letter-spacing:-.04em}[data-variant=brutalist] .display{font-weight:800;letter-spacing:-.035em;line-height:.94;text-transform:uppercase}.accent{color:var(--accent)}.dim{color:var(--ink-3)}.nav{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--paper),transparent 10%);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 0;gap:24px}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:500}.nav-brand .dot{width:8px;height:8px;background:var(--accent);border-radius:0}[data-variant=brutalist] .nav-brand .dot{width:12px;height:12px;border:1.5px solid var(--ink);background:var(--accent)}.nav-links{display:flex;gap:2px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.nav-links a{padding:6px 12px;color:var(--ink-2);border-radius:999px}.nav-links a:hover{background:var(--paper-2);color:var(--ink)}.nav-cta{justify-self:end;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper);transition:all .15s ease}.nav-cta:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}[data-variant=brutalist] .nav-cta{border-radius:0;border-width:1.5px}@media(max-width:800px){.nav-links{display:none}}.hero{padding:120px 0 80px;display:grid;grid-template-columns:1fr;gap:40px;position:relative}.hero-meta{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-bottom:24px}.hero-meta-col{grid-column:span 3;display:flex;flex-direction:column;gap:6px}.hero-meta-col .v{font-family:var(--font-mono);font-size:12px;color:var(--ink)}.hero-meta-col .v.live:before{content:"●";color:var(--accent);margin-right:6px;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.3}}.hero h1{font-family:var(--font-display);font-size:clamp(44px,6vw,88px);font-weight:350;letter-spacing:-.035em;line-height:.95;margin:0;font-variation-settings:"opsz" 144,"SOFT" 0}[data-variant=editorial] .hero h1 em{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;color:var(--ink-2)}[data-variant=terminal] .hero h1 em{font-style:normal;color:var(--accent)}[data-variant=brutalist] .hero h1 em{font-style:italic;background:var(--ink);color:var(--paper);padding:0 .15em}.hero-cols{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;padding-top:32px;border-top:1px solid var(--line)}.hero-lede{grid-column:4 / span 6;font-size:18px;line-height:1.5;color:var(--ink-2);max-width:62ch}.hero-lede strong{color:var(--ink);font-weight:500}.hero-actions{grid-column:10 / span 3;display:flex;flex-direction:column;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer;transition:all .15s ease}.btn:hover,.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}[data-variant=brutalist] .btn{border-radius:0;border-width:1.5px;font-weight:700}@media(max-width:900px){.hero-meta-col{grid-column:span 6}.hero-lede,.hero-actions{grid-column:1 / -1}}.section{padding:96px 0;border-top:1px solid var(--line);position:relative}.section-head{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-bottom:56px}.section-idx{grid-column:span 2;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.section-idx .n{color:var(--accent)}.section-title{grid-column:3 / span 7;font-family:var(--font-display);font-size:clamp(36px,5vw,68px);font-weight:400;letter-spacing:-.025em;line-height:1.02;margin:0}.section-aside{grid-column:10 / span 3;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase;padding-top:8px}.section-aside a:hover{color:var(--ink)}@media(max-width:900px){.section-idx,.section-title,.section-aside{grid-column:span 12}}.about-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.about-portrait{grid-column:span 4;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);display:block}.about-portrait img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block}.about-text{grid-column:6 / span 7;display:flex;flex-direction:column;gap:22px;font-size:16.5px;line-height:1.6;color:var(--ink-2)}.about-text p:first-child{font-size:22px;line-height:1.4;color:var(--ink);font-weight:400;max-width:28ch}.about-text strong{color:var(--ink);font-weight:500}@media(max-width:900px){.about-portrait,.about-text{grid-column:1 / -1}.about-portrait{aspect-ratio:3/2}}.capabilities{display:flex;flex-direction:column;border-top:1px solid var(--line)}.cap-row{display:grid;grid-template-columns:60px 1fr 2.5fr 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);align-items:baseline;position:relative;transition:padding .3s ease}.cap-row:hover{padding-left:16px}.cap-row:hover .cap-arrow{opacity:1;transform:translate(0)}.cap-idx{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em}.cap-title{font-family:var(--font-display);font-size:clamp(24px,2.4vw,34px);font-weight:400;letter-spacing:-.02em}.cap-desc{color:var(--ink-2);font-size:15px;line-height:1.5;max-width:56ch}.cap-tags{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-align:right}.cap-arrow{position:absolute;left:-20px;top:34px;color:var(--accent);font-family:var(--font-mono);opacity:0;transform:translate(-8px);transition:all .25s ease}@media(max-width:900px){.cap-row{grid-template-columns:40px 1fr;grid-template-rows:auto auto auto}.cap-idx{grid-row:1;grid-column:1}.cap-title{grid-row:1;grid-column:2}.cap-desc{grid-row:2;grid-column:1 / -1}.cap-tags{grid-row:3;grid-column:1 / -1;text-align:left}}.ai-section{background:var(--paper-2)}[data-variant=terminal] .ai-section{background:#1a1917}[data-variant=brutalist] .ai-section{background:var(--ink);color:var(--paper)}[data-variant=brutalist] .ai-section .section-title,[data-variant=brutalist] .ai-section .section-idx,[data-variant=brutalist] .ai-section .section-aside{color:var(--paper)}[data-variant=brutalist] .ai-section .section-idx .n{color:var(--accent)}.ai-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.ai-intro{grid-column:span 4;font-size:15px;color:var(--ink-2);line-height:1.6}[data-variant=brutalist] .ai-section .ai-intro{color:color-mix(in oklab,var(--paper),transparent 20%)}.ai-intro h3{font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:-.02em;margin:0 0 16px;color:var(--ink);line-height:1.1}[data-variant=brutalist] .ai-section .ai-intro h3{color:var(--paper)}.ai-list{grid-column:6 / span 7;display:flex;flex-direction:column}.ai-item{padding:20px 0;border-top:1px solid var(--line-strong);display:grid;grid-template-columns:32px 1fr;gap:20px}.ai-item:last-child{border-bottom:1px solid var(--line-strong)}.ai-item-num{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.ai-item h4{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.015em;margin:0 0 8px}.ai-item p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.55}[data-variant=brutalist] .ai-section .ai-item p{color:color-mix(in oklab,var(--paper),transparent 30%)}[data-variant=brutalist] .ai-section .ai-item h4{color:var(--paper)}@media(max-width:900px){.ai-intro,.ai-list{grid-column:1 / -1}}.projects-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.project{grid-column:span 6;padding:32px;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;gap:16px;transition:all .2s ease;position:relative;overflow:hidden}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,var(--accent-soft));opacity:0;transition:opacity .3s ease;pointer-events:none}.project:hover{border-color:var(--line-strong);transform:translateY(-2px)}.project:hover:after{opacity:1}[data-variant=brutalist] .project{border-width:1.5px;box-shadow:8px 8px 0 var(--ink)}[data-variant=brutalist] .project:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--ink)}.project-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.project-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:4px}[data-variant=brutalist] .project-badge{border-radius:0;border:1px solid var(--accent)}.project-badge .d{width:6px;height:6px;background:var(--accent);border-radius:999px}.project-links{display:flex;gap:8px;font-family:var(--font-mono);font-size:12px}.project-links a{padding:4px 8px;color:var(--ink-3);border:1px solid var(--line);border-radius:999px}.project-links a:hover{color:var(--ink);border-color:var(--line-strong)}.project h3{font-family:var(--font-display);font-size:36px;font-weight:400;letter-spacing:-.025em;margin:0}.project>p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55}.project-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:var(--paper-2);border-left:2px solid var(--accent);font-size:13px;color:var(--ink-2);line-height:1.5}[data-variant=brutalist] .project-note{border-left-width:4px}.project-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}.chip{padding:4px 10px;font-family:var(--font-mono);font-size:11px;background:var(--paper-2);color:var(--ink-2);border-radius:4px}[data-variant=brutalist] .chip{border:1px solid var(--ink);background:transparent;border-radius:0}.project-view{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--accent);margin-top:4px}.project-view:hover{gap:10px}@media(max-width:900px){.project{grid-column:1 / -1}}.stack-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px 32px}.stack-col{grid-column:span 4;padding:20px 0;border-top:1px solid var(--line)}.stack-col h4{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px}.stack-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.stack-col li{font-size:15px;font-family:var(--font-display);font-weight:400;display:flex;align-items:center;gap:10px}.stack-col li:before{content:"";width:4px;height:4px;background:var(--ink-4);border-radius:50%}.stack-col li[data-primary]:before{background:var(--accent);width:6px;height:6px}@media(max-width:700px){.stack-col{grid-column:span 6}}@media(max-width:500px){.stack-col{grid-column:span 12}}.exp-list{display:flex;flex-direction:column}.exp-row{display:grid;grid-template-columns:180px 1fr 2.5fr;gap:24px;padding:28px 0;border-top:1px solid var(--line);align-items:start}.exp-row:last-child{border-bottom:1px solid var(--line)}.exp-date{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.04em;padding-top:6px}.exp-date .now{color:var(--accent)}.exp-role h4{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.015em;margin:0 0 4px}.exp-role .co{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.04em}.exp-desc{color:var(--ink-2);font-size:14.5px;line-height:1.55;max-width:60ch}@media(max-width:900px){.exp-row{grid-template-columns:1fr;gap:8px}.exp-desc{max-width:100%}}.now-section{background:var(--paper-2)}[data-variant=terminal] .now-section{background:#1a1917}[data-variant=brutalist] .now-section{background:var(--accent);color:var(--paper)}[data-variant=brutalist] .now-section *{color:var(--paper)!important}.now-list{display:flex;flex-direction:column;gap:0}.now-item{display:grid;grid-template-columns:60px 1fr auto;gap:24px;padding:22px 0;border-top:1px solid var(--line);align-items:center}.now-item:last-child{border-bottom:1px solid var(--line)}.now-item .dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 2.4s infinite}.now-item:nth-child(2) .dot{animation-delay:.3s}.now-item:nth-child(3) .dot{animation-delay:.6s}[data-variant=brutalist] .now-item .dot{background:var(--paper)}.now-item .txt{font-size:17px;color:var(--ink);line-height:1.4;font-family:var(--font-display);font-weight:400}.now-item .meta{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.05em}.now-footer{display:flex;justify-content:space-between;margin-top:24px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.writing-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.article{grid-column:span 4;display:flex;flex-direction:column;gap:14px}.article a[style="display:contents"]{display:contents}.article-img{aspect-ratio:16/10;background:repeating-linear-gradient(135deg,var(--paper-2) 0 10px,var(--paper-3) 10px 20px);border:1px solid var(--line);position:relative;display:flex;align-items:flex-end;padding:12px;overflow:hidden}.article-img .plc{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:1}.article-date{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.article h4{font-family:var(--font-display);font-size:22px;font-weight:400;letter-spacing:-.015em;line-height:1.25;margin:0}.article-read{font-family:var(--font-mono);font-size:11px;color:var(--accent);display:inline-flex;align-items:center;gap:6px;margin-top:auto}.article:hover .article-read{gap:10px}@media(max-width:800px){.article{grid-column:span 12}}.contact{background:var(--ink);color:var(--paper);padding:120px 0;border-top:1px solid var(--line)}[data-variant=terminal] .contact{background:#000}.contact-inner{max-width:1100px;margin:0 auto;padding:0 56px;display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.contact-meta{grid-column:span 3;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff5}.contact-main{grid-column:4 / span 9}.contact-main h2{font-family:var(--font-display);font-size:clamp(42px,6vw,92px);font-weight:350;letter-spacing:-.03em;line-height:.98;margin:0 0 32px;color:#f5f2ec}.contact-main h2 em{font-style:italic;color:var(--accent);font-variation-settings:"opsz" 144,"SOFT" 100}[data-variant=brutalist] .contact-main h2 em{font-style:normal;background:var(--accent);color:var(--paper);padding:0 .15em}.contact-main p{font-size:18px;line-height:1.5;color:#fffa;max-width:54ch;margin:0 0 40px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.contact .btn{background:transparent;color:#fffc;border-color:#ffffff47}.contact .btn.primary,.contact .btn:hover{background:#fff;color:#111;border-color:#fff}.contact .btn.primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}@media(max-width:900px){.contact-inner{padding:0 24px}.contact-meta,.contact-main{grid-column:1 / -1}.contact{padding:72px 0}}.footer{padding:32px 0 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em}.footer .sig{text-align:right;display:flex;gap:16px;justify-content:flex-end}.footer a:hover{color:var(--ink)}.status{position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:6px 16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line-strong);pointer-events:none}.status .left,.status .right{display:flex;gap:16px;align-items:center}.status .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}@media(max-width:700px){.status .hide-sm{display:none}}.tweaks-panel{position:fixed;right:20px;bottom:40px;z-index:50;background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);border-radius:12px;padding:14px;width:260px;font-family:var(--font-mono);font-size:11px;box-shadow:0 20px 60px #0003;display:none}.tweaks-panel.on{display:block}.tweaks-panel h5{margin:0 0 8px;font-size:10px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase;font-weight:500}.tweaks-group+.tweaks-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.tweaks-row{display:flex;gap:4px}.tweaks-btn{flex:1;padding:7px 8px;cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--ink-2);font-family:inherit;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.tweaks-btn[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tweaks-check{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer}.tweaks-check input{accent-color:var(--accent)}.tweaks-title{display:flex;justify-content:space-between;margin-bottom:10px}.tweaks-title .badge{padding:2px 6px;background:var(--accent);color:var(--paper);border-radius:3px;font-size:9px}.section,.hero{animation:fadeUp .7s ease both}.section:nth-child(n+3){animation-delay:.05s}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation:none!important;transition:none!important}}