:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0c;--bg-raised:#121216;--border:#232329;--text:#ededf0;--text-dim:#9a9aa5;--text-faint:#5c5c66;--accent:#d7ff3f;--accent-dim:#a8cc2f;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--container:720px}*{box-sizing:border-box}html{background:var(--bg);scrollbar-color:var(--border) transparent}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:500}p{margin:0}a{color:inherit}button{font-family:inherit}::selection{background:var(--accent);color:#0a0a0c}.nav{z-index:10;max-width:var(--container);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;margin:0 auto;padding:24px;display:flex;position:sticky;top:0}.nav-brand{font-family:var(--font-display);color:var(--text);font-size:1.1rem;text-decoration:none}.nav-links{gap:24px;display:flex}.nav-links a{color:var(--text-dim);font-size:.95rem;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.hero{min-height:100svh;max-width:var(--container);flex-direction:column;justify-content:center;gap:20px;margin:0 auto;padding:0 24px;display:flex}.eyebrow{font-family:var(--font-display);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.15}.hero-sub{color:var(--text-dim);max-width:46ch;font-size:1.1rem}.scroll-cue{color:var(--text-faint);align-items:center;gap:6px;margin-top:24px;font-size:.85rem;display:flex}.section{max-width:var(--container);margin:0 auto;padding:120px 24px}.section h2{margin-bottom:20px;font-size:clamp(1.6rem,3.5vw,2.2rem)}.lede{color:var(--text-dim);max-width:56ch;font-size:1.05rem}.about-grid{grid-template-columns:200px 1fr;align-items:start;gap:48px;display:grid}.headshot{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:16px;width:100%}.story{flex-direction:column;gap:16px;margin-top:20px;display:flex}.three-cs{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.three-cs-label{font-family:var(--font-display);color:var(--text-faint);margin-right:4px;font-size:.85rem}.chip{border:1px solid var(--border);background:var(--bg-raised);border-radius:999px;padding:5px 12px;font-size:.85rem}@media (width<=640px){.about-grid{grid-template-columns:1fr}.headshot{width:140px}}.timeline{border-left:1px solid var(--border);flex-direction:column;gap:44px;padding-left:28px;display:flex;position:relative}.timeline-item{position:relative}.timeline-dot{background:var(--text-faint);border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:-33px}.timeline-dot[data-type=work]{background:var(--accent)}.timeline-content h3{margin-bottom:2px;font-size:1.15rem}.timeline-org{color:var(--text-dim);font-size:.95rem}.timeline-date{color:var(--text-faint);margin-top:2px;margin-bottom:10px;font-size:.82rem}.timeline-content ul{color:var(--text-dim);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.92rem;display:flex}.type-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);border:1px solid var(--border);border-radius:999px;margin-bottom:10px;padding:2px 10px;font-size:.72rem;display:inline-block}.type-badge.type-work{color:var(--accent-dim);border-color:var(--accent-dim)}.resume-header{padding-bottom:60px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:28px;margin-top:32px;display:grid}.skill-group h4{font-family:var(--font-display);color:var(--text-dim);text-transform:lowercase;margin-bottom:12px;font-size:.95rem}@media (width<=640px){.skills-grid{grid-template-columns:1fr}}.tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tags span{color:var(--text-faint);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:.78rem}.contact-form{flex-direction:column;gap:18px;max-width:480px;margin-top:40px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-faint);font-size:.8rem;font-family:var(--font-display);text-transform:lowercase}.field input,.field textarea{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);resize:vertical;border-radius:10px;padding:12px 14px;font-size:.95rem}.field input:focus,.field textarea:focus{border-color:var(--accent-dim);outline:none}.contact-form button{background:var(--accent);color:#0a0a0c;cursor:pointer;border:none;border-radius:999px;align-self:flex-start;padding:12px 26px;font-size:.95rem;font-weight:500;transition:opacity .2s}.contact-form button:hover{opacity:.85}.contact-form button:disabled{opacity:.5;cursor:default}.form-note{font-size:.88rem}.form-note.ok{color:var(--accent-dim)}.form-note.err{color:#ff6b6b}.footer{max-width:var(--container);color:var(--text-faint);justify-content:space-between;align-items:center;margin:0 auto;padding:60px 24px 80px;font-size:.85rem;display:flex}.socials{gap:18px;display:flex}.socials a{color:var(--text-dim);transition:color .2s}.socials a:hover{color:var(--accent)}