:root{--bg:#0a0a0a;--surface:#141414;--surface-2:#1e1e1e;--border:#2a2a2a;--accent:#22d3ee;--accent-dim:#22d3ee1f;--text:#f0f0f0;--text-muted:#777;--radius:18px;--radius-sm:10px;--gap:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif}body{min-height:100vh;padding:24px}a{color:inherit;text-decoration:none}@media (width<=640px){body{padding:12px}}.nav{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 20px;padding:0 4px;display:flex}.nav-name{color:var(--text-muted);letter-spacing:.02em;font-size:.9rem;font-weight:600}.nav-links{gap:4px;display:flex}.nav-link{color:var(--text-muted);border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);border-color:var(--border);background:var(--surface)}.grid{gap:var(--gap);grid-template-columns:repeat(4,1fr);max-width:1100px;margin:0 auto;display:grid}.area-hero{grid-area:1/1/auto/4}.area-links{grid-area:1/4/3}.area-about{grid-area:2/1/auto/4}.area-experience{grid-area:3/1/auto/5}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:default;padding:28px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.card:hover{border-color:#3a3a3a;box-shadow:0 8px 32px #0006}.card.clickable{cursor:pointer}@media (width<=900px){.grid{grid-template-columns:repeat(2,1fr)}.area-hero{grid-area:1/1/auto/3}.area-links{grid-area:2/1/auto/3}.area-about{grid-area:3/1/auto/3}.area-experience{grid-area:4/1/auto/3}}@media (width<=540px){.grid{grid-template-columns:1fr;gap:8px}.card{border-radius:14px;padding:16px}.area-hero,.area-links,.area-about,.area-experience{grid-area:auto/1}}.hero-card{background:linear-gradient(135deg,#141414 0%,#0f1f22 100%);border-color:#1a3a3f;flex-direction:column;justify-content:flex-end;min-height:220px;display:flex}@media (width<=540px){.hero-card{min-height:160px}.hero-tagline{font-size:.95rem}}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:600}.hero-name{letter-spacing:-.03em;color:#fff;margin-bottom:10px;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:1}.hero-tagline{color:var(--text-muted);font-size:clamp(1rem,2vw,1.2rem);font-weight:400}.hero-accent-bar{background:linear-gradient(90deg, var(--accent) 0%, transparent 60%);opacity:.6;width:100%;height:3px;position:absolute;bottom:0;left:0}.about-card{flex-direction:column;justify-content:space-between;display:flex}.card-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;font-size:11px;font-weight:600}.about-text{color:var(--text-muted);font-size:1rem;line-height:1.65}.about-text strong{color:var(--text)}.about-skills{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.skill-tag{background:var(--accent-dim);color:var(--accent);border:1px solid #22d3ee33;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:500}.experience-columns{grid-template-columns:1fr 280px;align-items:start;gap:40px;display:grid}.experience-section,.education-section{flex-direction:column;gap:0;display:flex}.jobs{flex-direction:column;gap:28px;display:flex}.job{border-left:2px solid var(--border);padding-left:20px;transition:border-color .2s}.job:hover{border-color:var(--accent)}.job-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.job-title{color:var(--text);font-size:1rem;font-weight:600}.job-company{color:var(--accent);margin-top:2px;font-size:.875rem}.job-location{color:var(--text-muted);margin-top:1px;font-size:.8rem}.job-period{color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-top:2px;font-size:.8rem}.job-bullets{flex-direction:column;gap:6px;list-style:none;display:flex}.job-bullets li{color:var(--text-muted);padding-left:14px;font-size:.9rem;line-height:1.5;position:relative}.job-bullets li:before{content:"—";color:var(--border);position:absolute;left:0}@media (width<=900px){.experience-columns{grid-template-columns:1fr;gap:32px}}.links-card{flex-direction:column;display:flex}.links-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.link-row{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:inherit;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.link-row--enabled{cursor:pointer}.link-row--enabled:hover{border-color:var(--accent);background:var(--accent-dim)}.link-row--disabled{opacity:.4;cursor:default}.link-row-icon{color:var(--accent);flex-shrink:0;align-items:center;display:flex}.link-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.link-row-label{color:var(--text);font-size:.9rem;font-weight:600}.link-row-sublabel{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.link-row-arrow{color:var(--accent);flex-shrink:0;font-size:.9rem}.feed{max-width:680px;margin:0 auto}.feed-header{margin-bottom:32px}.feed-title{letter-spacing:-.03em;color:var(--text);margin-bottom:6px;font-size:1.8rem;font-weight:700}.feed-subtitle{color:var(--text-muted);font-size:.9rem}.feed-empty{color:var(--text-muted);text-align:center;padding:40px 0;font-size:.9rem}.feed-posts{flex-direction:column;gap:2px;display:flex}.feed-post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;transition:border-color .15s}.feed-post:hover{border-color:#3a3a3a}.feed-post-meta{align-items:center;gap:10px;margin-bottom:10px;display:flex}.feed-post-type{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid #22d3ee33;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.feed-post--thought .feed-post-type{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa33}.feed-post-time{color:var(--text-muted);font-size:.8rem}.feed-post-link{color:var(--text);align-items:center;gap:6px;margin-bottom:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.feed-post-link:hover{color:var(--accent)}.feed-post-link-arrow{color:var(--accent);font-size:.85rem}.feed-post-content{color:var(--text-muted);font-size:.95rem;line-height:1.6}.admin{max-width:680px;margin:0 auto}.admin-login{flex-direction:column;gap:12px;max-width:320px;margin:80px auto 0;display:flex}.admin-title{letter-spacing:-.03em;color:var(--text);margin-bottom:16px;font-size:1.5rem;font-weight:700}.admin-form{flex-direction:column;gap:12px;margin-bottom:48px;display:flex}.admin-type-toggle{gap:6px;display:flex}.admin-type-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:8px 20px;font-size:.875rem;font-weight:500;transition:all .15s}.admin-type-btn.active{background:var(--surface-2);border-color:var(--accent);color:var(--accent)}.admin-input,.admin-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .15s}.admin-input:focus,.admin-textarea:focus{border-color:var(--accent)}.admin-textarea{resize:vertical;min-height:100px}.admin-btn{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:999px;align-self:flex-start;padding:10px 24px;font-size:.9rem;font-weight:600;transition:opacity .15s}.admin-btn:hover{opacity:.85}.admin-btn--submit{margin-top:4px}.admin-status{color:var(--text-muted);font-size:.85rem}.admin-section-title{color:var(--text-muted);margin-bottom:12px;font-size:1rem;font-weight:600}.admin-posts{flex-direction:column;gap:8px;display:flex}.admin-post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.admin-post-info{align-items:center;gap:10px;min-width:0;display:flex}.admin-post-type{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);flex-shrink:0;font-size:.7rem;font-weight:600}.admin-post-content{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.admin-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #3a3a3a;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:.8rem;transition:border-color .15s,color .15s}.admin-delete:hover{color:#ef4444;border-color:#ef4444}
