*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background-color:oklch(74% .17 75 / .28);color:#eae7e3}:root{--ratio: 1.333;--s-3: calc(var(--s-2) / var(--ratio));--s-2: calc(var(--s-1) / var(--ratio));--s-1: calc(var(--s0) / var(--ratio));--s0: 1rem;--s1: calc(var(--s0) * var(--ratio));--s2: calc(var(--s1) * var(--ratio));--s3: calc(var(--s2) * var(--ratio));--s4: calc(var(--s3) * var(--ratio));--s5: calc(var(--s4) * var(--ratio));--measure: 60ch;--text-mono-xs: .4875rem;--text-mono-sm: .5rem;--text-mono-md: .5625rem;--text-mono-lg: .625rem;--text-mono-xl: .75rem;--text-body-sm: .8125rem;--text-body-md: 1rem;--text-body-lg: 1.125rem;--text-display-sm: 1.1875rem;--text-display-md: 1.4375rem;--text-display-lg: clamp(2rem, 5vw, 3rem);--text-display-xl: clamp(3.5rem, 10vw, 6rem);--font-display: "Neue Montreal", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease-fast: .15s;--ease-standard: .2s;--ease-slow: .25s;--ease-emphasis: .3s;--easing-out: ease-out}:root[data-theme=dark]{--bg-body: oklch(22% .005 70);--bg: oklch(23% .005 70);--bg-warm: oklch(23% .005 70);--bg-raised: oklch(25% .007 68);--bg-glass: oklch(23% .005 70 / .92);--border: oklch(28% .008 68);--border-hi: oklch(35% .01 66);--text: oklch(93% .007 82);--text-muted: oklch(62% .016 74);--text-dim: oklch(50% .012 70);--accent: oklch(74% .17 75);--accent-dim: oklch(74% .17 75 / .09);--accent-soft: oklch(74% .17 75 / .55);--green: oklch(65% .14 152);--red: oklch(52% .16 26);--grain: .03}:root[data-theme=light]{--bg-body: oklch(91% .014 78);--bg: oklch(97% .006 82);--bg-warm: oklch(95% .01 80);--bg-raised: oklch(99% .003 80);--bg-glass: oklch(97% .006 82 / .92);--border: oklch(88% .014 78);--border-hi: oklch(82% .016 74);--text: oklch(12% .016 64);--text-muted: oklch(46% .016 68);--text-dim: oklch(72% .012 72);--accent: oklch(60% .16 66);--accent-dim: oklch(60% .16 66 / .08);--accent-soft: oklch(60% .16 66 / .5);--green: oklch(47% .15 154);--red: oklch(44% .15 26);--grain: .025}html{font-size:16px}body{font-family:var(--font-display);background:var(--bg-body);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;font-kerning:normal;font-optical-sizing:auto;transition:background var(--ease-slow),color var(--ease-slow)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9000;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:260px}code,pre{font-family:var(--font-mono)}.l-stack{display:flex;flex-direction:column;justify-content:flex-start}.l-stack>*{margin-block:0}.l-stack>*+*{margin-block-start:var(--space, var(--s1))}.l-cluster{display:flex;flex-wrap:wrap;gap:var(--space, var(--s0));justify-content:var(--justify, flex-start);align-items:var(--align, center)}.l-center{box-sizing:content-box;max-inline-size:var(--max, var(--measure));margin-inline:auto;padding-inline:var(--gutters, 0)}.l-switcher{display:flex;flex-wrap:wrap;gap:var(--space, var(--s1))}.l-switcher>*{flex-grow:1;flex-basis:calc((var(--threshold, 30rem) - 100%) * 999)}.l-grid{display:grid;gap:var(--space, var(--s1));grid-template-columns:repeat(auto-fit,minmax(min(var(--min, 14rem),100%),1fr))}.u-gutters{padding-inline:var(--gutters, var(--s2))}.u-text-right{text-align:right}.u-text-mono-xs{font-family:var(--font-mono);font-size:var(--text-mono-xs)}.u-pad-block-end-l{padding-block-end:var(--s4)}.u-border-top{border-top:1px solid var(--border)}.u-spacer-l{padding-block-end:var(--s4)}.empty-state{font-size:var(--text-body-sm);color:var(--text-dim);padding-block:var(--s2)}.contact-lead{font-family:var(--font-display);font-size:var(--text-body-sm);color:var(--text-muted);margin-block-end:var(--s1)}.page-col{border-left:1px solid var(--border);border-right:1px solid var(--border);min-height:100vh;background:var(--bg);transition:border-color var(--ease-slow),background var(--ease-slow)}nav{position:sticky;top:0;z-index:100;height:56px;background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding-inline:var(--s2);gap:var(--s2);transition:background var(--ease-slow),border-color var(--ease-slow)}.nav-logo{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:0;text-align:left;flex-shrink:0;text-decoration:none;color:inherit}.nav-logotype{font-family:var(--font-display);font-size:var(--text-body-md);font-weight:700;color:var(--text);line-height:1;letter-spacing:-.02em}.nav-handle{font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);line-height:1.4}.nav-sep{width:1px;height:24px;background:var(--border);flex-shrink:0}.nav-links{display:flex;align-items:center;gap:0;flex:1}.nav-link{font-family:var(--font-mono);font-size:var(--text-mono-md);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:none;border:none;padding:.375rem .75rem;cursor:pointer;transition:color var(--ease-fast);text-decoration:none;display:inline-block}.nav-link:hover{color:var(--text)}.nav-right{display:flex;align-items:center;gap:.875rem;margin-left:auto}.nav-stage{font-family:var(--font-mono);font-size:var(--text-mono-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:.4rem}.stage-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.7}.theme-btn{background:none;border:1px solid var(--border-hi);color:var(--text-muted);cursor:pointer;padding:.325rem;display:flex;align-items:center;transition:color var(--ease-fast),border-color var(--ease-fast)}.theme-btn:hover{color:var(--text);border-color:var(--accent)}:root[data-theme=dark] #ico-sun{display:none}:root[data-theme=dark] #ico-moon{display:block}:root[data-theme=light] #ico-sun{display:block}:root[data-theme=light] #ico-moon{display:none}.section{min-height:calc(100vh - 56px)}.rule{border:none;border-top:1px solid var(--border)}.chip{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border-hi);padding:.15rem .45rem;background:var(--bg-warm)}.hero{padding-block:var(--s5) var(--s4)}.hero-stage-indicator{font-family:var(--font-mono);font-size:var(--text-mono-md);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:.75rem}.hero-stage-indicator:before{content:"";flex:0 0 32px;height:1px;background:var(--border-hi)}.hero-stage-indicator:after{content:"";flex:1;height:1px;background:var(--border)}.hero-stage-indicator em{font-style:normal;color:var(--accent)}.hero-name{font-family:var(--font-display);font-size:var(--text-display-xl);font-weight:500;line-height:1.02;letter-spacing:-.03em;color:var(--text);text-wrap:balance}.hero-name em{font-style:normal;color:var(--accent)}.hero-role{font-family:var(--font-mono);font-size:var(--text-mono-lg);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.hero-bio{font-size:var(--text-body-lg);color:var(--text);line-height:1.75;max-inline-size:60ch;text-wrap:pretty}.cta-primary{font-family:var(--font-mono);font-size:var(--text-mono-lg);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bg);background:var(--accent);padding:.625rem 1.25rem;border:none;cursor:pointer;transition:opacity var(--ease-fast);text-decoration:none;display:inline-block}.cta-primary:hover{opacity:.85}.cta-outline{font-family:var(--font-mono);font-size:var(--text-mono-lg);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);background:transparent;padding:.625rem 1.25rem;border:1px solid var(--border-hi);cursor:pointer;transition:color var(--ease-fast),border-color var(--ease-fast);text-decoration:none;display:inline-block}.cta-outline:hover{color:var(--text);border-color:var(--accent)}.section-label{font-family:var(--font-mono);font-size:var(--text-mono-md);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:.75rem;padding-block:var(--s3) var(--s2)}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.stage-card{--mx: 50%;--my: 50%;border:1px solid var(--border);background:var(--bg-warm);padding:var(--s2);margin-bottom:1px;cursor:pointer;transition:border-color var(--ease-standard),background var(--ease-standard),transform var(--ease-standard) var(--easing-out),box-shadow var(--ease-standard) var(--easing-out);position:relative;overflow:hidden;display:block;text-decoration:none;color:inherit}.stage-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),var(--accent-dim),transparent 65%);opacity:0;transition:opacity var(--ease-slow);pointer-events:none;z-index:0}.stage-card>.l-stack{position:relative;z-index:1}.stage-card:hover{border-color:var(--border-hi);transform:translateY(-2px);box-shadow:0 8px 28px #00000024}.stage-card:hover:after{opacity:1}.stage-header{gap:var(--s1)}.stage-title{font-family:var(--font-display);font-size:var(--text-display-md);font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--text);display:inline;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-size:0% 1px;background-position:0 100%;transition:background-size var(--ease-emphasis) var(--easing-out)}.stage-card:hover .stage-title{background-size:100% 1px}.stage-desc{font-size:var(--text-body-sm);color:var(--text-muted);line-height:1.65}.stage-tag{font-family:var(--font-mono);font-size:var(--text-mono-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);padding:.1rem .375rem}.stage-footer{padding-block-start:.875rem;border-top:1px solid var(--border)}.stage-time{font-family:var(--font-mono);font-size:var(--text-mono-md);color:var(--text-dim);letter-spacing:.06em;font-variant-numeric:tabular-nums}.stage-read{font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:0;transform:translate(6px);transition:opacity var(--ease-standard),transform var(--ease-standard) var(--easing-out)}.stage-card:hover .stage-read{opacity:1;transform:translate(0)}.stage-card+.section-label{padding-block-start:var(--s4)}.log-entry{padding-block:var(--s1);border-bottom:1px solid var(--border);cursor:pointer;display:block;text-decoration:none;color:inherit}.log-entry:first-child{border-top:1px solid var(--border)}.log-ts{font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-variant-numeric:tabular-nums}.log-title{font-family:var(--font-display);font-size:var(--text-display-sm);font-weight:700;line-height:1.3;color:var(--text);transition:color var(--ease-fast)}.log-entry:hover .log-title{color:var(--accent)}.log-preview{font-size:var(--text-body-sm);color:var(--text-muted);line-height:1.6}.back-btn{font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);background:none;border:none;display:flex;align-items:center;gap:.35rem;cursor:pointer;transition:color var(--ease-fast);margin-block:var(--s3) var(--s2);text-decoration:none}.back-btn:hover{color:var(--accent)}.detail-stage{font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-block-end:.875rem}.detail-h1{font-family:var(--font-display);font-size:var(--text-display-lg);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--text);margin-block-end:.875rem;text-wrap:balance}.detail-sub{font-size:var(--text-body-md);color:var(--text-muted);line-height:1.7;max-inline-size:60ch;margin-block-end:var(--s3)}.detail-stats{gap:1px;background:var(--border);border:1px solid var(--border);margin-block-end:var(--s3)}.detail-stat{padding:.875rem var(--s0);background:var(--bg-warm)}.detail-stat-lbl{font-family:var(--font-mono);font-size:var(--text-mono-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-block-end:.375rem}.detail-stat-val{font-family:var(--font-mono);font-size:var(--text-body-sm);font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.prose{max-inline-size:640px;padding-block-end:var(--s4)}.prose h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text);margin-block:var(--s3) .75rem;line-height:1.25;text-wrap:balance}.prose p{font-size:var(--text-body-md);color:var(--text-muted);line-height:1.8;margin-block-end:var(--s0);text-wrap:pretty}.prose code{font-family:var(--font-mono);font-size:var(--text-body-sm);background:var(--bg-raised);border:1px solid var(--border);padding:.1rem .35rem;color:var(--accent)}.prose pre{background:var(--bg-raised);border:1px solid var(--border);padding:var(--s0);overflow-x:auto;margin-block-end:var(--s0);font-size:var(--text-body-sm);line-height:1.6}.prose pre code{background:none;border:none;padding:0;color:inherit}.pace-note{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-warm);border:1px solid var(--border-hi);padding:.75rem var(--s0);margin-block:var(--s1) 0}.about-inner{padding:var(--s4) var(--s2)}.about-h2{font-family:var(--font-display);font-size:var(--text-display-lg);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text);margin-block-end:.375rem;text-wrap:balance}.about-h2 em{font-style:italic;color:var(--accent)}.about-role{font-family:var(--font-mono);font-size:var(--text-mono-md);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-block-end:var(--s2)}.about-body{max-inline-size:60ch}.about-body p{font-size:var(--text-body-md);color:var(--text-muted);line-height:1.8;margin-block-end:var(--s1);text-wrap:pretty}.about-body a{color:var(--accent);text-decoration:none}.about-grid-2{gap:1px;background:var(--border);border:1px solid var(--border);margin-block:var(--s3)}.about-cell{padding:var(--s1);background:var(--bg-warm)}.about-cell-lbl{font-family:var(--font-mono);font-size:var(--text-mono-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-block-end:.5rem}.about-cell-val{font-family:var(--font-mono);font-size:var(--text-mono-xl);color:var(--text);font-variant-numeric:tabular-nums}.stack-table{border:1px solid var(--border);margin-block:var(--s2) 0}.stack-thead{display:grid;grid-template-columns:1fr auto;padding:.5rem var(--s0);border-bottom:1px solid var(--border-hi);background:var(--bg-raised)}.stack-thead span{font-family:var(--font-mono);font-size:var(--text-mono-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.stack-row{display:grid;grid-template-columns:1fr auto;padding:.5rem var(--s0);border-bottom:1px solid var(--border);align-items:center;background:var(--bg-warm)}.stack-row:last-child{border-bottom:none}.stack-name{font-size:var(--text-body-sm);color:var(--text-muted)}.stack-level{font-family:var(--font-mono);font-size:var(--text-mono-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.contact-block{margin-block-start:var(--s3)}.contact-item{display:flex;align-items:center;gap:.5rem;padding-block:.5rem;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-mono-lg);color:var(--text-muted);cursor:pointer;text-decoration:none;transition:color var(--ease-fast)}.contact-item:first-child{border-top:1px solid var(--border)}.contact-item:hover{color:var(--accent)}.chip[data-variant=accent]{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-dim)}.chip[data-variant=green]{color:var(--green);border-color:var(--green);background:transparent}.nav-link[data-state=active]{color:var(--accent)}.detail-stat-val[data-variant=green]{color:var(--green)}.detail-stat-val[data-variant=accent]{color:var(--accent)}.about-cell-val[data-variant=green]{color:var(--green)}.about-cell-val[data-variant=accent]{color:var(--accent)}.stack-level[data-level=daily]{color:var(--green)}.stack-level[data-level=proficient],.stack-level[data-level=familiar]{color:var(--accent)}.stack-level[data-level=learning]{color:oklch(65% .15 68)}.stack-level[data-level=next]{color:var(--text-dim)}.logbook-intro{font-size:var(--text-body-sm);color:var(--text-muted);margin-block-end:var(--s2);max-inline-size:60ch}.logbook-footer{padding-block:var(--s1) var(--s3);border-top:1px solid var(--border)}@media(max-width:860px){.page-col{border-left:none;border-right:none}}@media(max-width:640px){nav{padding-inline:var(--s1);gap:var(--s1)}.nav-stage{display:none}.about-inner{padding:var(--s3) var(--s1)}.hero{padding-block:var(--s3) var(--s2)}}