:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg:#0b1120;--surface:#111827;--surface-raised:#1a2332;--border:#1f2937;--text:#e5e7eb;--text-strong:#f9fafb;--muted:#94a3b8;--accent:#5eead4;--accent-soft:#5eead41f;--shadow:0 1px 0 #ffffff08 inset, 0 10px 30px -15px #000000b3;--measure:68ch;--radius:10px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem}:root[data-theme=light]{--bg:#fafaf7;--surface:#fff;--surface-raised:#f3f4f0;--border:#e6e4dd;--text:#1f2937;--text-strong:#0b1120;--muted:#6b7280;--accent:#0f766e;--accent-soft:#0f766e1a;--shadow:0 1px 2px #0000000a, 0 10px 30px -18px #00000040}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.65}h1,h2,h3{color:var(--text-strong);letter-spacing:-.01em;margin:0;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--bg)}.mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:.8rem}.link{color:var(--text-strong);border-bottom:1px solid var(--border);transition:border-color .16s,color .16s}.link:hover{color:var(--accent);border-color:var(--accent)}.reveal{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(10px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}*{transition-duration:.01ms!important}}.layout{max-width:1200px;padding:var(--space-12) var(--space-6);gap:var(--space-12);grid-template-columns:1fr;margin:0 auto;display:grid}@media (width>=1024px){.layout{gap:var(--space-16);padding:var(--space-24) var(--space-8);grid-template-columns:minmax(300px,2fr) 3fr}.rail{top:var(--space-24);max-height:calc(100vh - var(--space-24) * 2);flex-direction:column;justify-content:space-between;align-self:start;display:flex;position:sticky}}.main{gap:var(--space-24);max-width:var(--measure);flex-direction:column;display:flex}.headshot{width:112px;height:112px;margin-bottom:var(--space-6);background:linear-gradient(135deg, var(--accent), transparent 60%);box-shadow:var(--shadow);border-radius:22%;padding:3px;display:block}.headshot img{object-fit:cover;border-radius:inherit;background:var(--surface);width:100%;height:100%;display:block}@media (width>=1024px){.headshot{width:160px;height:160px}}.hero__eyebrow{color:var(--accent);margin-bottom:var(--space-3)}.hero__name{font-size:clamp(2.25rem,4vw,3rem);font-weight:700}.hero__title{color:var(--text);margin-top:var(--space-2);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:500}.hero__summary{color:var(--muted);margin-top:var(--space-4);max-width:42ch}.hero__meta{gap:var(--space-3) var(--space-4);color:var(--muted);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.btn{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:8px;padding:.55rem .95rem;font-size:.925rem;font-weight:500;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn--primary:hover{color:var(--accent);background:0 0}.nav{margin-top:var(--space-12);display:none}@media (width>=1024px){.nav{display:block}}.nav__link{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:var(--muted);transition:color .16s;display:flex}.nav__link:before{content:"";background:var(--border);width:2rem;height:1px;transition:width .2s,background .2s}.nav__link:hover,.nav__link.is-active{color:var(--text-strong)}.nav__link:hover:before,.nav__link.is-active:before{background:var(--accent);width:3.5rem}.rail__footer{align-items:center;gap:var(--space-4);margin-top:var(--space-8);color:var(--muted);display:flex}.icon-link{padding:var(--space-1);transition:color .16s;display:inline-flex}.icon-link:hover{color:var(--accent)}.icon-link svg{width:22px;height:22px}.section__heading{z-index:2;padding:var(--space-3) 0;margin-bottom:var(--space-6);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:baseline;gap:var(--space-3);text-transform:uppercase;letter-spacing:.14em;color:var(--text-strong);font-size:.8rem;font-weight:600;display:flex;position:sticky;top:0}.section__heading .mono{color:var(--accent);text-transform:none;letter-spacing:0;font-weight:400}@media (width>=1024px){.section__heading{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:static}}.stack{gap:var(--space-4);flex-direction:column;display:flex}.card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:border-color .2s,transform .2s}.card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.card__top{justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;align-items:baseline;display:flex}.card__title{font-size:1.05rem;font-weight:600}.card__kicker{color:var(--muted)}.card__body{margin-top:var(--space-3);color:var(--muted)}.card__body strong{color:var(--text);font-weight:500}.facts{gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--border);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.fact__value{color:var(--accent);font-size:1rem;font-weight:500}.fact__label{color:var(--muted);font-size:.75rem}.detail{gap:var(--space-2) var(--space-4);margin-top:var(--space-4);grid-template-columns:6.5rem 1fr;display:grid}.detail dt{color:var(--accent)}.detail dd{color:var(--muted);margin:0}@media (width<=520px){.detail{gap:var(--space-1);grid-template-columns:1fr}.detail dd{margin-bottom:var(--space-2)}}.tags{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.2rem .6rem}.role{gap:var(--space-2);grid-template-columns:1fr;display:grid}@media (width>=640px){.role{gap:var(--space-6);grid-template-columns:9rem 1fr}}.role__dates{color:var(--muted);padding-top:.2rem}.role__bullets{margin-top:var(--space-3);gap:var(--space-2);color:var(--muted);flex-direction:column;display:flex}.role__bullets li{padding-left:var(--space-4);position:relative}.role__bullets li:before{content:"▹";color:var(--accent);position:absolute;left:0}.skills{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.skills__group h3{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:var(--space-3);font-size:.8rem}.skills__group ul{gap:var(--space-2);flex-wrap:wrap;display:flex}.skills__group li{border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.25rem .6rem}.footer{color:var(--muted);gap:var(--space-3);padding-top:var(--space-8);border-top:1px solid var(--border);flex-direction:column;font-size:.9rem;display:flex}.theme-toggle{align-items:center;gap:var(--space-2);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.35rem .6rem;transition:color .16s,border-color .16s;display:inline-flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:16px;height:16px}.headshot img{filter:grayscale(.15);transition:filter .25s}.rail:hover .headshot img{filter:grayscale(0)}.reveal{transition-delay:var(--reveal-delay,0s)}.scroll-progress{background:var(--accent);transform-origin:0;z-index:50;pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.cursor-glow{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(600px circle at var(--glow-x,50%) var(--glow-y,50%), color-mix(in srgb, var(--accent) 9%, transparent), transparent 60%);transition:opacity .4s;position:fixed;inset:0}.cursor-glow[data-active=true]{opacity:1}.layout{z-index:1;position:relative}.card{position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%), color-mix(in srgb, var(--accent) 10%, transparent), transparent 65%);transition:opacity .25s;position:absolute;inset:0}.card:hover:before{opacity:1}.card>*{position:relative}.kbd-hint{border:1px solid var(--border);color:var(--muted);border-radius:6px;gap:3px;padding:.3rem .45rem;transition:color .16s,border-color .16s;display:inline-flex}.kbd-hint:hover{color:var(--accent);border-color:var(--accent)}.kbd-hint kbd{font:inherit;font-size:.72rem}@media (pointer:coarse){.kbd-hint{display:none}}.palette__backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:12vh var(--space-4) 0;background:#0000008c;justify-content:center;align-items:flex-start;animation:.12s fade-in;display:flex;position:fixed;inset:0}.palette{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(560px,100%);animation:.16s cubic-bezier(.2,.8,.2,1) pop-in;overflow:hidden;box-shadow:0 30px 80px -20px #000000b3}.palette__input{width:100%;padding:var(--space-4);font:inherit;color:var(--text-strong);border:0;border-bottom:1px solid var(--border);background:0 0;outline:none}.palette__list{max-height:50vh;padding:var(--space-2);overflow-y:auto}.palette__item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3);cursor:pointer;color:var(--text);border-radius:8px;display:flex}.palette__item.is-active{background:var(--accent-soft);color:var(--text-strong)}.palette__hint{color:var(--muted)}.palette__empty{padding:var(--space-4);color:var(--muted);text-align:center}.palette__footer{gap:var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);color:var(--muted);font-size:.72rem;display:flex}.toast{bottom:var(--space-6);z-index:110;padding:var(--space-2) var(--space-4);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-strong);border-radius:8px;animation:.16s pop-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}.toast{animation-name:fade-in}.ship{margin:0}.ship__svg{width:100%;height:auto;font-family:var(--font-mono);display:block}.ship__node rect{fill:var(--surface-raised);stroke:var(--border);stroke-width:1px}.ship__label{fill:var(--text-strong);font-size:14px;font-weight:500}.ship__sub{fill:var(--muted);font-size:10.5px}.ship__edge{fill:none;stroke:var(--border);stroke-width:2px}.ship__flow{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:6 14;animation:1.6s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-20px}}@media (prefers-reduced-motion:reduce){.ship__flow{animation:none}}.ship__caption{margin-top:var(--space-4);color:var(--muted);font-size:.9rem}.build-stamp{color:var(--muted)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:.45s ease-in-out theme-wipe}@keyframes theme-wipe{0%{clip-path:circle(0% at 8% 92%)}to{clip-path:circle(150% at 8% 92%)}}@media print{:root{--bg:#fff;--surface:#fff;--surface-raised:#fff;--border:#d4d4d4;--text:#111;--text-strong:#000;--muted:#444;--accent:#0f766e;--accent-soft:transparent;--shadow:none}.layout{max-width:none;padding:0;display:block}.rail{margin-bottom:1.5rem;position:static}.nav,.rail__footer,.hero__actions,.scroll-progress,.cursor-glow,.kbd-hint,.theme-toggle,#colophon,.footer{display:none!important}.main{gap:1.5rem;max-width:none}.card{break-inside:avoid;box-shadow:none}.reveal{opacity:1!important;transform:none!important}a[href^=http]:after{content:" (" attr(href) ")";color:var(--muted);font-size:.75em}}
