:root{--bg: oklch(.17 .01 260);--bg-card: oklch(.21 .012 260);--border: oklch(.28 .01 260);--text: oklch(.96 .005 260);--text-body: oklch(.7 .01 260);--text-dim: oklch(.62 .01 260);--text-faint: oklch(.55 .01 260);--accent: oklch(.72 .15 255);--accent-2: oklch(.75 .13 165);--maxw: 760px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text-body);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:oklch(.72 .15 255 / .35)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px 5rem}nav.site-nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;max-width:var(--maxw);margin:0 auto;padding:18px 20px;background:#0d1014eb;backdrop-filter:blur(6px)}nav.site-nav .brand{display:flex;align-items:baseline;gap:10px;color:var(--text)}nav.site-nav .brand:hover{text-decoration:none}nav.site-nav .brand .name{font-family:var(--font-sans);font-weight:800;font-size:17px;color:var(--text);letter-spacing:-.01em}nav.site-nav .brand .role{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}nav.site-nav .links{display:flex;gap:6px;align-items:center}nav.site-nav .links a{font-family:var(--font-sans);font-size:13.5px;font-weight:400;color:var(--text-dim);padding:7px 12px;border-radius:7px;background:transparent}nav.site-nav .links a:hover{text-decoration:none;color:var(--text)}nav.site-nav .links a.active{font-weight:600;color:var(--text);background:var(--border)}h1,h2,h3{line-height:1.25;color:var(--text)}h1{font-size:2.1rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.6rem}.container h2{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:600;color:var(--accent);margin:26px 0 10px}.container article p{font-size:15px;line-height:1.7;color:#a1a5ab}.tagline{color:var(--text-dim);margin-top:0}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;color:var(--text-dim);margin-bottom:.6rem}.section-label.accent{color:var(--accent-2)}.sub-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;color:var(--accent);margin-bottom:10px}.body-text{font-size:15px;line-height:1.7;color:#a1a5ab;margin:0}.card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:22px 24px;margin-bottom:14px;transition:border-color .15s ease}.card:hover{border-color:var(--accent);text-decoration:none}.card h3{margin:10px 0 8px;font-size:21px;font-weight:700;color:var(--text)}.card p{margin:0 0 14px;color:#8f9298;font-size:14px;line-height:1.6}.card .card-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.card .card-date{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.meta{color:var(--text-dim);font-size:.85rem;margin:.4rem 0 0;font-family:var(--font-mono)}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:.6rem}.tag{font-family:var(--font-mono);font-size:11.5px;color:#8c8f95;border:1px solid oklch(.32 .01 260);border-radius:999px;padding:4px 11px}.button{display:inline-block;font-family:var(--font-sans);font-weight:600;font-size:14px;background:var(--accent);color:var(--bg);padding:11px 18px;border-radius:9px}.button:hover{text-decoration:none;opacity:.9}.button-secondary{display:inline-block;font-family:var(--font-sans);font-weight:600;font-size:14px;color:#dcdee1;background:transparent;border:1px solid oklch(.32 .01 260);padding:10px 18px;border-radius:9px}.button-secondary:hover{text-decoration:none;opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:8px 0 48px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.projects-grid .card{margin-bottom:0}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px}.stat-card .stat-value{font-family:var(--font-mono);font-weight:600;font-size:28px;color:var(--accent)}.stat-card .stat-label{font-size:13px;color:var(--text-dim);margin-top:6px;line-height:1.4}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.featured-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:26px 28px;transition:border-color .15s ease}.featured-card:hover{border-color:var(--accent);text-decoration:none}.featured-card h3{margin:0 0 10px;font-size:19px;font-weight:700;letter-spacing:-.01em}.featured-card p{margin:0 0 18px;font-size:14px;line-height:1.6;color:#95989f}.skills-grid{display:grid;grid-template-columns:1fr;gap:4px}.skill-row{display:flex;align-items:center;gap:14px;padding:10px 0}.skill-name{font-size:14px;color:#ccced1;width:320px;flex-shrink:0}.skill-track{flex:1;height:5px;border-radius:3px;background:var(--border);overflow:hidden}.skill-fill{height:100%;border-radius:3px;background:var(--accent)}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.principle-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px 16px}.principle-card .swatch{width:28px;height:28px;border-radius:8px;background:oklch(.72 .15 255 / .15);border:1px solid oklch(.72 .15 255 / .35);margin-bottom:12px}.principle-card .title{font-weight:600;font-size:14px;color:#dcdee1;margin-bottom:6px}.principle-card .desc{font-size:13px;line-height:1.5;color:var(--text-dim)}.timeline-item{border-left:2px solid var(--border);padding-left:18px;margin-bottom:22px}.timeline-item .timeline-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.timeline-item .timeline-title{font-weight:700;font-size:16px;color:#e3e5e8}.timeline-item .timeline-dates{font-family:var(--font-mono);font-size:12px;color:#7d8086}.timeline-item ul{margin:10px 0 0;padding-left:18px;color:#95989f;font-size:14px;line-height:1.7}footer{max-width:var(--maxw);margin:0 auto;padding:28px 20px;color:var(--text-faint);font-size:12.5px;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}footer .socials{display:flex;gap:16px}footer a{color:var(--accent)}video,img{max-width:100%;border-radius:8px}.outcome-box{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent-2);border-radius:8px;padding:14px 18px;margin:1.2rem 0;font-size:14.5px;line-height:1.65;color:#b4b8be}.media-placeholder{margin-top:14px;border:1px dashed oklch(.35 .01 260);border-radius:10px;padding:32px 16px;text-align:center;font-family:var(--font-mono);font-size:12px;color:#606369;background:repeating-linear-gradient(135deg,#13161b,#13161b 10px,#181b1f 10px 20px)}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.principles-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:1fr}.skill-row{flex-direction:column;align-items:flex-start;gap:6px}.skill-name{width:auto}.projects-grid,.featured-grid{grid-template-columns:1fr}nav.site-nav{flex-wrap:wrap;row-gap:10px;padding:14px 16px}nav.site-nav .brand .role{display:none}nav.site-nav .links{flex-wrap:wrap;gap:2px;width:100%;justify-content:flex-start}nav.site-nav .links a{padding:6px 9px;font-size:12.5px}}