:root{--mh-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mh-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--mh-fs-2xs: 11px;--mh-fs-xs: 12px;--mh-fs-sm: 13px;--mh-fs-md: 14px;--mh-fs-lg: 16px;--mh-fs-reading: 17px;--mh-fs-xl: 18px;--mh-fs-2xl: 22px;--mh-fs-3xl: 26px;--mh-fs-4xl: 32px;--mh-fs-display: 48px;--mh-lh-tight: 1.1;--mh-lh-snug: 1.3;--mh-lh-base: 1.45;--mh-lh-loose: 1.65;--mh-tracking-label: .06em;--mh-tracking-tight: -.02em;--mh-space-1: 4px;--mh-space-2: 8px;--mh-space-3: 12px;--mh-space-4: 16px;--mh-space-5: 24px;--mh-space-6: 32px;--mh-space-7: 48px;--mh-space-8: 64px;--mh-space-9: 96px;--mh-space-10: 128px;--mh-radius-tag: 6px;--mh-radius-control: 10px;--mh-radius-card: 14px;--mh-radius-sheet: 20px;--mh-radius-pill: 999px;--mh-control-h: 40px;--mh-control-h-sm: 32px;--mh-touch: 44px;--mh-ease-out: cubic-bezier(.22, 1, .36, 1);--mh-ease-in-out: cubic-bezier(.65, 0, .35, 1);--mh-dur-fast: .15s;--mh-dur-base: .25s;--mh-dur-slow: .5s;--mh-focus-width: 2px;--mh-focus-offset: 2px;--mh-z-nav: 50;--mh-z-overlay: 100;--mh-z-toast: 200;--mh-success-light: #5c7a5e;--mh-success-dark: #7a9a7c;--mh-warning-light: #9a6b3a;--mh-warning-dark: #c79a52;--mh-danger-light: #a85d52;--mh-danger-dark: #c77a6e;--mh-info-light: #4a6c8c;--mh-info-dark: #6b93c4;--mh-fs-large-title: 34px;--mh-lh-large-title: 1.12;--mh-fw-regular: 400;--mh-fw-medium: 500;--mh-fw-semibold: 600;--mh-fw-bold: 700;--mh-tracking-large: -.025em;--mh-tracking-title: -.015em;--mh-tracking-body: -.006em;--mh-tracking-caption: .01em;--mh-elev-1-light: 0 1px 2px rgba(16, 18, 24, .04), 0 1px 3px rgba(16, 18, 24, .04);--mh-elev-2-light: 0 2px 6px rgba(16, 18, 24, .04), 0 8px 24px rgba(16, 18, 24, .06);--mh-elev-3-light: 0 8px 20px rgba(16, 18, 24, .08), 0 24px 56px rgba(16, 18, 24, .12);--mh-elev-1-dark: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, .4);--mh-elev-2-dark: inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 24px rgba(0, 0, 0, .45);--mh-elev-3-dark: inset 0 1px 0 rgba(255, 255, 255, .08), 0 24px 56px rgba(0, 0, 0, .6);--mh-material-filter: saturate(180%) blur(20px);--mh-material-mix: 72%;--mh-ease-sheet: cubic-bezier(.32, .72, 0, 1);--mh-ease-spring: cubic-bezier(.34, 1.36, .64, 1);--mh-press-scale: .97;--mh-press-scale-tab: .92;--mh-dur-press: 80ms;--mh-dur-sheet: .42s;--mh-measure: 68ch}:root{--font-sans: var(--mh-font-sans);--font-mono: var(--mh-font-mono);--fs-xs: var(--mh-fs-xs);--fs-sm: var(--mh-fs-md);--fs-base: var(--mh-fs-lg);--fs-md: var(--mh-fs-reading);--fs-lg: var(--mh-fs-xl);--fs-xl: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);--fs-2xl: clamp(2rem, 1.4rem + 2vw, 2.75rem);--fs-3xl: clamp(2.5rem, 1.6rem + 4vw, 4.5rem);--lh-tight: 1.05;--lh-snug: 1.25;--lh-base: 1.55;--lh-loose: 1.7;--sp-1: var(--mh-space-1);--sp-2: var(--mh-space-2);--sp-3: var(--mh-space-3);--sp-4: var(--mh-space-4);--sp-5: var(--mh-space-5);--sp-6: var(--mh-space-6);--sp-7: var(--mh-space-7);--sp-8: var(--mh-space-8);--sp-9: var(--mh-space-9);--sp-10: var(--mh-space-10);--r-sm: var(--mh-radius-tag);--r-md: var(--mh-radius-control);--r-lg: var(--mh-radius-card);--r-xl: var(--mh-radius-sheet);--max-w: 1120px;--max-w-prose: 640px;--bg: #fbfbfa;--bg-elev: #ffffff;--bg-subtle: #f3f3f1;--bg-tag: #ececea;--fg: #15171a;--fg-muted: #5a6068;--fg-faint: #686e77;--border: #e5e5e2;--border-strong: #d0d0cc;--hairline: color-mix(in srgb, var(--border) 70%, transparent);--accent: oklch(.55 .16 250);--accent-hover: oklch(.48 .17 250);--accent-soft: oklch(.96 .025 250);--accent-fg: #ffffff;--accent-ring: oklch(.55 .16 250 / .35);--success: var(--mh-success-light);--success-dot: var(--success);--ease-out: var(--mh-ease-out);--dur-fast: var(--mh-dur-fast);--dur-base: var(--mh-dur-base);color-scheme:light;--shadow-sm: var(--mh-elev-1-light);--shadow-md: var(--mh-elev-2-light);--shadow-lg: var(--mh-elev-3-light)}:root[data-theme=dark]{--bg: #0d0f12;--bg-elev: #15181d;--bg-subtle: #181b21;--bg-tag: #20242c;--fg: #e6e7e9;--fg-muted: #9aa1ab;--fg-faint: #808893;--border: #23272e;--border-strong: #2e333c;--accent: oklch(.7 .14 250);--accent-hover: oklch(.78 .13 250);--accent-soft: oklch(.28 .05 250);--accent-fg: #0d0f12;--accent-ring: oklch(.7 .14 250 / .45);--success: var(--mh-success-dark);--shadow-sm: var(--mh-elev-1-dark);--shadow-md: var(--mh-elev-2-dark);--shadow-lg: var(--mh-elev-3-dark);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0d0f12;--bg-elev: #15181d;--bg-subtle: #181b21;--bg-tag: #20242c;--fg: #e6e7e9;--fg-muted: #9aa1ab;--fg-faint: #808893;--border: #23272e;--border-strong: #2e333c;--accent: oklch(.7 .14 250);--accent-hover: oklch(.78 .13 250);--accent-soft: oklch(.28 .05 250);--accent-fg: #0d0f12;--accent-ring: oklch(.7 .14 250 / .45);--success: var(--mh-success-dark);--shadow-sm: var(--mh-elev-1-dark);--shadow-md: var(--mh-elev-2-dark);--shadow-lg: var(--mh-elev-3-dark);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-base);color:var(--fg);background:var(--bg);font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:0;background:0;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}:focus-visible{outline:var(--mh-focus-width) solid var(--accent);outline-offset:var(--mh-focus-offset)}.btn:focus-visible,.lang-toggle:focus-visible,.theme-toggle:focus-visible,.pmodal-close:focus-visible{border-radius:var(--r-md)}::selection{background:var(--accent);color:var(--accent-fg)}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-5)}@media(min-width:768px){.container{padding:0 var(--sp-6)}}.section{padding:var(--sp-9) 0;position:relative}@media(max-width:640px){.section{padding:var(--sp-8) 0}}.section-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 var(--sp-3) 0;display:flex;align-items:center;gap:var(--sp-3)}.section-label:before{content:"";width:24px;height:1px;background:var(--border-strong)}.section-title{font-size:var(--fs-2xl);font-weight:600;letter-spacing:var(--mh-tracking-large);line-height:var(--lh-snug);margin:0 0 var(--sp-6) 0;color:var(--fg)}.section-intro{font-size:var(--fs-md);color:var(--fg-muted);max-width:56ch;margin:calc(-1 * var(--sp-4)) 0 var(--sp-7) 0;line-height:var(--lh-loose)}.skip-link{position:absolute;left:var(--sp-4);top:var(--sp-4);background:var(--accent);color:var(--accent-fg);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);transform:translateY(-200%);transition:transform var(--dur-fast) var(--ease-out);z-index:100;font-weight:500;font-size:var(--fs-sm)}.skip-link:focus{transform:translateY(0)}.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) var(--mh-material-mix),transparent);backdrop-filter:var(--mh-material-filter);-webkit-backdrop-filter:var(--mh-material-filter);border-bottom:1px solid transparent;transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease}.nav[data-scrolled=true]{border-bottom-color:var(--border)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}@media(min-width:768px){.nav-inner{padding:var(--sp-4) var(--sp-6)}}.nav-brand{font-weight:600;font-size:var(--fs-base);letter-spacing:-.01em;display:flex;align-items:center;gap:var(--sp-2)}.nav-brand:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}.nav-brand-name{display:none}@media(min-width:480px){.nav-brand-name{display:inline}}.nav-links{display:none;list-style:none;margin:0;padding:0;gap:var(--sp-2)}@media(min-width:768px){.nav-links{display:flex}}.nav-links a{display:inline-block;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--fg-muted);border-radius:var(--r-sm);transition:color var(--dur-fast) ease,background var(--dur-fast) ease;font-family:var(--font-mono)}.nav-links a:hover{color:var(--fg);background:var(--bg-subtle)}.nav-links a[aria-current=true]{color:var(--accent);background:var(--accent-soft)}.nav-actions{display:flex;align-items:center;gap:var(--sp-2)}.lang-toggle{height:38px;padding:0 .65rem;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.04em;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease,background var(--dur-fast) ease}.lang-toggle:hover{color:var(--fg);border-color:var(--border-strong);background:var(--bg-subtle)}.theme-toggle{width:38px;height:38px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted);border:1px solid var(--border);transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease,background var(--dur-fast) ease}.theme-toggle:hover{color:var(--fg);border-color:var(--border-strong);background:var(--bg-subtle)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-moon{display:none}.theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:none}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:block}}.hero{padding-top:var(--sp-9);padding-bottom:var(--sp-9);isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;z-index:-1;top:-25%;left:50%;width:min(900px,120vw);aspect-ratio:1;transform:translate(-25%);background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 9%,transparent),transparent);pointer-events:none}@media(min-width:768px){.hero{padding-top:var(--sp-10);padding-bottom:var(--sp-10)}}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent);margin:0 0 var(--sp-5) 0;display:inline-flex;align-items:center;gap:var(--sp-2)}.hero-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.hero-name{font-size:var(--fs-3xl);font-weight:600;letter-spacing:calc(var(--mh-tracking-large) * 1.4);line-height:.98;margin:0 0 var(--sp-4) 0;color:var(--fg)}.hero-title{font-size:var(--fs-xl);font-weight:500;letter-spacing:-.015em;color:var(--fg-muted);margin:0 0 var(--sp-5) 0;line-height:var(--lh-snug)}.hero-title strong{color:var(--fg);font-weight:500}.hero-tagline{font-size:var(--fs-lg);color:var(--fg-muted);max-width:36ch;margin:0 0 var(--sp-7) 0;line-height:var(--lh-snug)}.hero-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-faint);margin:0 0 var(--sp-6) 0;letter-spacing:.02em;text-transform:uppercase}.hero-meta span{display:inline-flex;align-items:center;gap:var(--sp-2)}.hero-meta .dot{width:6px;height:6px;border-radius:50%;background:var(--success-dot);box-shadow:0 0 0 3px color-mix(in srgb,var(--success-dot) 22%,transparent);display:inline-block}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);justify-content:center;min-height:var(--mh-touch);padding:.7rem 1.1rem;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:500;letter-spacing:-.005em;border:1px solid transparent;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--mh-dur-base) var(--mh-ease-spring);white-space:nowrap}.btn:active{transform:scale(var(--mh-press-scale));transition-duration:var(--mh-dur-press)}.btn .arrow{transition:transform var(--dur-fast) ease}.btn:hover .arrow{transform:translate(2px,-2px)}.arrow{width:14px;height:14px;flex-shrink:0}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary{box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-elev);color:var(--fg);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--fg-muted)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn svg{width:14px;height:14px}.sf{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--sp-9) 0}@media(min-width:768px){.sf{padding:var(--sp-9) 0}}.sf-header{display:grid;gap:var(--sp-3);margin-bottom:var(--sp-7)}.sf-title{font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.025em;margin:0;line-height:1.1;display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-3)}.sf-title-accent{color:var(--accent)}.sf-lede{font-size:var(--fs-md);color:var(--fg-muted);max-width:60ch;margin:0;line-height:var(--lh-loose)}.trailhead{background:var(--bg-elev);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:var(--sp-6);margin-bottom:var(--sp-7);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}@media(min-width:768px){.trailhead{padding:var(--sp-7)}}.trailhead:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.trailhead-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--sp-2) 0}.trailhead-headline{font-size:var(--fs-lg);font-weight:500;letter-spacing:-.01em;margin:0 0 var(--sp-6) 0;color:var(--fg);line-height:var(--lh-snug);max-width:50ch}.trailhead-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5);margin-bottom:var(--sp-6)}@media(min-width:640px){.trailhead-stats{grid-template-columns:repeat(4,1fr)}}.stat{border-left:1px solid var(--border);padding-left:var(--sp-4)}.stat:first-child{border-left:0;padding-left:0}@media(max-width:639px){.stat{border-left:0;padding-left:0}}.stat-num{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--fg);display:block;line-height:1;margin-bottom:var(--sp-2)}.stat-num--text{font-size:var(--fs-lg);line-height:1.4;padding-top:.4rem}.stat-label{font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted)}.trailhead-foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-4);padding-top:var(--sp-5);border-top:1px solid var(--border)}.expeditioner{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--accent-soft);color:var(--accent);border-radius:var(--mh-radius-pill);font-size:var(--fs-xs);font-family:var(--font-mono);font-weight:500;letter-spacing:.02em;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.expeditioner svg{width:12px;height:12px}.sf-areas{margin-bottom:var(--sp-7)}.sf-subhead{font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 var(--sp-4) 0}.tag-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;margin:0;padding:0}.tag{display:inline-block;padding:.4rem .75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--fg);font-family:var(--font-mono);font-weight:400;transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease}.tag:hover{border-color:var(--border-strong)}.experience{background:var(--bg-elev);border:1px solid var(--hairline);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:var(--sp-6);margin-bottom:var(--sp-6)}@media(min-width:768px){.experience{padding:var(--sp-7)}}.exp-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2)}.exp-role{font-size:var(--fs-lg);font-weight:500;margin:0;letter-spacing:-.01em}.exp-role .at{color:var(--fg-muted);font-weight:400}.exp-role .at:before{content:" @ ";color:var(--fg-faint)}.exp-dates{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase}.exp-team{font-size:var(--fs-sm);color:var(--fg-muted);margin:0 0 var(--sp-5) 0}.exp-bullets{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp-3)}.exp-bullets li{position:relative;padding-left:1.5rem;color:var(--fg);line-height:var(--lh-loose);font-size:var(--fs-base)}.exp-bullets li:before{content:"";position:absolute;left:0;top:.7em;width:8px;height:1px;background:var(--accent)}.exp-bullets li strong{font-weight:500;color:var(--fg)}.sf-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-5);padding:var(--sp-5);border:1px dashed var(--border-strong);border-radius:var(--r-lg)}.sf-goal{font-size:var(--fs-base);color:var(--fg);margin:0;display:flex;align-items:center;gap:var(--sp-3)}.sf-goal-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-muted)}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5)}@media(min-width:720px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project{background:var(--bg-elev);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) ease}.project:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:var(--shadow-md)}.project-thumb{aspect-ratio:16 / 9;background:var(--bg-subtle);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.project-thumb svg{width:100%;height:100%;display:block}.project-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--mh-dur-slow) var(--ease-out)}.project:hover .project-thumb img{transform:scale(1.02)}.project-badge{position:absolute;top:var(--sp-3);left:var(--sp-3);background:var(--bg);color:var(--fg);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;padding:.3rem .55rem;border-radius:var(--r-sm);font-weight:500;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase}.project-badge.live{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.project-badge.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success-dot)}.project-body{padding:var(--sp-5);flex:1;display:flex;flex-direction:column}.project-title{font-size:var(--fs-lg);font-weight:500;letter-spacing:-.01em;margin:0 0 var(--sp-2) 0;display:flex;align-items:center;gap:var(--sp-2)}.project-host{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-faint);font-weight:400}.project-desc{font-size:var(--fs-sm);color:var(--fg-muted);margin:0 0 var(--sp-4) 0;line-height:var(--lh-loose)}.project-stack{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 var(--sp-5) 0;list-style:none;padding:0}.project-stack li{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);padding:.2rem .5rem;background:var(--bg-tag);border-radius:var(--r-sm);letter-spacing:0}.project-links{display:flex;gap:var(--sp-4);margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--border)}.project-link{font-size:var(--fs-sm);color:var(--fg-muted);display:inline-flex;align-items:center;gap:6px;transition:color var(--dur-fast) ease;font-family:var(--font-mono)}.project-link:hover{color:var(--accent)}.project-link svg{width:14px;height:14px}.project-link[aria-disabled=true]{color:var(--fg-faint);cursor:not-allowed}.project.has-detail{position:relative}.project-open{position:absolute;inset:0;z-index:2;display:block;width:100%;background:none;border:0;padding:0}.project-open:focus-visible{outline-offset:-3px;border-radius:var(--r-lg)}.project-open-pill{position:absolute;top:var(--sp-3);right:var(--sp-3);display:inline-flex;align-items:center;gap:6px;padding:.3rem .55rem;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:500;color:var(--fg-muted);transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease,background var(--dur-fast) ease}.project-open-pill svg{width:11px;height:11px}.project.has-detail:hover .project-open-pill,.project-open:focus-visible .project-open-pill{color:var(--accent);border-color:var(--accent);background:var(--bg-elev)}.project.has-detail:hover{cursor:pointer}.project.has-detail .project-links{position:relative;z-index:3}:root.pmodal-open{overflow:hidden}:root.pmodal-open body{padding-right:var(--pmodal-scrollbar, 0px)}.pmodal{--pmodal-shot-ratio: 2 / 1;position:fixed;inset:0;margin:auto;width:min(1040px,94vw);max-width:94vw;height:min(880px,90svh);max-height:90svh;padding:0;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg);color:var(--fg);box-shadow:var(--shadow-lg);overflow:hidden;flex-direction:column}.pmodal[open]{display:flex}.pmodal::backdrop{background:#080a0e9e;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}.pmodal,.pmodal::backdrop{transition:opacity var(--dur-base) ease,transform var(--mh-dur-sheet) var(--mh-ease-sheet),overlay var(--dur-base) allow-discrete,display var(--dur-base) allow-discrete}.pmodal{opacity:0;transform:translateY(10px) scale(.985)}.pmodal[open]{opacity:1;transform:none}.pmodal::backdrop{opacity:0}.pmodal[open]::backdrop{opacity:1}@starting-style{.pmodal[open]{opacity:0;transform:translateY(10px) scale(.985)}.pmodal[open]::backdrop{opacity:0}}.pmodal-head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5);border-bottom:1px solid var(--border);background:var(--bg-elev)}@media(min-width:768px){.pmodal-head{padding:var(--sp-5) var(--sp-6)}}.pmodal-head-main{min-width:0}.pmodal-title{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.02em;line-height:var(--lh-snug);margin:0 0 var(--sp-1) 0}.pmodal-subtitle{font-size:var(--fs-sm);color:var(--fg-muted);margin:0 0 var(--sp-3) 0;line-height:var(--lh-snug)}.pmodal-badges{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0}.pmodal-badges li{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);padding:.2rem .5rem;background:var(--bg-tag);border-radius:var(--r-sm)}.pmodal-close{flex:0 0 auto;width:38px;height:38px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted);border:1px solid var(--border);background:var(--bg);transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease,background var(--dur-fast) ease}.pmodal-close:hover{color:var(--fg);border-color:var(--border-strong);background:var(--bg-subtle)}.pmodal-close svg{width:16px;height:16px}.pmodal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 0 var(--sp-6) 0}.pmodal-body:focus{outline:none}.pmodal-intro{padding:var(--sp-6) var(--sp-5) 0;max-width:68ch}@media(min-width:768px){.pmodal-intro{padding:var(--sp-6) var(--sp-6) 0}}.pmodal-intro p{font-size:var(--fs-base);line-height:var(--lh-loose);color:var(--fg);margin:0 0 var(--sp-4) 0}.pmodal-intro p:first-child{font-size:var(--fs-md);color:var(--fg)}.pmodal-intro strong{font-weight:500}.pmodal-shots{list-style:none;margin:var(--sp-6) 0 0 0;padding:0;display:grid;gap:var(--sp-7)}.pmodal-shot{display:grid;gap:var(--sp-4);padding:0 var(--sp-5);align-items:start}@media(min-width:768px){.pmodal-shot{padding:0 var(--sp-6)}}@media(min-width:900px){.pmodal-shots{gap:var(--sp-8)}.pmodal-shot{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--sp-6);align-items:center}.pmodal-shot:nth-child(2n) .pmodal-shot-media{order:2}}.pmodal-shot-media{display:flex;align-items:flex-end;gap:var(--sp-3);min-width:0}.pmodal-shot-media>.pmodal-shot-figure{flex:1 1 auto;min-width:0}.pmodal-shot-media.has-phone>.pmodal-shot-figure--phone{flex:0 0 24%;aspect-ratio:37 / 80;border-radius:var(--r-md);padding:3px}.pmodal-shot-figure{margin:0;aspect-ratio:var(--pmodal-shot-ratio);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-lg);padding:5px;overflow:hidden;box-shadow:var(--shadow-sm)}.pmodal-shot-figure img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:3px}.pmodal-shot-plate{flex:1 1 auto;min-width:0;aspect-ratio:var(--pmodal-shot-ratio);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%),var(--bg-subtle)}.pmodal-shot-plate svg{width:30px;height:30px;color:var(--accent);opacity:.85}.pmodal-shot-plate-name{font-size:var(--fs-sm);font-weight:500;color:var(--fg);margin:0;max-width:26ch}.pmodal-shot-plate-note{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);margin:0}.pmodal-shot-text{min-width:0}.pmodal-shot-index{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--accent);margin:0 0 var(--sp-2) 0}.pmodal-shot-title{font-size:var(--fs-lg);font-weight:500;letter-spacing:-.01em;line-height:var(--lh-snug);margin:0 0 var(--sp-3) 0}.pmodal-shot-text p{font-size:var(--fs-sm);line-height:var(--lh-loose);color:var(--fg-muted);margin:0 0 var(--sp-3) 0}.pmodal-shot-text p:last-child{margin-bottom:0}.pmodal-shot-text strong{color:var(--fg);font-weight:500}.pmodal-foot{margin:var(--sp-8) var(--sp-5) 0;padding-top:var(--sp-5);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-5)}@media(min-width:768px){.pmodal-foot{margin:var(--sp-8) var(--sp-6) 0}}.pmodal-stack{min-width:0;flex:1 1 320px}.pmodal-stack-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 var(--sp-2) 0}.pmodal-stack-value{font-size:var(--fs-sm);line-height:var(--lh-loose);color:var(--fg);margin:0;max-width:70ch}.pmodal-foot-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}@media(max-width:720px){.pmodal{width:100vw;max-width:100vw;height:100svh;max-height:100svh;border:0;border-radius:0}.pmodal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080a0ecc}.pmodal-title{font-size:var(--fs-lg)}}@media(prefers-reduced-motion:reduce){.pmodal,.pmodal::backdrop{transition:overlay .001ms allow-discrete,display .001ms allow-discrete}.pmodal{opacity:1;transform:none}.pmodal::backdrop{opacity:1}@starting-style{.pmodal[open]{opacity:1;transform:none}.pmodal[open]::backdrop{opacity:1}}}.stack-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6);margin-top:var(--sp-6)}@media(min-width:640px){.stack-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.stack-grid{grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}}.stack-col{border-top:2px solid var(--accent);padding-top:var(--sp-4)}.stack-col:nth-child(2n){border-top-color:var(--border-strong)}.stack-col:nth-child(3n){border-top-color:var(--border-strong)}.stack-col:first-child{border-top-color:var(--accent)}.stack-col-title{font-size:var(--fs-base);font-weight:500;letter-spacing:-.005em;margin:0 0 var(--sp-4) 0;display:flex;align-items:center;gap:var(--sp-2)}.stack-icon{width:20px;height:20px;color:var(--fg-muted)}.stack-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.stack-list li{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-muted);padding:.25rem 0}.about-grid{display:grid;gap:var(--sp-7)}@media(min-width:880px){.about-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--sp-8)}}.about-prose p{font-size:var(--fs-md);line-height:var(--lh-loose);color:var(--fg);margin:0 0 var(--sp-4) 0;max-width:60ch}.about-prose p:last-of-type{margin-bottom:var(--sp-6)}.about-prose strong{font-weight:500;color:var(--fg)}.facts{display:grid;gap:var(--sp-5);align-self:start}.fact{border-left:2px solid var(--border-strong);padding-left:var(--sp-4)}.fact-label{font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 var(--sp-2) 0}.fact-body{font-size:var(--fs-sm);color:var(--fg);line-height:var(--lh-loose)}.fact-body div+div{margin-top:.25rem}.fact-body .meta{color:var(--fg-muted)}.contact{text-align:left}.contact-title{font-size:clamp(2rem,1.5rem + 1.5vw,2.75rem);font-weight:600;letter-spacing:-.025em;line-height:var(--lh-snug);margin:0 0 var(--sp-5) 0;max-width:24ch}.contact-title em{font-style:normal;color:var(--accent)}.contact-lede{font-size:var(--fs-md);color:var(--fg-muted);max-width:50ch;margin:0 0 var(--sp-7) 0;line-height:var(--lh-loose)}.contact-list{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--border)}.contact-list li{border-bottom:1px solid var(--border)}.contact-list a{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) 0;gap:var(--sp-4);min-height:44px;transition:color var(--dur-fast) ease}.contact-list a:hover{color:var(--accent)}.contact-channel{display:flex;align-items:center;gap:var(--sp-4);min-width:0;transition:transform var(--dur-base) var(--ease-out)}.contact-list a:hover .contact-channel{transform:translate(var(--sp-3))}.contact-channel-name{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);width:88px;flex-shrink:0}.contact-channel-value{font-size:var(--fs-md);font-weight:500;letter-spacing:-.005em;min-width:0;overflow-wrap:anywhere}@media(max-width:480px){.contact-channel{flex-direction:column;align-items:flex-start;gap:var(--sp-1)}.contact-channel-value{font-size:var(--fs-base)}}.contact-list .arrow{width:14px;height:14px;flex-shrink:0;color:var(--fg-faint);transition:color var(--dur-fast) ease,transform var(--dur-fast) ease}.contact-list a:hover .arrow{color:var(--accent);transform:translate(2px,-2px)}.footer{border-top:1px solid var(--border);padding:var(--sp-6) 0;margin-top:var(--sp-8);font-size:var(--fs-xs);font-family:var(--font-mono);color:var(--fg-faint)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4)}.footer-inner a{color:var(--fg-muted);transition:color var(--dur-fast) ease}.footer-inner a:hover{color:var(--accent)}.footer-links{display:flex;gap:var(--sp-4);flex-wrap:wrap}.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--mh-dur-slow) ease,transform var(--mh-dur-slow) var(--ease-out)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}