:root{color-scheme:dark;--bg: #0b0f14;--surface: #111722;--surface-2: #182131;--text: #f4f1ea;--text-secondary: #b7c0cc;--text-muted: #7f8a99;--accent: #5cc8ff;--accent-strong: #8be1ff;--border: rgba(184, 192, 204, .14);--border-strong: rgba(92, 200, 255, .35);--shadow: 0 18px 48px rgba(0, 0, 0, .28);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .875rem;--text-sm: .95rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: clamp(3rem, 7vw, 4.75rem);--leading-tight: 1.1;--leading-snug: 1.25;--leading-base: 1.6;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-max: 1120px;--container-narrow: 760px;--section-gap: clamp(4rem, 8vw, 7rem);--card-gap: 1rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.5rem;--button-height: 3rem;--button-padding-x: 1.1rem;--button-radius: 999px;--transition-fast: .14s ease;--transition-base: .18s ease;--transition-slow: .26s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:radial-gradient(circle at top,rgba(92,200,255,.08),transparent 28%),linear-gradient(180deg,#0b0f14,#090c11);color:var(--text);line-height:var(--leading-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent)}img{max-width:100%;display:block}main{padding:0 1rem 4rem}.container{width:min(100%,var(--container-max));margin:0 auto}.container.narrow{width:min(100%,var(--container-narrow))}.skip-link{position:absolute;top:-3rem;left:1rem;z-index:50;background:var(--accent);color:#071018;padding:.65rem .9rem;border-radius:999px;transition:top var(--transition-fast)}.skip-link:focus{top:1rem}.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:#0b0f14d1;border-bottom:1px solid rgba(184,192,204,.08)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.brand{display:inline-flex;flex-direction:column;gap:.15rem;text-decoration:none}.brand strong{font-size:1rem;letter-spacing:.02em}.brand span{color:var(--text-muted);font-size:var(--text-xs)}.nav{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.nav a{padding:.55rem .75rem;border-radius:999px;color:var(--text-secondary);text-decoration:none;border:1px solid transparent;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.nav a[aria-current=page],.nav a:hover{color:var(--text);border-color:var(--border);background:#111722b3}.hero{padding:clamp(4rem,10vw,7rem) 0 3rem}.hero-grid{display:grid;gap:2rem}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700}h1,h2,h3,h4{margin:0;line-height:var(--leading-tight)}h1{font-size:var(--text-5xl);max-width:12ch;letter-spacing:-.04em}h2{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.03em}h3{font-size:1.2rem}p{margin:0;color:var(--text-secondary);font-size:clamp(1rem,1.2vw,1.1rem);max-width:66ch}.lead{font-size:clamp(1.08rem,1.5vw,1.24rem);color:var(--text);max-width:58ch}.stack{display:grid;gap:var(--space-8)}.section{padding:var(--section-gap) 0 0}.section-title{display:grid;gap:.7rem;margin-bottom:1.5rem}.section-title p{max-width:60ch}.grid-4,.grid-3{display:grid;gap:var(--card-gap)}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--border);background:linear-gradient(180deg,#111722f5,#111722db);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow);transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.bio-grid{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:1.5rem;align-items:start}.portrait{overflow:hidden;padding:0}.portrait img{width:100%;height:auto;display:block;border-radius:inherit}.section-copy{display:grid;gap:1rem}.subtle-heading{font-size:1.05rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.card h3{margin-bottom:.6rem}.card p{font-size:var(--text-sm)}.meta{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.meta:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #5cc8ff1f}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.button{min-height:var(--button-height);padding:.7rem var(--button-padding-x);border-radius:var(--button-radius);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;border:1px solid var(--border);background:#111722d1;color:var(--text);transition:border-color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.button:hover{transform:translateY(-1px);border-color:var(--border-strong)}.button.primary{background:var(--accent);color:#071018;border-color:transparent;font-weight:700}.button.primary:hover{color:#071018;background:var(--accent-strong)}.list{display:grid;gap:.9rem}.list-item{display:grid;gap:.4rem;padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#1117229e}.list-item strong{font-size:1.02rem}.badges{display:flex;flex-wrap:wrap;gap:.55rem}.badge{padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(184,192,204,.18);color:var(--text-secondary);font-size:var(--text-xs)}.footer{padding:3.5rem 0 2rem;margin-top:var(--section-gap);border-top:1px solid rgba(184,192,204,.1);color:var(--text-muted);font-size:var(--text-sm)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center}.footer a{color:var(--text-secondary)}@media(max-width:920px){.grid-4,.grid-3,.bio-grid{grid-template-columns:1fr}}@media(max-width:640px){main{padding-inline:.85rem}.site-header .container{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.grid-4,.grid-3{grid-template-columns:1fr}h1{max-width:11ch}.hero{padding-top:3.4rem}}
