:root{--ink: oklch(20% .015 260);--paper: oklch(97.5% .004 90);--paper-raised: oklch(99% .002 90);--accent: oklch(68% .19 45);--accent-hover: oklch(58% .19 45);--border-on-paper: oklch(20% .015 260 / .12);--muted-on-paper: oklch(45% .015 260);--card-dark: oklch(26% .015 260);--border-on-dark: oklch(40% .02 260 / .5);--muted-on-dark: oklch(72% .01 260);--faint-on-dark: oklch(55% .01 260);--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--pad-x: 48px}@media (max-width: 640px){:root{--pad-x: 24px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-display);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:var(--ink)}a{color:var(--accent)}a:hover{color:var(--accent-hover)}h1,h2,h3{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:22px var(--pad-x);font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;mix-blend-mode:difference;color:#fff}.nav-mark{font-weight:600}.nav-links{display:flex;gap:28px}.nav-links a{color:#fff;text-decoration:none}@media (max-width: 640px){.nav-links{gap:16px}}.hero{position:relative;min-height:100vh;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:140px var(--pad-x) 80px;overflow:hidden}.hero-stripe{position:absolute;top:-10%;right:-8%;width:55vw;height:140%;background:var(--accent);transform:rotate(-14deg);opacity:.9}.hero-stripe-mask{position:absolute;top:-10%;right:2%;width:22vw;height:140%;background:var(--ink);transform:rotate(-14deg)}.hero-content{position:relative;z-index:2;display:flex;align-items:center;gap:64px;flex-wrap:wrap}.hero-copy{flex:1;min-width:320px}.hero-eyebrow{font-family:var(--font-mono);font-size:14px;letter-spacing:.15em;color:var(--accent);margin-bottom:18px}.hero-title{font-size:clamp(40px,7.5vw,108px);line-height:.98;font-weight:700;letter-spacing:-.03em;margin:0 0 24px}.hero-title .accent{color:var(--accent)}.hero-bio{max-width:520px;font-size:19px;line-height:1.55;color:#babec4;font-weight:400}.hero-photo{position:relative;flex-shrink:0;width:260px;height:260px;transform:rotate(-6deg);border:4px solid var(--accent);border-radius:24px;padding:8px;background:var(--ink)}.hero-scroll{position:relative;z-index:2;margin-top:64px;font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;color:var(--faint-on-dark);display:flex;align-items:center;gap:10px}.section{padding:120px var(--pad-x);max-width:1200px;margin:0 auto}.section-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:64px;flex-wrap:wrap}.section-heading h2{font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-.02em;margin:0}.section-heading .comment{font-family:var(--font-mono);font-size:14px;color:var(--muted-on-paper)}.section-heading.on-dark .comment{color:var(--faint-on-dark)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px}.skill-group-label{font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;color:var(--accent);margin-bottom:16px;text-transform:uppercase}.skill-pills{display:flex;flex-wrap:wrap;gap:10px}.skill-pill{border:1.5px solid var(--border-on-paper);border-radius:100px;padding:8px 16px;font-size:15px;font-weight:500;background:var(--paper-raised)}.timeline-section{background:var(--ink);color:#fff;padding:120px 0;overflow:hidden}.timeline-header{padding:0 var(--pad-x);max-width:1200px;margin:0 auto 56px}.timeline-track{display:flex;gap:56px;overflow-x:auto;padding:24px var(--pad-x) 40px;cursor:grab;scrollbar-width:none;user-select:none;position:relative}.timeline-track.dragging{cursor:grabbing}.timeline-track::-webkit-scrollbar{display:none}.timeline-item{flex:0 0 340px;position:relative}.timeline-item.offset{padding-top:44px}.timeline-period{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;color:var(--accent);margin-bottom:10px}.timeline-card{border-radius:20px;background:var(--card-dark);border:1px solid var(--border-on-dark);padding:28px;height:100%}.timeline-kind{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--faint-on-dark);text-transform:uppercase;margin-bottom:6px}.timeline-org{font-size:22px;font-weight:600;margin:0 0 6px;letter-spacing:-.01em}.timeline-role{font-size:14px;color:var(--accent);font-weight:500;margin-bottom:14px}.timeline-desc{font-size:15px;line-height:1.55;color:var(--muted-on-dark);margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px}.project-card{text-decoration:none;color:inherit;display:block;border-radius:24px;overflow:hidden;background:var(--paper-raised);border:1px solid var(--border-on-paper);transition:transform .2s}a.project-card:hover{transform:translateY(-4px)}.project-image-slot{width:100%;aspect-ratio:16 / 10}.project-body{padding:28px}.project-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px}.project-head h3{font-size:22px;font-weight:600;margin:0;letter-spacing:-.01em}.project-visit{font-family:var(--font-mono);font-size:13px;color:var(--accent);white-space:nowrap}.project-lab{font-family:var(--font-mono);font-size:12px;color:var(--muted-on-paper);white-space:nowrap;border:1px solid var(--border-on-paper);border-radius:100px;padding:4px 12px}.project-desc{font-size:15px;line-height:1.5;color:#434850;margin:0}.image-slot{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,oklch(20% .015 260 / .06),oklch(20% .015 260 / .06) 10px,transparent 10px,transparent 20px);border:1px dashed var(--border-on-paper);color:var(--muted-on-paper);font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;text-align:center;padding:8px}.hero-photo-img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}.project-image-slot .image-slot{width:100%;height:100%}.contact{background:var(--ink);color:#fff;padding:120px var(--pad-x);position:relative;overflow:hidden}.contact-stripe{position:absolute;bottom:-20%;left:-5%;width:40vw;height:80%;background:var(--accent);transform:rotate(10deg);opacity:.9}.contact-content{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center}.contact-content h2{font-size:clamp(36px,7vw,84px);font-weight:700;letter-spacing:-.03em;margin:0 0 24px}.contact-blurb{font-size:18px;color:#b4b8be;margin:0 0 40px}.contact-links{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;font-family:var(--font-mono);font-size:15px}.contact-links a.on-dark{color:#fff}.contact-footer{margin-top:80px;font-family:var(--font-mono);font-size:12px;color:var(--faint-on-dark)}