:root{--bg: #08080B;--bg-elev: #101013;--fg: #ECECEE;--fg-muted: #9C9AA3;--fg-faint: #5A5862;--accent: #4ADE80;--accent-dim: rgba(74, 222, 128, .12);--accent-soft: rgba(74, 222, 128, .04);--hairline: rgba(255, 255, 255, .06);--hairline-2: rgba(255, 255, 255, .13);--card-bg: rgba(255, 255, 255, .022);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:13px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;display:block;will-change:transform}.layout{position:relative;z-index:1}a{color:inherit;text-decoration:none}.layout{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(360px,460px) 1fr;gap:80px;padding:0 64px}.sidebar{position:sticky;top:0;height:100vh;padding:64px 0;display:flex;flex-direction:column}.main{padding:64px 0 96px;min-width:0}.side-brand{font-family:var(--font-mono);font-size:13px;color:var(--fg-faint);letter-spacing:0;margin-bottom:26px}.side-brand .com{color:var(--accent)}.side-name{font-family:var(--font-mono);font-size:56px;font-weight:500;letter-spacing:-.035em;line-height:1;margin:0 0 16px;color:var(--fg)}.side-role{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px}.side-bio{font-family:var(--font-mono);font-size:13px;color:var(--fg-muted);line-height:1.65;max-width:320px;margin:0 0 36px}.side-bio b{color:var(--fg);font-weight:500}.side-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:auto}.side-nav a{display:flex;align-items:center;gap:16px;padding:8px 0;color:var(--fg-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;transition:color .18s}.side-nav a .rule{display:inline-block;height:1px;width:32px;background:var(--fg-faint);transition:width .25s ease,background .18s}.side-nav a:hover{color:var(--fg)}.side-nav a:hover .rule{width:56px;background:var(--fg-muted)}.side-nav a.active{color:var(--fg)}.side-nav a.active .rule{width:56px;background:var(--accent)}.side-ps{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);line-height:1.55;margin:0 0 16px}.side-ps a{color:var(--fg-muted);border-bottom:1px solid var(--hairline-2);transition:color .18s,border-color .18s}.side-ps a:hover{color:var(--accent);border-color:var(--accent)}.side-social{display:flex;gap:24px;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);padding-top:28px}.side-social a{transition:color .18s}.side-social a:hover{color:var(--accent)}.section{padding:32px 0 24px;scroll-margin-top:24px}.section:first-of-type{padding-top:0}.section-head{display:flex;align-items:baseline;gap:14px;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.section-head .num{color:var(--accent);font-weight:500}.section-head .title{color:var(--fg);font-weight:500}.section-head .role-note{color:var(--fg-faint);text-transform:none;letter-spacing:.02em}.section-head .rule{flex:1;height:1px;background:var(--hairline);margin:0 4px}.section-head .meta{color:var(--fg-faint);font-size:10px}.about-prose{font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--fg-muted);margin:0 0 16px;max-width:640px}.about-prose b{color:var(--fg);font-weight:500}.about-prose a{color:var(--fg);border-bottom:1px solid var(--hairline-2);transition:color .18s,border-color .18s}.about-prose a:hover{color:var(--accent);border-color:var(--accent)}.frame{border:1px solid var(--hairline-2);border-radius:4px;padding:24px 28px;position:relative;background:var(--card-bg)}.frame:before,.frame:after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--accent)}.frame:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.frame:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.head-card{border:1px solid var(--hairline-2);border-radius:4px;padding:28px 30px 26px;position:relative;background:var(--card-bg);display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:28px}.head-card:before,.head-card:after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--accent)}.head-card:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.head-card:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.head-eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.head-eyebrow .pill{border:1px solid var(--accent-dim);background:var(--accent-dim);color:var(--accent);padding:3px 8px;border-radius:3px;font-size:9.5px;letter-spacing:.12em}.head-eyebrow .sep{color:var(--fg-faint)}.head-card h2{font-family:var(--font-mono);font-size:26px;font-weight:500;line-height:1.05;letter-spacing:-.018em;margin:0;color:var(--fg)}.head-card h2 .arrow{color:var(--accent);margin-right:8px}.head-card .lede{font-family:var(--font-mono);font-size:13px;line-height:1.65;color:var(--fg-muted);margin:0;max-width:620px}.head-card .lede+.lede{margin-top:10px}.head-card .lede b{color:var(--fg);font-weight:500}.head-card .head-visual{display:flex;flex-direction:column;gap:8px;min-width:0}.head-card .visual-label,.head-card .corner-mark{font-family:var(--font-mono);font-size:9.5px;color:var(--fg-faint);letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between}.head-card .corner-mark .green{color:var(--accent)}.head-card .placeholder{width:100%;aspect-ratio:16 / 9;background:repeating-linear-gradient(135deg,#ffffff06 0,#ffffff06 8px,#ffffff0a 8px,#ffffff0a 16px);border:1px solid var(--hairline);border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-faint);letter-spacing:.05em;text-transform:uppercase}.head-card .placeholder span{background:var(--bg);padding:4px 10px;border:1px solid var(--hairline);border-radius:2px}.head-card .body-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:18px 0 0;border-top:1px dashed var(--hairline)}.head-card .metric{display:flex;flex-direction:column;gap:4px;min-width:0}.head-card .metric .num{font-family:var(--font-mono);font-size:22px;font-weight:500;color:var(--accent);letter-spacing:-.02em;line-height:1}.head-card .metric .lbl{font-family:var(--font-mono);font-size:9.5px;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em}.head-card .ctas{display:flex;gap:12px;font-family:var(--font-mono);font-size:11.5px}.head-card .ctas a{color:var(--fg);border:1px solid var(--hairline-2);padding:7px 12px;border-radius:4px;transition:border-color .2s,background .2s,color .2s}.head-card .ctas a:hover{border-color:var(--accent);color:var(--accent)}.head-card .ctas a .arr{color:var(--accent);margin-left:8px}.head-card .ctas a.primary{background:var(--accent-dim);border-color:var(--accent-dim);color:var(--accent)}.head-card pre.code-block{font-family:var(--font-mono);font-size:10.5px;line-height:1.55;color:var(--fg-muted);background:#00000038;border:1px solid var(--hairline);border-radius:3px;padding:14px 16px;white-space:pre;overflow-x:auto;margin:0}.head-card pre.code-block .k{color:var(--accent)}.head-card pre.code-block .c{color:var(--fg-faint)}.timeline-head{font-family:var(--font-mono);font-size:10px;color:var(--fg-faint);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:12px;padding:24px 4px 12px}.timeline-head .rule{flex:1;height:1px;background:var(--hairline)}.timeline{display:flex;flex-direction:column}.tl-row{display:grid;grid-template-columns:56px 1fr 110px auto;gap:18px;padding:14px 6px;border-top:1px dashed var(--hairline);align-items:center;transition:background .18s;cursor:default}.timeline .tl-row:first-child{border-top:0}.tl-row:hover{background:var(--accent-soft)}.tl-row .year{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.03em}.tl-row .body{font-family:var(--font-mono);font-size:12.5px;line-height:1.5;color:var(--fg);min-width:0}.tl-row .body .label{font-weight:500;display:inline-flex;align-items:center;gap:8px}.tl-row .body .label .arrow{color:var(--fg-faint);opacity:0;transform:translate(-3px);transition:opacity .25s,transform .25s,color .25s;font-size:11px}.tl-row:hover .body .label .arrow{opacity:1;transform:translate(0);color:var(--accent)}.tl-row .body .desc{color:var(--fg-muted);margin-left:0;display:block;font-size:11.5px;margin-top:2px}.tl-row .thumb{width:110px;height:32px;background:repeating-linear-gradient(135deg,#ffffff06 0,#ffffff06 6px,#ffffff0a 6px,#ffffff0a 12px);border:1px solid var(--hairline);border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:8.5px;color:var(--fg-faint);letter-spacing:.1em;text-transform:uppercase;transition:border-color .18s}.tl-row:hover .thumb{border-color:var(--hairline-2)}.tl-row .out{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-muted);white-space:nowrap;letter-spacing:.04em}.tl-row .out a:hover{color:var(--accent)}.tl-detail{grid-column:1 / -1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease,opacity .25s ease,padding .25s ease;opacity:0;padding:0}.tl-row:hover .tl-detail{grid-template-rows:1fr;opacity:1;padding-top:10px}.tl-detail>div{overflow:hidden;font-family:var(--font-mono);font-size:11.5px;line-height:1.65;color:var(--fg-muted);max-width:720px;padding-left:74px}.tl-detail .tag{color:var(--accent);margin-right:6px}.tl-detail .pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.tl-detail .pills span{font-size:10px;color:var(--fg-faint);letter-spacing:.04em;border:1px solid var(--hairline);padding:2px 7px;border-radius:2px}.writing{display:flex;flex-direction:column}.write-row{display:grid;grid-template-columns:56px 1fr auto;gap:18px;padding:14px 6px;border-top:1px dashed var(--hairline);align-items:baseline;transition:background .18s}.writing .write-row:first-child{border-top:0}.write-row:hover{background:var(--accent-soft)}.write-row .year{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.write-row .title{font-family:var(--font-mono);font-size:13px;color:var(--fg);font-weight:500;margin-bottom:4px}.write-row .desc{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-muted);line-height:1.55;max-width:620px}.write-row .out{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-muted);white-space:nowrap}.write-row .out a:hover{color:var(--accent)}@media (max-width: 1080px){.layout{grid-template-columns:1fr;gap:0;padding:0 32px}.sidebar{position:relative;height:auto;padding:56px 0 24px}.side-nav{display:none}.main{padding:24px 0 80px}.head-card .body-meta{grid-template-columns:repeat(2,1fr)}.tl-row{grid-template-columns:48px 1fr 80px}.tl-row .out{grid-column:2;padding-top:4px}.tl-row .thumb{width:80px;height:28px}.tl-detail>div{padding-left:0}}@media (max-width: 600px){.layout{padding:0 20px}.side-name{font-size:44px}.head-card{padding:22px 18px}.head-card .body-meta{grid-template-columns:1fr 1fr;gap:16px}.tl-row{grid-template-columns:44px 1fr}.tl-row .thumb{display:none}.tl-row .out{grid-column:2}}