@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Instrument+Serif:ital@0;1&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bone: #f3ead8;--bone-2: #ece0c7;--bone-3: #faf3e4;--paper-card: #fbf5e8;--ink: #181410;--ink-2: #2a241d;--ink-soft: #4c453a;--ink-faint: #837a69;--clay: #d8511f;--clay-deep: #b53e13;--clay-soft: #f3ddd0;--clay-tint: #f7e7dc;--sky: #2a52d8;--sky-deep: #1e3fae;--green: #1f3a24;--green-soft: #8fd6a5;--line: #d8cbae;--line-dark: rgba(243,234,216,.16);--white: #ffffff;--bg: var(--bone);--bg-alt: var(--bone-2);--bg-dark: var(--ink);--surface: var(--paper-card);--surface-tint: var(--clay-tint);--text: var(--ink);--text-muted: var(--ink-soft);--text-faint: var(--ink-faint);--text-on-dark: var(--bone);--text-on-accent:var(--white);--accent: var(--clay);--accent-strong: var(--clay-deep);--accent-2: var(--sky);--border: var(--line);--border-on-dark:var(--line-dark);--selection-bg: var(--clay);--selection-fg: var(--white)}:root{--font-display: "Bricolage Grotesque", system-ui, -apple-system, sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--fs-display-xl: clamp(56px, 11vw, 138px);--fs-display-l: clamp(40px, 7.5vw, 96px);--fs-display-m: clamp(30px, 4.6vw, 52px);--fs-serif-xl: clamp(30px, 5vw, 58px);--fs-serif-l: clamp(24px, 3.6vw, 40px);--fs-h3: 21px;--fs-lede: clamp(18px, 2vw, 21px);--fs-body: 17px;--fs-sm: 15px;--fs-mono: 12.5px;--fs-label: 11px;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--fw-black: 800;--lh-tight: .88;--lh-snug: 1.08;--lh-heading: 1.12;--lh-body: 1.62;--tr-display: -.03em;--tr-tight: -.01em;--tr-label: .14em;--tr-chip: .08em}:root{--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 92px;--s-10: 128px;--container: 1180px;--gutter: 40px;--gutter-sm: 22px;--r-sm: 4px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-pill: 100px;--bw: 1px;--bw-2: 1.5px;--bw-3: 2px;--shadow-1: 0 1px 0 rgba(24,20,16,.04);--shadow-2: 0 18px 40px -24px rgba(24,20,16,.5);--shadow-hard: 14px 18px 0 var(--clay);--shadow-hard-sm: 8px 9px 0 var(--clay);--ease: cubic-bezier(.16, .8, .2, 1);--ease-out: cubic-bezier(.2, .7, .2, 1);--dur-fast: .18s;--dur: .35s;--dur-slow: .8s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--selection-bg);color:var(--selection-fg)}a{color:inherit}.kicker{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--accent);margin:0}.serif-accent{font-family:var(--font-serif);font-style:italic;letter-spacing:var(--tr-tight)}.ds-container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}@media (max-width: 640px){.ds-container{padding:0 var(--gutter-sm)}}.reveal{opacity:1}@media (prefers-reduced-motion: no-preference){html.js .reveal{opacity:0;transform:translateY(30px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}html.js .reveal.in{opacity:1;transform:none}html.js .reveal.d1{transition-delay:.08s}html.js .reveal.d2{transition-delay:.16s}html.js .reveal.d3{transition-delay:.24s}}html[data-theme=paper]{--bone:#f7f5f0;--bone-2:#efece4;--bone-3:#fdfcf9;--paper-card:#ffffff;--line:#e6e2d8}html[data-theme=stone]{--bone:#eceae4;--bone-2:#e2dfd7;--bone-3:#f6f5f1;--paper-card:#fbfaf7;--line:#dcd8cf}html[data-theme=mist]{--bone:#eef0f1;--bone-2:#e4e7e9;--bone-3:#f8f9fa;--paper-card:#ffffff;--line:#dde1e3}html[data-theme=cloud]{--bone:#f1f0ee;--bone-2:#e7e6e3;--bone-3:#fafafa;--paper-card:#ffffff;--line:#e2e0db}:root{--nav-h: 64px;--marquee-h: 60px}.bg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(24,20,16,.11) 1.4px,transparent 2px);background-size:26px 26px;background-position:0 0}@media (prefers-reduced-motion: no-preference){html.js .reveal-up{overflow:hidden}html.js .reveal-up .ru-inner{display:block;transform:translateY(108%);transition:transform .85s var(--ease)}html.js .reveal-up.in .ru-inner{transform:none}html.js .reveal-up.d1 .ru-inner{transition-delay:.08s}html.js .reveal-up.d2 .ru-inner{transition-delay:.16s}}.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}@media (max-width: 640px){.wrap{padding:0 var(--gutter-sm)}}.nav{position:sticky;top:0;z-index:50;background:var(--ink);border-bottom:var(--bw) solid rgba(255,255,255,.08)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:19px;letter-spacing:var(--tr-tight);text-decoration:none;color:var(--bone)}.brand .vb{width:34px;height:34px;display:grid;place-items:center;background:var(--clay);color:#fff;border-radius:var(--r-sm);font-size:15px;font-weight:var(--fw-black)}.nav-links{display:flex;gap:28px}.nav-links a{position:relative;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;text-decoration:none;color:#f3ead89e;transition:color var(--dur-fast);white-space:nowrap}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1.5px;background:var(--clay);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-fast) var(--ease)}.nav-links a:hover{color:var(--clay)}.nav-links a:hover:after{transform:scaleX(1)}@media (max-width: 720px){.nav-links{display:none}}.hero{min-height:calc(100vh - var(--nav-h) - var(--marquee-h));min-height:calc(100svh - var(--nav-h) - var(--marquee-h));display:grid;align-content:center;padding:clamp(24px,3.4vh,56px) 0}.hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(32px,5vw,64px);align-items:center;width:100%}@media (max-width: 880px){.hero-grid{grid-template-columns:1fr}}.hero h1{font-family:var(--font-display);font-weight:var(--fw-black);font-size:clamp(42px,min(7.6vw,10.4vh),118px);line-height:var(--lh-tight);letter-spacing:var(--tr-display);margin:16px 0 0;text-wrap:balance}.hero h1 .ser{display:block;font-family:var(--font-serif);font-weight:400;font-style:italic;color:var(--clay);letter-spacing:var(--tr-tight);line-height:1;margin-top:4px}.hero-sub{font-size:var(--fs-lede);color:var(--ink-soft);max-width:44ch;margin:clamp(16px,2.4vh,30px) 0 0;line-height:1.5}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(18px,2.8vh,34px)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;letter-spacing:.03em;text-decoration:none;padding:13px 20px;border-radius:var(--r-pill);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),color var(--dur-fast)}.btn-primary{background:var(--ink);color:var(--bone)}.btn-primary:hover{background:var(--clay);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--ink);border:var(--bw-2) solid var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--bone);transform:translateY(-2px)}.photo-reveal{perspective:1100px}.photo-frame{position:relative;border-radius:var(--r-sm);overflow:hidden;aspect-ratio:3/4.1;background:var(--bone-2);rotate:1.6deg;box-shadow:var(--sh-x, 14px) var(--sh-y, 18px) 0 var(--clay);transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .3s var(--ease),box-shadow .3s var(--ease);will-change:transform}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 6%;display:block;filter:saturate(1.28) contrast(1.07) brightness(.99)}.photo-cap{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5))}@media (max-width: 880px){.photo-frame{max-width:340px;rotate:1.2deg}}.marquee{background:var(--ink);color:var(--bone);overflow:hidden;height:var(--marquee-h);display:flex;align-items:center}.marquee-track{display:flex;width:max-content;animation:scroll 64s linear infinite}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none}}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}.mq-item{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:26px;letter-spacing:var(--tr-tight);padding:0 24px;white-space:nowrap;display:flex;align-items:center;gap:24px;text-decoration:none;color:var(--bone);transition:color var(--dur-fast)}.mq-in{position:relative;display:inline-flex;align-items:center;gap:11px}.mq-in:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1.5px;background:var(--clay);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-fast) var(--ease)}.mq-item:hover{color:var(--clay)}.mq-item:hover .mq-in:after{transform:scaleX(1)}.mq-item:focus-visible{color:var(--clay);outline:2px solid var(--clay);outline-offset:3px;border-radius:2px}.mq-item:after{content:"✶";color:var(--clay);font-size:17px}.mq-icon{width:.82em;height:.82em;flex-shrink:0;background-color:currentColor;-webkit-mask:var(--mq-mask) center / contain no-repeat;mask:var(--mq-mask) center / contain no-repeat}.mq-icon--github{--mq-mask: url(/assets/logos/github.svg)}.mq-icon--linkedin{--mq-mask: url(/assets/logos/linkedin.svg)}.mq-icon--instagram{--mq-mask: url(/assets/logos/instagram.svg)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}section{padding:var(--s-9) 0}.band-alt{background:var(--bone-2)}.band-dark{background:var(--ink);color:var(--bone)}.sec-head{display:flex;align-items:flex-start;gap:26px;margin-bottom:18px}.sec-no{font-family:var(--font-display);font-weight:var(--fw-black);font-size:clamp(48px,7vw,96px);line-height:.8;color:transparent;-webkit-text-stroke:2px var(--clay);letter-spacing:-.04em;flex-shrink:0;will-change:transform}.band-dark .sec-no{-webkit-text-stroke:2px var(--clay)}.sec-head .t{padding-top:6px}h2{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-display-m);line-height:1.02;letter-spacing:-.025em;margin:8px 0 0;text-wrap:balance}h2 .ser{font-family:var(--font-serif);font-weight:400;font-style:italic;color:var(--clay);letter-spacing:var(--tr-tight)}.band-dark h2{color:var(--bone)}.lede{font-size:var(--fs-lede);color:var(--ink-soft);max-width:60ch;margin:24px 0 0;line-height:1.5}.band-dark .lede{color:#c6bca6}p{margin:0 0 16px;max-width:66ch}.about-body{font-family:var(--font-serif);font-size:clamp(22px,2.8vw,30px);line-height:1.4;color:var(--ink);max-width:24ch;margin-top:8px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,60px);align-items:start;margin-top:30px}@media (max-width: 820px){.about-grid{grid-template-columns:1fr}}.about-prose p{font-size:18px;color:var(--ink-soft);line-height:1.62;max-width:56ch}.about-prose p strong{color:var(--ink);font-weight:var(--fw-semibold)}.clusters{display:grid;grid-template-columns:1fr 1fr;gap:38px 48px;margin-top:36px}@media (max-width: 720px){.clusters{grid-template-columns:1fr;gap:30px}}.cluster h3{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--clay-deep);margin:0 0 16px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--font-mono);font-size:12.5px;color:var(--ink);border:var(--bw-2) solid var(--ink);padding:7px 14px;border-radius:var(--r-pill);transition:background var(--dur-fast),color var(--dur-fast);cursor:default;white-space:nowrap}.chip:hover{background:var(--clay);border-color:var(--clay);color:#fff}.mark{--mark-size: 42px;width:var(--mark-size);height:var(--mark-size);flex-shrink:0;border-radius:var(--r-sm);border:var(--bw) solid var(--border);background:var(--paper-card);display:grid;place-items:center;overflow:hidden}.mark img{width:100%;height:100%;object-fit:contain;padding:18%}.mark-mono{font-family:var(--font-display);font-weight:var(--fw-black);font-size:calc(var(--mark-size) * .38);letter-spacing:-.03em;line-height:1;color:var(--ink)}.mark--on-dark{background:#f3ead80f;border-color:var(--border-on-dark)}.mark--on-dark .mark-mono{color:var(--bone)}.work-card{background:var(--paper-card);border:var(--bw-2) solid var(--border);border-radius:var(--r-xl);padding:clamp(28px,4vw,48px);margin-top:34px}.work-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.work-head .mark{--mark-size: 56px}.work-head .work-top{margin-bottom:0;flex:1}.work-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:22px}.work-role{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(24px,3.2vw,36px);letter-spacing:-.02em}.work-at{font-family:var(--font-serif);font-style:italic;font-size:22px;color:var(--ink-faint)}.work-now{margin-left:auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--clay);border:var(--bw) solid var(--clay);padding:5px 11px;border-radius:var(--r-pill)}.work-card p{font-size:18px;color:var(--ink-soft);max-width:64ch}.frameworks{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:22px;border-top:var(--bw) solid var(--border)}.fw{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--ink-soft);background:var(--bone-2);padding:6px 12px;border-radius:var(--r-sm);white-space:nowrap}.xp-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:40px 0 4px}.xp{margin-top:8px}.xp-row{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:baseline;padding:24px 0;border-top:var(--bw) solid var(--border);transition:padding-left var(--dur) var(--ease)}.xp-row:last-child{border-bottom:var(--bw) solid var(--border)}.xp-row:hover{padding-left:10px}.xp-when{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;color:var(--clay);padding-top:4px}.xp-roleline{display:flex;align-items:center;gap:14px}.xp-role{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(20px,2.6vw,27px);letter-spacing:-.015em}.xp-at{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--ink-faint)}.xp-note{font-size:15.5px;color:var(--ink-soft);margin:8px 0 0 56px;max-width:64ch}@media (max-width: 560px){.xp-note{margin-left:0}}.xp-row.tbd .xp-role,.xp-row.tbd .xp-when{opacity:.5}.xp-row.tbd .xp-note{color:var(--ink-faint);font-style:italic}.facts{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.fact{background:var(--paper-card);border:var(--bw) solid var(--border);border-radius:var(--r-md);padding:12px 18px}.fact .fk{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 3px}.fact .fv{font-size:15px;color:var(--ink)}.builds{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;margin-top:34px}@media (max-width: 720px){.builds{grid-template-columns:1fr}}.build{position:relative;border-radius:var(--r-lg);padding:30px 32px;transition:transform var(--dur) var(--ease),box-shadow var(--dur);text-decoration:none;color:inherit;display:block}.build-topline{display:flex;align-items:center;gap:13px;margin-bottom:18px}.build-topline .tag{margin-bottom:0}.build-topline .mark{--mark-size: 46px}.build-main{background:var(--ink);color:var(--bone)}.build-main:hover{transform:translateY(-4px);box-shadow:var(--shadow-hard-sm)}.build-side{background:var(--paper-card);border:var(--bw-2) solid var(--border)}.build-side:hover{transform:translateY(-4px);border-color:var(--clay)}.build .tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}.build-main .tag{color:var(--clay)}.build-main .tag .live{width:7px;height:7px;border-radius:50%;background:var(--clay);box-shadow:0 0 #d8511f99;animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #d8511f99}70%{box-shadow:0 0 0 8px #d8511f00}to{box-shadow:0 0 #d8511f00}}.build-side .tag{color:var(--ink-faint)}.build h3{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:30px;letter-spacing:-.02em;margin:0 0 12px}.build-side h3{font-size:24px}.build p{font-size:16px;margin:0;max-width:none}.build-main p{color:#c6bca6}.build-side p{color:var(--ink-soft)}.build .arrow{margin-top:20px;font-family:var(--font-mono);font-size:13px;color:var(--clay)}.outside{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}@media (max-width: 720px){.outside{grid-template-columns:1fr}}.out-card{background:var(--paper-card);border:var(--bw-2) solid var(--border);border-radius:var(--r-lg);padding:28px 26px;transition:transform var(--dur) var(--ease),border-color var(--dur)}.out-card:hover{transform:translateY(-4px);border-color:var(--clay)}.out-num{font-family:var(--font-display);font-weight:var(--fw-black);font-size:40px;color:transparent;-webkit-text-stroke:1.5px var(--clay);line-height:1}.out-card h3{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:22px;letter-spacing:-.01em;margin:14px 0 10px}.out-card p{font-size:15.5px;color:var(--ink-soft);margin:0}.edu{margin-top:30px}.edu-row{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:baseline;padding:22px 0;border-top:var(--bw) solid var(--border)}.edu-row:last-child{border-bottom:var(--bw) solid var(--border)}.edu-deg{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(20px,2.6vw,28px);letter-spacing:-.01em}.edu-field{font-size:16px;color:var(--ink-soft)}.edu-school{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint);letter-spacing:.04em;text-align:right}@media (max-width: 640px){.edu-row{grid-template-columns:1fr;gap:4px}.edu-school{text-align:left}}.edu-note{font-size:15px;color:var(--ink-faint);max-width:60ch;margin-top:22px}footer{background:var(--ink);color:var(--bone);padding:clamp(64px,9vw,110px) 0 64px}.foot-kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);margin:0 0 20px}.foot-name{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-display-l);line-height:.9;letter-spacing:var(--tr-display);margin:0 0 14px}.foot-name .ser{font-family:var(--font-serif);font-weight:400;font-style:italic;color:var(--clay)}.foot-line{font-size:18px;color:#c6bca6;max-width:48ch;margin:0 0 38px}.links{display:flex;flex-wrap:wrap;gap:12px}.links a{font-family:var(--font-mono);font-size:13px;letter-spacing:.03em;text-decoration:none;color:var(--bone);border:var(--bw-2) solid var(--border-on-dark);padding:12px 18px;border-radius:var(--r-pill);transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}.links a:hover{background:var(--clay);border-color:var(--clay);color:#fff;transform:translateY(-2px)}.foot-meta{margin-top:48px;padding-top:24px;border-top:var(--bw) solid var(--border-on-dark);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:#837a69}