:root{--bg-0: #0a0b0d;--bg-1: #12141a;--bg-2: #1a1d24;--bg-3: #211e1c;--bg-elev: #2a2520;--fg-0: #f5f5f5;--fg-1: #d4d4d4;--fg-2: #a3a3a3;--fg-3: #6b6b6b;--fg-4: #3f3f3f;--border-0: #1c1c1c;--border-1: #2a2a2a;--border-2: #404040;--accent: #7dd3fc;--accent-strong: #38bdf8;--accent-dim: #0c4a6e;--accent-fg: #0a0a0a;--success: #86efac;--warning: #fde047;--danger: #fca5a5;--info: var(--accent);--font-sans: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display: var(--font-sans);--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-32: 2rem;--fs-44: 2.75rem;--fs-64: 4rem;--fs-96: 6rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.45;--lh-relaxed: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-mono: .02em;--tracking-caps: .12em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--r-0: 0;--r-1: 2px;--r-2: 4px;--r-3: 6px;--r-4: 10px;--r-5: 16px;--r-full: 999px;--shadow-0: none;--shadow-1: 0 1px 0 0 rgba(255,255,255,.04) inset, 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 1px 0 0 rgba(255,255,255,.05) inset, 0 8px 24px rgba(0,0,0,.5);--shadow-3: 0 1px 0 0 rgba(255,255,255,.06) inset, 0 24px 64px rgba(0,0,0,.6);--glow-accent: 0 0 0 1px rgba(125,211,252,.25), 0 0 24px rgba(125,211,252,.15);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s;--content-w: 720px;--container-w: 1080px;--wide-w: 1280px;--gutter: clamp(16px, 4vw, 48px)}html,body{background:var(--bg-0);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--fs-16);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}h1,h2,h3,h4,h5,h6{color:var(--fg-0);font-family:var(--font-display);font-weight:var(--fw-medium);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0;text-wrap:balance}h1{font-size:var(--fs-64);font-weight:var(--fw-medium)}h2{font-size:var(--fs-44)}h3{font-size:var(--fs-32)}h4{font-size:var(--fs-24);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-normal)}h5{font-size:var(--fs-20);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-normal);line-height:var(--lh-snug)}h6{font-size:var(--fs-12);font-family:var(--font-mono);font-weight:var(--fw-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-3);line-height:var(--lh-snug)}p{margin:0 0 1em;color:var(--fg-1);text-wrap:pretty;max-width:65ch}a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--accent) 30%,transparent);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent-strong);border-bottom-color:var(--accent-strong)}strong,b{color:var(--fg-0);font-weight:var(--fw-semibold)}em,i{font-style:italic;color:var(--fg-0)}small{font-size:var(--fs-13);color:var(--fg-2)}hr{border:0;border-top:1px solid var(--border-0);margin:var(--sp-7) 0}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em;letter-spacing:var(--tracking-mono)}code{background:var(--bg-3);color:var(--fg-0);padding:.1em .35em;border-radius:var(--r-2);border:1px solid var(--border-0)}pre{background:var(--bg-3);color:var(--fg-1);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-3);border:1px solid var(--border-0);overflow-x:auto;line-height:var(--lh-normal)}pre code{background:transparent;border:0;padding:0}kbd{background:var(--bg-2);color:var(--fg-0);border:1px solid var(--border-1);border-bottom-width:2px;padding:.05em .4em;border-radius:var(--r-2);font-size:.85em}::selection{background:var(--accent);color:var(--accent-fg)}.mono{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-3)}.muted{color:var(--fg-2)}.accent{color:var(--accent)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.container{max-width:1080px;margin:0 auto;padding:0 var(--gutter)}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.dim{color:var(--fg-3)}.tag{padding:2px 8px;border:1px solid var(--border-1);border-radius:4px;font-size:10px;color:var(--fg-2);letter-spacing:.08em;text-transform:uppercase}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ab3;border-bottom:1px solid var(--border-0)}.nav-inner{max-width:1080px;margin:0 auto;padding:14px var(--gutter);display:flex;align-items:center;gap:32px}.wordmark{font-family:var(--font-sans);font-size:22px;font-weight:600;letter-spacing:-.04em;color:var(--fg-0);border:0}.nav-items{display:flex;gap:4px;margin-left:24px}.nav-item{font-size:14px;color:var(--fg-2);padding:6px 12px;border-radius:6px;border:0;transition:.2s}.nav-item:hover,.nav-item.active{color:var(--fg-0);background:var(--bg-1)}.nav-cta{margin-left:auto;font-size:12px;color:var(--fg-2);border:0}.nav-cta:hover{color:var(--accent)}.btn{font-family:var(--font-sans);font-size:14px;font-weight:600;padding:12px 18px;border-radius:6px;cursor:pointer;transition:all .2s var(--ease-out);display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;text-decoration:none}.btn-primary{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-secondary{background:var(--bg-1);color:var(--fg-0);border-color:var(--border-0);box-shadow:var(--shadow-1)}.btn-secondary:hover{background:var(--bg-2);border-color:var(--border-1)}.hero{padding:96px 0 72px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid var(--border-0);border-radius:999px;font-size:11px;color:var(--fg-2);letter-spacing:.04em;text-transform:none;margin-bottom:28px}.status-dot{width:6px;height:6px;background:#86efac;border-radius:999px;box-shadow:0 0 8px #86efac99}.hero-h{font-size:clamp(44px,7vw,88px);font-weight:500;letter-spacing:-.03em;line-height:1.02;color:var(--fg-0);margin:0 0 24px;max-width:14ch}.hero-sub{font-size:18px;color:var(--fg-2);line-height:1.55;max-width:56ch;margin:0 0 36px}.hero-ctas{display:flex;gap:12px}section{padding:64px 0;border-top:1px solid var(--border-0)}section:first-of-type{border-top:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:24px}.section-head h2{font-size:36px;font-weight:500;letter-spacing:-.02em;color:var(--fg-0);margin:4px 0 0}.section-head .eyebrow{display:block}.traits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.trait-card{padding:24px;background:var(--bg-1);border:1px solid var(--border-0);border-radius:12px;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:12px;transition:.2s var(--ease-out)}.trait-card:hover{background:var(--bg-2);border-color:var(--border-1);transform:translateY(-2px)}.trait-title{font-size:18px;font-weight:500;color:var(--fg-0);letter-spacing:-.01em;margin:0}.trait-summary{font-size:14px;color:var(--fg-2);line-height:1.5;margin:0}.timeline{position:relative;padding-left:56px;max-width:720px}.timeline:before{content:"";position:absolute;left:16px;top:32px;bottom:8px;width:1px;background:linear-gradient(to bottom,var(--border-1) 80%,transparent)}.tl-item{position:relative;padding:4px 0 32px;transition:.2s}.tl-item:last-child{padding-bottom:0}.tl-node{position:absolute;left:-56px;top:-2px;width:32px;height:32px;border-radius:999px;background:var(--bg-1);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--fg-2);transition:.2s;z-index:2}.tl-item.current .tl-node{background:var(--accent);border-color:var(--accent);color:#0a0a0a;box-shadow:0 0 0 4px #7dd3fc26}.tl-item:hover .tl-node{border-color:var(--fg-2);color:var(--fg-0)}.tl-item.current:hover .tl-node{border-color:var(--accent-strong);background:var(--accent-strong)}.tl-item:hover{transform:translate(6px)}.tl-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tl-role{font-size:18px;color:var(--fg-0);font-weight:500;letter-spacing:-.01em}.tl-company{color:var(--fg-2)}.tl-date{font-size:11px;color:var(--fg-3);letter-spacing:.04em;white-space:nowrap}.tl-summary{font-size:14px;color:var(--fg-2);margin:4px 0 0;line-height:1.5}.tl-tags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.projects{display:grid;grid-template-columns:1fr 1fr;gap:16px}.proj{display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--bg-1);border:1px solid var(--border-0);border-radius:10px;box-shadow:var(--shadow-1);transition:.2s var(--ease-out);border-bottom-color:var(--border-0);text-decoration:none}.proj:hover{background:var(--bg-2);border-color:var(--border-1)}.proj-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.proj-meta .arrow{color:var(--accent)}.proj-title{font-size:22px;color:var(--fg-0);font-weight:500;letter-spacing:-.015em;line-height:1.2}.proj-body{font-size:14px;color:var(--fg-2);line-height:1.5}.proj-stats{display:flex;gap:20px;margin-top:10px;padding-top:14px;border-top:1px solid var(--border-0)}.stat-num{font-size:22px;color:var(--fg-0);font-weight:500;letter-spacing:-.02em}.stat-lbl{font-size:10px;color:var(--fg-3);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.seg{display:inline-flex;padding:3px;background:var(--bg-1);border:1px solid var(--border-0);border-radius:8px}.seg-btn{background:transparent;border:0;padding:6px 12px;font-size:11px;color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;border-radius:5px;cursor:pointer;transition:.2s}.seg-btn:hover{color:var(--fg-1)}.seg-btn.active{background:var(--bg-2);color:var(--fg-0)}.travel-grid.travel-postcard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.travel-grid.travel-pill{display:flex;flex-wrap:wrap;gap:8px}.travel-grid.travel-stamp{display:flex;flex-wrap:wrap;gap:28px;padding:12px 0}.pc{background:var(--bg-1);border:1px solid var(--border-0);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-1);transition:.2s var(--ease-out)}.pc:hover{background:var(--bg-2);border-color:var(--border-1)}.pc-top{display:flex;justify-content:space-between;align-items:baseline}.pc .city{font-size:18px;color:var(--fg-0);font-weight:500;letter-spacing:-.01em}.pc .cc{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);letter-spacing:.16em}.pc .coord{font-family:var(--font-mono);font-size:10px;color:var(--fg-3)}.pc .visits-row{display:flex;gap:4px;flex-wrap:wrap;padding-top:8px;border-top:1px dashed var(--border-1)}.pc .visit{font-family:var(--font-mono);font-size:10px;color:var(--fg-2);padding:2px 6px;background:var(--bg-3);border-radius:3px}.pc .visit.latest{background:#7dd3fc1f;color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--bg-1);border:1px solid var(--border-0);font-family:var(--font-mono);font-size:12px;color:var(--fg-1);transition:.2s var(--ease-out);cursor:default}.pill:hover{background:var(--bg-2);border-color:var(--border-1);color:var(--fg-0)}.pill .cc{color:var(--fg-3);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.pill .date{color:var(--fg-3)}.pill.recent{border-color:#7dd3fc66}.pill .dot{width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 8px #7dd3fc99}.pill .visits{color:var(--fg-3);font-size:10px;padding:1px 5px;border:1px solid var(--border-1);border-radius:4px}.travel-item{display:flex;flex-direction:column;align-items:center;gap:16px;width:140px}.stamp{width:140px;height:140px;border-radius:999px;border:2px solid var(--fg-2);color:var(--fg-1);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transform:rotate(-3deg);font-family:var(--font-mono);letter-spacing:.08em;background:var(--bg-0)}.stamp:before,.stamp:after{content:"";position:absolute;left:10px;right:10px;border-top:1px dashed currentColor;opacity:.3}.stamp:before{top:16px}.stamp:after{bottom:16px}.stamp-icon{width:44px;height:44px;margin:12px 0;opacity:.9}.stamp .city{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;margin-top:-4px}.stamp .cc{font-size:10px;margin-bottom:-4px}.travel-item:nth-child(2n) .stamp{transform:rotate(4deg)}.travel-item:nth-child(3n) .stamp{transform:rotate(-5deg)}.footer{border-top:1px solid var(--border-0);padding:32px 0;margin-top:64px}.footer-inner{max-width:1080px;margin:0 auto;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer-l{display:flex;align-items:center;gap:16px}.footer-r{display:flex;gap:20px;align-items:center;font-size:12px}.footer-r a{color:var(--fg-2);border:0}.footer-r a:hover{color:var(--accent)}@media (max-width: 768px){.traits-grid,.projects{grid-template-columns:1fr}.nav-inner{gap:12px}.nav-items{margin-left:auto;overflow-x:auto;scrollbar-width:none}.nav-items::-webkit-scrollbar{display:none}.nav-cta{display:none}.hero{padding:64px 0 40px}.hero-h{font-size:clamp(40px,10vw,44px);margin-bottom:16px}.hero-ctas{flex-direction:column;align-items:stretch}.btn{justify-content:center}.section-head{flex-direction:column;align-items:flex-start;gap:8px}.timeline{padding-left:40px}.timeline:before{left:8px}.tl-node{left:-40px;width:24px;height:24px;top:4px;font-size:11px}.travel-grid.travel-stamp{justify-content:center}.footer-inner{flex-direction:column;align-items:flex-start;gap:16px}.footer-r{flex-wrap:wrap}}