@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}:root{--color-bg: #141413;--color-surface: #1f1e1d;--color-surface-raised: #262624;--color-text-primary: #faf9f5;--color-text-secondary: #c2c0b6;--color-text-tertiary: #9c9a92;--color-border: #30302e;--color-border-strong: #73726c;--color-accent: #d9a95f;--color-accent-hover: #e6bd7c;--color-on-accent: #1a1206;--color-focus-ring: #ebc684;--color-success: #9fc48c;--color-danger: #f0a08b;--color-scrim: rgb(10 10 9 / 72%);--color-glass: rgb(20 20 19 / 70%);--backdrop-alpha: .5;--color-selection: rgb(217 169 95 / 32%);--color-mark: rgb(217 169 95 / 28%);--color-art-line: 217 169 95;--art-filter: none;--logo-filter: none;--shadow-1: none;--shadow-2: none;--code-keyword: #e0a979;--code-string: #a9c98f;--code-number: #d9b7f0;--code-comment: #8f8a80;--code-title: #8fc3d8;--code-attr: #e6c27a;color-scheme:dark;--font-sans: Inter, "PingFang SC", "HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-serif: "m0 Serif", "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-wordmark: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;--text-mono-xs: 11px;--leading-mono-xs: 16px;--text-caption: 12px;--leading-caption: 16px;--text-label: 13px;--leading-label: 18px;--text-body-sm: 15px;--leading-body-sm: 24px;--text-body: 17px;--leading-body: 30px;--text-title-sm: 20px;--leading-title-sm: 28px;--text-title: 28px;--leading-title: 36px;--text-headline: 40px;--leading-headline: 48px;--text-display: clamp(56px, 8vw, 112px);--leading-display: 1.05;--text-wordmark: clamp(96px, 22vw, 320px);--text-display-1: clamp(40px, 3.2vw + 26px, 72px);--leading-display-1: 1.1;--text-headline-1: clamp(34px, 2vw + 26px, 52px);--leading-headline-1: 1.15;--text-headline-2: clamp(28px, 1.4vw + 22px, 44px);--leading-headline-2: 1.2;--text-headline-3: clamp(24px, .8vw + 20px, 32px);--leading-headline-3: 1.25;--text-body-lg: clamp(18px, .3vw + 17px, 21px);--leading-body-lg: 1.65;--tracking-display: -.01em;--leading-wordmark: .82;--tracking-mono: .08em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--space-11: 160px;--section-gap: 80px;--radius-none: 0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--content-max: 1200px;--gutter: 20px;--grid-gap: 24px;--measure: 680px;--header-height: 64px;--tap: 44px;--state-hover: 8%;--state-pressed: 12%;--opacity-disabled: .38;--focus-width: 2px;--focus-offset: 2px;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized-decel: cubic-bezier(.05, .7, .1, 1);--ease-emphasized-accel: cubic-bezier(.3, 0, .8, .15);--ease-spring: linear(0, .067, .22, .401, .575, .725, .842, .927, .983, 1.017, 1.033, 1.038, 1.037, 1.031, 1.024, 1.017, 1.011, 1.007, 1.003, 1.001, 1, .999, .999, .999, 1);--dur-short: .15s;--dur-medium: .25s;--dur-long: .4s;--dur-reveal: .9s;--reveal-distance: 24px;--page-distance: 8px}@media(min-width:768px){:root{--gutter: 32px;--header-height: 72px}}@media(min-width:1200px){:root{--gutter: 48px;--section-gap: 128px}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--color-bg: #faf9f5;--color-surface: #f0eee6;--color-surface-raised: #ffffff;--color-text-primary: #141413;--color-text-secondary: #4d4c48;--color-text-tertiary: #686761;--color-border: #dedcd1;--color-border-strong: #87867f;--color-accent: #875811;--color-accent-hover: #6c460c;--color-on-accent: #fffaf0;--color-focus-ring: #875811;--color-success: #3b6a29;--color-danger: #a8391f;--color-scrim: rgb(20 20 19 / 36%);--color-glass: rgb(250 249 245 / 72%);--backdrop-alpha: .5;--color-selection: rgb(135 88 17 / 22%);--color-mark: rgb(135 88 17 / 18%);--color-art-line: 135 88 17;--art-filter: brightness(.5) saturate(1.4) contrast(1.15);--logo-filter: invert(.9);--code-keyword: #9a3f12;--code-string: #3b6a29;--code-number: #6b3fa0;--code-comment: #6b655b;--code-title: #1f5f7a;--code-attr: #7a5208;--shadow-1: 0 1px 2px rgb(20 20 19 / 6%), 0 1px 1px rgb(20 20 19 / 4%);--shadow-2: 0 12px 32px rgb(20 20 19 / 10%), 0 2px 6px rgb(20 20 19 / 6%);color-scheme:light}}:root[data-theme=light]{--color-bg: #faf9f5;--color-surface: #f0eee6;--color-surface-raised: #ffffff;--color-text-primary: #141413;--color-text-secondary: #4d4c48;--color-text-tertiary: #686761;--color-border: #dedcd1;--color-border-strong: #87867f;--color-accent: #875811;--color-accent-hover: #6c460c;--color-on-accent: #fffaf0;--color-focus-ring: #875811;--color-success: #3b6a29;--color-danger: #a8391f;--color-scrim: rgb(20 20 19 / 36%);--color-glass: rgb(250 249 245 / 72%);--backdrop-alpha: .5;--color-selection: rgb(135 88 17 / 22%);--color-mark: rgb(135 88 17 / 18%);--color-art-line: 135 88 17;--art-filter: brightness(.5) saturate(1.4) contrast(1.15);--logo-filter: invert(.9);--code-keyword: #9a3f12;--code-string: #3b6a29;--code-number: #6b3fa0;--code-comment: #6b655b;--code-title: #1f5f7a;--code-attr: #7a5208;--shadow-1: 0 1px 2px rgb(20 20 19 / 6%), 0 1px 1px rgb(20 20 19 / 4%);--shadow-2: 0 12px 32px rgb(20 20 19 / 10%), 0 2px 6px rgb(20 20 19 / 6%);color-scheme:light}@media(prefers-reduced-motion:reduce){:root{--dur-medium: .15s;--dur-long: .15s;--reveal-distance: 0px;--dur-reveal: .15s;--page-distance: 0px}}@font-face{font-family:"m0 Serif";src:url(/fonts/m0-serif.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-bg);transition:background-color var(--dur-medium) var(--ease-standard);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + var(--space-4))}html.scroll-locked{overflow:hidden}body{margin:0;min-height:100vh;background:transparent;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:color var(--dur-medium) var(--ease-standard)}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1;min-height:100dvh;outline:none}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}h1,h2,h3,h4{font-weight:var(--weight-medium);text-wrap-style:balance}p{text-wrap-style:pretty}img,svg,canvas,picture{display:block;max-width:100%}picture img{width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}kbd{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--tracking-mono)}::selection{background:var(--color-selection);color:var(--color-text-primary)}mark{background:var(--color-mark);color:inherit;border-radius:var(--radius-sm);padding:0 1px}:focus-visible{outline:var(--focus-width) solid var(--color-focus-ring);outline-offset:var(--focus-offset)}[tabindex="-1"]:focus{outline:none}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:200;top:var(--space-3);left:var(--space-3);display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--weight-medium);transform:translateY(calc(-100% - var(--space-6)));transition:transform var(--dur-short) var(--ease-standard)}.skip-link:focus{transform:none}.container{width:100%;max-width:calc(var(--content-max) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.state-layer,.button,.icon-button,.segmented button,.theme-switch button,.search-trigger{position:relative;isolation:isolate}.button:after,.icon-button:after,.segmented button:after,.theme-switch button:after,.search-trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:currentColor;opacity:0;transition:opacity var(--dur-short) var(--ease-standard);pointer-events:none}@media(hover:hover){.button:hover:after,.icon-button:hover:after,.segmented button:hover:after,.theme-switch button:hover:after,.search-trigger:hover:after{opacity:var(--state-hover)}}.button:active:after,.icon-button:active:after,.segmented button:active:after,.theme-switch button:active:after,.search-trigger:active:after{opacity:var(--state-pressed)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--weight-medium);letter-spacing:.02em;white-space:nowrap;transition:transform var(--dur-long) var(--ease-spring),background-color var(--dur-short) var(--ease-standard),border-color var(--dur-short) var(--ease-standard),color var(--dur-short) var(--ease-standard)}.button:active{transform:scale(.97);transition-duration:var(--dur-short);transition-timing-function:var(--ease-standard)}.button:disabled,.button[aria-disabled=true]{opacity:var(--opacity-disabled);pointer-events:none}.button-primary{background:var(--color-accent);color:var(--color-on-accent)}@media(hover:hover){.button-primary:hover{background:var(--color-accent-hover)}}.button-primary:after{background:var(--color-on-accent)}.button-secondary{border-color:var(--color-border-strong);color:var(--color-text-primary)}@media(hover:hover){.button-secondary:hover{border-color:var(--color-text-secondary)}}.button-text{padding-inline:var(--space-3);color:var(--color-text-secondary)}.button.icon-only{padding-inline:0;width:var(--tap)}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.icon-button{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:color var(--dur-short) var(--ease-standard)}@media(hover:hover){.icon-button:hover{color:var(--color-text-primary)}}.text-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--color-text-secondary);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--weight-medium);transition:color var(--dur-short) var(--ease-standard)}.text-link svg{transition:transform var(--dur-medium) var(--ease-standard)}@media(hover:hover){.text-link:hover{color:var(--color-text-primary)}.text-link:hover svg{transform:translate(3px)}}.tag-pill{display:inline-flex;align-items:center;min-height:var(--space-5);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--text-caption);line-height:var(--leading-caption);white-space:nowrap}.status-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-caption);line-height:var(--leading-caption)}.notice{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-label)}.notice.error{color:var(--color-danger);border-color:currentColor}.notice.success{color:var(--color-success);border-color:currentColor}.serif,.section-title,.page-title{font-family:var(--font-serif);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);font-kerning:normal}.eyebrow{font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-text-tertiary)}.section{padding-top:var(--section-gap)}.section-head{display:grid;gap:var(--space-4);max-width:760px;margin-bottom:var(--space-7)}.section-head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3) var(--space-6);max-width:none}.section-title{font-size:var(--text-headline-2);line-height:var(--leading-headline-2)}.section-lede{max-width:620px;color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg)}.page{padding-top:var(--space-9)}.page-head{max-width:800px;margin-bottom:var(--space-8)}.page-title{font-size:var(--text-headline-1);line-height:var(--leading-headline-1)}.page-lede{margin-top:var(--space-5);max-width:640px;color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg)}.page-loading{min-height:50vh;color:var(--color-text-tertiary)}.empty-page{min-height:50vh}.empty-page .button-row{margin-top:var(--space-6)}@media(max-width:767px){.page{padding-top:var(--space-7)}.section-head{margin-bottom:var(--space-6)}}.page-transition{animation:page-in var(--dur-medium) var(--ease-emphasized-decel) both}@keyframes page-in{0%{opacity:0;transform:translateY(var(--page-distance))}}.reveal,.reveal-stagger>*{opacity:0;transform:translateY(var(--reveal-distance))}.reveal.is-visible,.reveal-stagger.is-visible>*{opacity:1;transform:none;transition:opacity var(--dur-reveal) var(--ease-emphasized-decel) var(--reveal-delay, 0ms),transform var(--dur-reveal) var(--ease-emphasized-decel) var(--reveal-delay, 0ms)}.reveal-stagger.is-visible>*{--reveal-delay: calc(min(var(--i, 0), 8)*90ms) }.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.2s var(--ease-standard)}.backdrop.is-ready{opacity:1}.backdrop.is-paused{opacity:0}.toast-region{position:fixed;z-index:300;left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));transform:translate(-50%);pointer-events:none}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-text-primary);color:var(--color-bg);font-size:var(--text-label);line-height:var(--leading-label);box-shadow:var(--shadow-2);animation:toast-in var(--dur-medium) var(--ease-emphasized-decel) both}@keyframes toast-in{0%{opacity:0;transform:translateY(var(--space-2)) scale(.98)}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:var(--dur-short)!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.button:active{transform:none}}@font-face{font-family:"m0 Serif";src:url(/fonts/m0-serif-extra.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+2013,U+4E8B,U+4EAC,U+4EAE,U+4EBA,U+4F20,U+4F2A,U+4F46,U+4F4D,U+4FE1,U+5165,U+5178,U+51B3,U+5212,U+5217,U+522B,U+523B,U+529B,U+52BF,U+5317,U+5360-5361,U+5373,U+539F,U+53C9,U+53CD,U+53D6,U+53E3,U+53EA,U+53F3,U+53F7,U+542F,U+5668,U+56FA,U+573A,U+5904,U+5934,U+59CB,U+5B50,U+5B89,U+5B8C,U+5B98,U+5BF9,U+5C42,U+5DE6,U+5DEE,U+5E26,U+5E95,U+5F15,U+5F84-5F85,U+6027,U+606F,U+61C2,U+624D,U+6293,U+62D2,U+6307,U+63A7-63A8,U+6444,U+65C5,U+65E5,U+65E7,U+660E,U+663E,U+666E-666F,U+671F,U+673A,U+6790,U+67E5,U+680F,U+6821,U+68C0,U+6B8B,U+6C34,U+6C38,U+7167,U+7248,U+7531,U+7535,U+7559,U+79BB,U+79CD,U+79D2,U+7A0B,U+7A7A,U+7A7F,U+7A97,U+7B49,U+7B97,U+7C92,U+7EA0,U+7EDC-7EDD,U+7F16,U+7F3A,U+7FFB,U+800C,U+8054,U+8111,U+82F1,U+88AB,U+88C5,U+8BA1,U+8BAE,U+8BD1,U+8DE8,U+8E2A,U+8FB9,U+8FDB-8FDC,U+8FFD,U+9000,U+904D,U+9053,U+91C7,U+91CA,U+91CF,U+95F2,U+9644,U+989D,U+9AD8}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:background-color var(--dur-medium) var(--ease-standard),border-color var(--dur-medium) var(--ease-standard)}.site-header.is-scrolled{background:var(--color-glass);border-bottom-color:var(--color-border);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.header-inner{display:flex;align-items:center;gap:var(--space-5);height:var(--header-height)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--tap);margin-right:auto;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-mono)}.desktop-nav{display:flex;gap:var(--space-1)}.desktop-nav a{position:relative;display:inline-flex;align-items:center;min-height:var(--tap);padding-inline:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--weight-medium);transition:color var(--dur-short) var(--ease-standard)}.desktop-nav a:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:var(--space-1);height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-medium) var(--ease-emphasized-decel)}@media(hover:hover){.desktop-nav a:hover{color:var(--color-text-primary)}}.desktop-nav a[aria-current=page]{color:var(--color-text-primary)}.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.search-trigger{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);min-width:var(--tap);padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-label);line-height:var(--leading-label)}.search-trigger kbd{padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary)}.theme-switch{display:inline-flex;padding:calc(var(--space-1) / 2);gap:0;border:1px solid var(--color-border);border-radius:var(--radius-pill)}.theme-switch button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);min-width:var(--tap);padding-inline:var(--space-2);border-radius:var(--radius-pill);color:var(--color-text-tertiary);font-size:var(--text-label);line-height:var(--leading-label);transition:color var(--dur-short) var(--ease-standard),background-color var(--dur-short) var(--ease-standard)}.theme-switch button[aria-checked=true]{background:var(--color-surface-raised);color:var(--color-text-primary)}.menu-trigger{display:none}.lang-switch:not(.button){display:inline-grid;place-items:center;min-width:var(--tap);min-height:var(--tap);padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--weight-medium);transition:color var(--dur-short) var(--ease-standard),border-color var(--dur-short) var(--ease-standard)}@media(hover:hover){.lang-switch:not(.button):hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}}@media(max-width:767px){.desktop-nav,.header-actions .theme-switch,.search-label,.search-trigger kbd{display:none}.search-trigger{border-color:transparent;padding-inline:0;justify-content:center}.menu-trigger{display:inline-grid}.header-actions{gap:var(--space-2);margin-right:calc(-1 * var(--space-3))}}@media(min-width:768px)and (max-width:1023px){.search-label{display:none}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.mobile-menu-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);animation:fade-in var(--dur-short) var(--ease-standard) both}.mobile-menu-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:0 var(--gutter) calc(var(--space-6) + env(safe-area-inset-bottom,0px));background:var(--color-bg);overflow-y:auto;animation:fade-in var(--dur-medium) var(--ease-emphasized-decel) both}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);margin-right:calc(-1 * var(--space-3))}.mobile-menu nav{display:flex;flex-direction:column;padding-block:var(--space-6)}.mobile-menu nav a{display:flex;align-items:center;min-height:56px;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-serif);font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-medium)}.mobile-menu nav a[aria-current=page]{color:var(--color-text-primary)}.mobile-menu nav a[aria-current=page]:after{content:"";width:var(--space-2);height:var(--space-2);margin-left:var(--space-3);border-radius:var(--radius-pill);background:var(--color-accent)}.mobile-menu nav a,.mobile-menu-foot{animation:menu-item var(--dur-long) var(--ease-emphasized-decel) both;animation-delay:calc(var(--i, 0) * 40ms + 60ms)}.mobile-menu-foot{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-top:auto}.mobile-menu-foot .theme-switch button{min-height:var(--tap);padding-inline:var(--space-3)}@keyframes menu-item{0%{opacity:0;transform:translateY(var(--page-distance))}}@keyframes fade-in{0%{opacity:0}}.site-footer{margin-top:var(--section-gap);border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 86%,transparent)}.footer-inner{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:var(--space-7) var(--grid-gap);padding-block:var(--space-8) var(--space-6)}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);color:var(--color-text-primary)}.footer-line{max-width:14em;font-family:var(--font-serif);font-size:var(--text-headline-3);line-height:var(--leading-headline-3);letter-spacing:var(--tracking-display)}.footer-heading{margin-bottom:var(--space-3);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:var(--tracking-mono);text-transform:uppercase}.footer-col ul{display:flex;flex-direction:column}.footer-col a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);min-width:var(--tap);color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);transition:color var(--dur-short) var(--ease-standard),transform var(--dur-medium) var(--ease-standard)}@media(hover:hover){.footer-col a:hover{color:var(--color-text-primary);transform:translate(3px)}}.footer-copy{grid-column:1 / -1;padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:var(--tracking-mono)}@media(max-width:767px){.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-5);padding-top:var(--space-7)}.footer-brand{grid-column:1 / -1}}.hero,.hero .container{position:relative}.wordmark{margin-inline:-.04em;padding-top:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);font-family:var(--font-wordmark);font-size:var(--text-wordmark);line-height:var(--leading-wordmark);font-weight:var(--weight-bold);letter-spacing:-.045em;white-space:nowrap;color:var(--color-text-primary);text-wrap:nowrap}.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);align-items:center;padding-top:var(--space-7)}.hero-copy{grid-column:1 / span 6;display:flex;flex-direction:column;gap:var(--space-5)}.hero-tagline{color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--text-headline-1);line-height:var(--leading-headline-1);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display)}.hero-topics{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hero-topics .tag-pill{min-height:var(--space-6);padding-inline:var(--space-4);font-size:var(--text-label)}.hero-copy .button-row{margin-top:var(--space-2)}.terminal{grid-column:7 / span 2;align-self:center;font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-body-sm);color:var(--color-text-secondary);white-space:nowrap}.terminal .cmd{color:var(--color-text-primary)}.terminal .out{margin-bottom:var(--space-3)}.terminal .prompt{color:var(--color-text-tertiary)}.terminal .ghost{visibility:hidden}.terminal-caret{display:block;width:var(--space-2);height:var(--space-4);margin-top:var(--space-2);background:var(--color-accent);animation:caret-blink 1.06s steps(1,end) infinite}@keyframes caret-blink{50%{opacity:0}}.hero-art{grid-column:9 / span 4;position:relative;aspect-ratio:1}.hero-art-inner{width:100%;height:100%;transform:translate(var(--px, 0px),var(--py, 0px));transition:transform var(--dur-long) var(--ease-standard)}.hero-art picture{width:100%;height:100%;filter:var(--art-filter)}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.hero-art picture{animation:sculpture-scroll linear both;animation-timeline:scroll(root);animation-range:0 100vh}}}@keyframes sculpture-scroll{to{transform:translateY(40px) rotate(8deg)}}.art-coordinate{position:absolute;right:0;top:50%;font-family:var(--font-mono);font-size:var(--text-mono-xs);line-height:var(--leading-mono-xs);letter-spacing:var(--tracking-mono);color:var(--color-text-tertiary)}@media(max-width:1023px){.hero-copy{grid-column:1 / span 7}.terminal{display:none}.hero-art{grid-column:8 / span 5}}@media(max-width:767px){.wordmark{padding-top:var(--space-4)}.hero-grid{padding-top:var(--space-6);row-gap:var(--space-5)}.hero-copy{grid-column:1 / -1;gap:var(--space-4)}.terminal{display:block;grid-column:1 / span 7;font-size:var(--text-mono-xs);line-height:var(--leading-caption)}.hero-art{grid-column:8 / -1}.art-coordinate{display:none}.hero-copy .button-row .button{flex:1}}.morph{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.morph-canvas{width:100%;aspect-ratio:1200 / 500}.morph-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3)}.morph-stages{position:relative;flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.morph-stages:before,.morph-stages:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--color-border)}.morph-stages:after{background:var(--color-accent);transform-origin:left;transform:scaleX(calc((var(--progress, 0) * 3 + 1) / 4));transition:transform var(--dur-reveal) var(--ease-emphasized-decel)}.morph-stages button{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--tap);padding-top:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-label);line-height:var(--leading-label);text-align:left;transition:color var(--dur-medium) var(--ease-standard)}.morph-stages button[aria-pressed=true]{color:var(--color-text-primary)}@media(hover:hover){.morph-stages button:hover{color:var(--color-text-primary)}}.morph-index{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--tracking-mono);color:var(--color-accent)}.morph-toggle{flex:none}@media(max-width:767px){.morph-canvas{aspect-ratio:4 / 3}.morph-bar{padding-inline:var(--space-2);gap:var(--space-1)}.morph-stages{gap:var(--space-1)}.morph-stages button{flex-direction:column;align-items:flex-start;gap:0;font-size:var(--text-caption);line-height:var(--leading-caption)}}.direction-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}.direction-cards li{display:flex}.direction-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);width:100%;padding:var(--space-6) var(--space-5) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);transition:border-color var(--dur-medium) var(--ease-standard),transform var(--dur-long) var(--ease-standard)}.direction-index{font-family:var(--font-mono);font-size:var(--text-mono-xs);line-height:var(--leading-mono-xs);letter-spacing:var(--tracking-mono);color:var(--color-text-tertiary)}.direction-tag{margin-top:var(--space-4);font-family:var(--font-serif);font-size:var(--text-headline-3);line-height:var(--leading-headline-3);letter-spacing:var(--tracking-display)}.direction-name{color:var(--color-text-primary);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);font-weight:var(--weight-medium)}.direction-card p{flex:1;color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}.direction-count{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--color-accent);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--weight-medium)}.direction-count svg{transition:transform var(--dur-medium) var(--ease-standard)}@media(hover:hover){.direction-card:hover{border-color:var(--color-border-strong);transform:translateY(-4px)}.direction-card:hover .direction-count svg{transform:translate(4px)}}@media(max-width:767px){.direction-cards{grid-template-columns:1fr;gap:var(--space-3)}.direction-card{padding:var(--space-5) var(--space-4) var(--space-4)}.direction-tag{margin-top:var(--space-2)}}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-7) var(--grid-gap)}.note-grid>li{display:flex}.note-card{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.note-card-media{overflow:hidden;aspect-ratio:16 / 10;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.note-card-media picture,.note-card-media img{width:100%;height:100%;object-fit:cover}.note-card-media img{transition:transform .7s var(--ease-emphasized-decel)}.note-card-body{display:flex;flex:1;flex-direction:column;gap:var(--space-3)}.note-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.note-card-title{font-family:var(--font-serif);font-size:var(--text-headline-3);line-height:var(--leading-headline-3);letter-spacing:var(--tracking-display);transition:color var(--dur-short) var(--ease-standard)}.note-card-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}.note-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}.note-card-read{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--weight-medium);transition:color var(--dur-short) var(--ease-standard)}.note-card-read svg{transition:transform var(--dur-medium) var(--ease-standard)}.note-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption)}@media(hover:hover){.note-card:hover .note-card-media img{transform:scale(1.04)}.note-card:hover .note-card-title,.note-card:hover .note-card-read{color:var(--color-accent)}.note-card:hover .note-card-read svg{transform:translate(3px,-3px)}}@media(max-width:1023px){.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.note-grid{grid-template-columns:1fr;gap:var(--space-6)}}.map-lines{display:flex;flex-direction:column;gap:var(--space-3)}.map-line{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg) 80%,transparent)}.map-origin{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--space-3);min-height:var(--tap)}.map-origin-dot{grid-row:span 2;width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:0 0 0 4px var(--color-selection)}.map-origin-tag{font-family:var(--font-serif);font-size:var(--text-title-sm);line-height:var(--leading-title-sm)}.map-origin-label{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption);transition:color var(--dur-short) var(--ease-standard)}@media(hover:hover){.map-origin:hover .map-origin-label{color:var(--color-accent)}}.map-track{position:relative}.map-rail{position:absolute;left:0;right:0;top:calc(var(--tap) / 2);height:1px;overflow:hidden;background:var(--color-border-strong);transform-origin:left}.map-pulse{position:absolute;top:0;left:0;width:18%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);animation:map-pulse 4.8s var(--ease-standard) infinite;animation-delay:calc(var(--i, 0) * -1.6s)}@keyframes map-pulse{0%{transform:translate(-100%)}to{transform:translate(560%)}}.map-stops{position:relative;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--space-2)}.map-stop{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--color-text-secondary);font-size:var(--text-label);line-height:var(--leading-label);text-align:center;transition:color var(--dur-short) var(--ease-standard)}.map-stop-dot{width:var(--space-3);height:var(--space-3);margin-top:calc(var(--tap) / 2 - var(--space-3) / 2);border:1px solid var(--color-accent);border-radius:var(--radius-pill);background:var(--color-bg);transition:transform var(--dur-long) var(--ease-spring),background-color var(--dur-short) var(--ease-standard)}@media(hover:hover){.map-stop:hover{color:var(--color-text-primary)}.map-stop:hover .map-stop-dot{transform:scale(1.35);background:var(--color-accent)}}.map-lines.reveal-stagger .map-rail{transform:scaleX(0)}.map-lines.reveal-stagger .map-stop-dot{transform:scale(0)}.map-lines.reveal-stagger.is-visible .map-rail{transform:scaleX(1);transition:transform 1.4s var(--ease-emphasized-decel) calc(var(--i, 0) * .12s + .2s)}.map-lines.reveal-stagger.is-visible .map-stop-dot{transform:scale(1);transition:transform var(--dur-long) var(--ease-spring) calc(var(--i, 0) * .12s + var(--s, 0) * .22s + .5s)}@media(max-width:767px){.map-line{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-4)}.map-rail{left:calc(var(--space-3) / 2);right:auto;top:0;bottom:0;width:1px;height:auto;transform-origin:top}.map-pulse{width:1px;height:30%;background:linear-gradient(180deg,transparent,var(--color-accent),transparent);animation-name:map-pulse-down}@keyframes map-pulse-down{0%{transform:translateY(-100%)}to{transform:translateY(340%)}}.map-lines.reveal-stagger .map-rail{transform:scaleY(0)}.map-lines.reveal-stagger.is-visible .map-rail{transform:scaleY(1)}.map-stops{grid-auto-flow:row;gap:0}.map-stop{flex-direction:row;gap:var(--space-3);text-align:left}.map-stop-dot{margin-top:0;flex:none}}.timeline{position:relative;display:flex;flex-direction:column;gap:var(--space-6)}.timeline:before{content:"";position:absolute;left:calc(var(--space-2) - .5px);top:var(--space-2);bottom:var(--space-2);width:1px;background:linear-gradient(180deg,var(--color-border-strong),var(--color-border-strong) 80%,transparent);transform-origin:top}.timeline.reveal-stagger:before{transform:scaleY(0)}.timeline.reveal-stagger.is-visible:before{transform:scaleY(1);transition:transform 1.6s var(--ease-emphasized-decel)}.timeline-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding-left:var(--space-7)}.timeline-dot{position:absolute;left:0;top:var(--space-1);width:var(--space-4);height:var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-pill);background:var(--color-bg)}.timeline-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:inherit;background:var(--color-accent)}.timeline-item.is-next .timeline-dot:after{background:transparent}.timeline-item.is-next .timeline-dot{animation:next-pulse 2.4s var(--ease-standard) infinite}@keyframes next-pulse{0%{box-shadow:0 0 0 0 var(--color-selection)}70%,to{box-shadow:0 0 0 10px transparent}}.timeline-label{font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-accent)}.timeline-title{font-family:var(--font-serif);font-size:var(--text-title-sm);line-height:var(--leading-title-sm);color:var(--color-text-primary)}.timeline-text{max-width:520px;color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}.timeline-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}@media(min-width:768px){.timeline-title{font-size:var(--text-headline-3);line-height:var(--leading-headline-3)}}.home-about{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-7) var(--grid-gap);align-items:start}.home-about-head{grid-column:1 / span 5;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.home-about-head .button{margin-top:var(--space-2)}.home-about .timeline{grid-column:7 / -1}@media(min-width:1024px){.home-about-head{position:sticky;top:calc(var(--header-height) + var(--space-6))}}@media(max-width:1023px){.home-about-head,.home-about .timeline{grid-column:1 / -1}}.segmented{display:inline-flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.segmented button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding-inline:var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--weight-medium);transition:background-color var(--dur-medium) var(--ease-standard),color var(--dur-medium) var(--ease-standard)}.segmented button[aria-checked=true]{background:var(--color-text-primary);color:var(--color-bg)}.segmented-count{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--tracking-mono);opacity:.72}@media(max-width:767px){.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.segmented button{justify-content:center;gap:var(--space-1);padding-inline:var(--space-2);white-space:nowrap}}.segmented+.visually-hidden+.note-grid,.empty-note{margin-top:var(--space-6)}.empty-note{padding:var(--space-7) 0;color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg)}.stream-rows{display:flex;flex-direction:column;gap:var(--space-3);margin-inline:calc(-1 * var(--gutter));-webkit-mask-image:linear-gradient(90deg,transparent,black var(--space-9),black calc(100% - var(--space-9)),transparent);mask-image:linear-gradient(90deg,transparent,black var(--space-9),black calc(100% - var(--space-9)),transparent)}.stream-row{overflow:hidden}.stream-track{display:flex;gap:var(--space-3);width:max-content;padding-block:var(--space-1);animation:stream 64s linear infinite}.stream-row.reverse .stream-track{animation-direction:reverse;animation-duration:76s}.stream-rows:hover .stream-track,.stream-rows:focus-within .stream-track{animation-play-state:paused}@keyframes stream{to{transform:translate(-25%)}}.stream-chip{display:inline-flex;align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-5) 0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-bg) 82%,transparent);color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--text-title-sm);line-height:var(--leading-title-sm);white-space:nowrap;transition:border-color var(--dur-short) var(--ease-standard),color var(--dur-short) var(--ease-standard)}.stream-chip svg{color:var(--color-text-tertiary);transition:transform var(--dur-medium) var(--ease-standard),color var(--dur-short) var(--ease-standard)}.stream-tag{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-caption);line-height:var(--leading-caption)}@media(hover:hover){.stream-chip:hover{border-color:var(--color-accent)}.stream-chip:hover svg{color:var(--color-accent);transform:translate(3px,-3px)}}.stream-chip:focus-visible{outline-offset:calc(-1 * var(--focus-width))}@media(prefers-reduced-motion:reduce){.stream-rows{margin-inline:0;-webkit-mask-image:none;mask-image:none}.stream-track{width:auto;flex-wrap:wrap;animation:none}.stream-row.reverse{display:none}.stream-track>[aria-hidden=true]{display:none}}@media(max-width:767px){.stream-chip{min-height:var(--tap);font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}.stream-tag{min-height:32px}}.about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:var(--space-8);align-items:center}.about-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);max-width:760px}.about-title{font-family:var(--font-serif);font-size:var(--text-display-1);line-height:var(--leading-display-1);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display)}.about-intro{color:var(--color-text-primary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg)}.about-bio{max-width:36em;color:var(--color-text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.about-mark{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;color:var(--color-text-primary)}.about-mark svg{position:relative;width:40%;height:auto;animation:mark-float 7s var(--ease-standard) infinite alternate}.about-orbit{position:absolute;inset:var(--space-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-pill);animation:orbit 48s linear infinite}.about-orbit:before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:var(--radius-pill);background:var(--color-accent)}.about-orbit-2{top:16%;right:16%;bottom:16%;left:16%;border-style:solid;border-color:var(--color-border);animation-duration:30s;animation-direction:reverse}.about-orbit-2:before{top:auto;bottom:-4px;width:8px;height:8px;margin-left:-4px;background:var(--color-text-tertiary)}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes mark-float{to{transform:translateY(-8px) rotate(-3deg)}}.about-block{margin-top:var(--space-10)}.about-block-head{margin-bottom:var(--space-6)}.interest-list{border-top:1px solid var(--color-border)}.interest-list>li{border-bottom:1px solid var(--color-border)}.interest{position:relative;isolation:isolate;display:grid;grid-template-columns:var(--space-8) minmax(140px,1fr) minmax(0,2fr) auto;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-4)}.interest:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--color-surface);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-emphasized-decel)}.interest-index{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--tracking-mono);color:var(--color-text-tertiary)}.interest-tag{font-family:var(--font-serif);font-size:var(--text-headline-2);line-height:var(--leading-headline-2);letter-spacing:var(--tracking-display);transition:transform .6s var(--ease-emphasized-decel),color var(--dur-medium) var(--ease-standard)}.interest-copy{display:flex;flex-direction:column;gap:var(--space-1)}.interest-copy strong{font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-medium)}.interest-copy span{color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}.interest-count{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-accent);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--weight-medium);white-space:nowrap}.interest-count svg{transition:transform var(--dur-medium) var(--ease-standard)}@media(hover:hover){.interest:hover:before{transform:scaleX(1)}.interest:hover .interest-tag{transform:translate(var(--space-2));color:var(--color-accent)}.interest:hover .interest-count svg{transform:translate(3px,-3px)}}.about-path{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-6) var(--grid-gap);align-items:start}.about-path .about-block-head{grid-column:1 / span 5;margin:0}.about-path .timeline{grid-column:7 / -1}@property --edge-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.contact-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-9) var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center}.contact-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;padding:1px;border-radius:inherit;background:conic-gradient(from var(--edge-angle),var(--color-border),var(--color-accent) 12%,var(--color-border) 24%,var(--color-border));-webkit-mask:linear-gradient(black,black) content-box,linear-gradient(black,black);-webkit-mask-composite:xor;mask:linear-gradient(black,black) content-box exclude,linear-gradient(black,black);animation:edge-run 8s linear infinite}@keyframes edge-run{to{--edge-angle: 360deg}}.contact-title{font-family:var(--font-serif);font-size:var(--text-headline-1);line-height:var(--leading-headline-1);letter-spacing:var(--tracking-display)}.contact-lede{max-width:32em;color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg)}.contact-email{display:flex;align-items:center;gap:var(--space-2)}.contact-email a{display:inline-flex;align-items:center;min-height:var(--tap);font-family:var(--font-mono);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-primary);text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:6px;transition:text-decoration-color var(--dur-short) var(--ease-standard)}@media(hover:hover){.contact-email a:hover{text-decoration-color:var(--color-accent)}}.contact-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.contact-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}@media(max-width:1023px){.about-path .about-block-head,.about-path .timeline{grid-column:1 / -1}}@media(max-width:767px){.about-hero{grid-template-columns:1fr;gap:var(--space-6)}.about-mark{order:-1;width:160px}.about-block{margin-top:var(--space-9)}.interest{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2) var(--space-4);padding:var(--space-5) var(--space-2)}.interest-index{display:none}.interest-copy{grid-column:1 / -1;grid-row:2}.interest-count{grid-row:1;grid-column:2}.contact-card{padding:var(--space-8) var(--space-4)}.contact-email{max-width:100%}.contact-email a{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-body-sm)}.contact-row>li,.contact-row .button{width:100%}.contact-row{width:100%}}.workbench-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-7)}.workbench-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-border)}.workbench-title{font-size:var(--text-title-sm);line-height:var(--leading-title-sm)}.workbench-steps p{flex:1;color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}@media(max-width:767px){.workbench-steps{grid-template-columns:1fr}}.search-dialog{width:min(640px,calc(100vw - 2 * var(--gutter)));max-width:none;max-height:min(640px,calc(100dvh - 2 * var(--space-9)));margin:max(var(--space-9),12vh) auto auto;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--shadow-2);overflow:hidden}.search-dialog[open]{display:flex;animation:search-in var(--dur-medium) var(--ease-emphasized-decel) both}.search-dialog::backdrop{background:var(--color-scrim);animation:fade-in var(--dur-short) var(--ease-standard) both}.search-dialog.is-closing{animation:search-out var(--dur-short) var(--ease-emphasized-accel) both}.search-dialog.is-closing::backdrop{animation:fade-out var(--dur-short) var(--ease-standard) both}@keyframes search-in{0%{opacity:0;transform:scale(.98)}}@keyframes search-out{to{opacity:0;transform:scale(.98)}}@keyframes fade-out{to{opacity:0}}.search-panel{display:flex;flex-direction:column;width:100%;min-height:0}.search-field{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary)}.search-field input{flex:1;min-width:0;min-height:52px;border:0;outline:0;background:transparent;color:var(--color-text-primary);font-size:var(--text-body);line-height:var(--leading-body)}.search-field input::placeholder{color:var(--color-text-tertiary)}.search-field input::-webkit-search-cancel-button{display:none}.search-field:focus-within{color:var(--color-accent)}.search-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3)}.search-label{padding:var(--space-2) var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.search-results{list-style:none;margin:0;padding:0}.search-result{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.search-result[aria-selected=true]{background:color-mix(in srgb,var(--color-text-primary) var(--state-hover),transparent);box-shadow:inset 2px 0 0 var(--color-accent)}.search-result-meta{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.search-result-title{font-size:var(--text-body);line-height:var(--leading-body-sm);font-weight:var(--weight-medium)}.search-result-summary{color:var(--color-text-secondary);font-size:var(--text-label);line-height:var(--leading-label)}.search-empty{padding:var(--space-4) var(--space-3) var(--space-2)}.search-empty-title{font-size:var(--text-body);line-height:var(--leading-body)}.search-empty p+p{color:var(--color-text-secondary);font-size:var(--text-label)}.search-directions{display:flex;flex-direction:column;padding-top:var(--space-1)}.search-directions a{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-label)}.search-directions strong{color:var(--color-text-primary);font-weight:var(--weight-medium)}@media(hover:hover){.search-directions a:hover{background:color-mix(in srgb,var(--color-text-primary) var(--state-hover),transparent)}}.search-foot{display:flex;gap:var(--space-5);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.search-foot kbd{display:inline-block;min-width:20px;margin-right:var(--space-1);padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center}@media(max-width:767px){.search-dialog{margin-top:var(--space-4);max-height:calc(100dvh - 2 * var(--space-4))}.search-foot{display:none}}.section-head-copy{display:grid;gap:var(--space-4);max-width:760px}.project-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap)}.project-cards>li{display:flex}.project-card{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--dur-medium) var(--ease-standard),transform var(--dur-long) var(--ease-standard)}.project-card:after{content:"";position:absolute;inset:auto -20% -60% -20%;z-index:-1;height:70%;background:radial-gradient(closest-side,var(--color-selection),transparent);opacity:0;transition:opacity var(--dur-long) var(--ease-standard)}.project-card-media{display:grid;place-items:center;aspect-ratio:740 / 420;overflow:hidden;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.project-card-media picture,.project-card-media img{width:100%;height:100%;object-fit:cover}.project-card-media img{transition:transform .9s var(--ease-emphasized-decel)}.project-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-6)}.project-card-kind{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:var(--tracking-mono)}.project-card-name{margin-top:var(--space-2);font-family:var(--font-serif);font-size:var(--text-headline-2);line-height:var(--leading-headline-2);letter-spacing:var(--tracking-display)}.project-card-tagline{flex:1;color:var(--color-text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.project-card-more{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--color-accent);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--weight-medium)}.project-card-more svg{transition:transform var(--dur-medium) var(--ease-standard)}@media(hover:hover){.project-card:hover{border-color:var(--color-border-strong);transform:translateY(-4px)}.project-card:hover:after{opacity:1}.project-card:hover .project-card-media img{transform:scale(1.05)}.project-card:hover .project-card-more svg{transform:translate(4px)}}@media(max-width:767px){.project-cards{grid-template-columns:1fr;gap:var(--space-4)}.project-card-body{padding:var(--space-4) var(--space-4) var(--space-5)}}.projects-hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);padding-bottom:var(--space-6)}.projects-title{max-width:14em;font-size:var(--text-display-1);line-height:var(--leading-display-1)}.projects-hero .page-lede{margin-top:0}.prompt-ticker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);width:100%;max-width:760px;min-height:64px;padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.prompt-ticker-label{flex:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-selection);color:var(--color-text-primary);font-size:var(--text-caption);line-height:var(--leading-caption);font-weight:var(--weight-medium)}.prompt-ticker-text{flex:1;min-width:0;color:var(--color-text-primary);font-family:var(--font-serif);font-size:var(--text-title-sm);line-height:var(--leading-title-sm)}.prompt-ticker-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--color-accent);animation:caret-blink 1.06s steps(1,end) infinite}.projects-index{display:flex;flex-wrap:wrap;gap:var(--space-2)}.projects-index a{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--tap);padding-inline:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text-primary);font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--weight-medium);transition:border-color var(--dur-short) var(--ease-standard),background-color var(--dur-short) var(--ease-standard)}.projects-index span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--tracking-mono)}@media(hover:hover){.projects-index a:hover{border-color:var(--color-accent);background:var(--color-surface)}}.project-story{padding-top:var(--section-gap);scroll-margin-top:var(--header-height)}.project-story+.project-story .container{padding-top:var(--section-gap);border-top:1px solid var(--color-border)}.project-head{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:880px;margin:0 auto var(--space-8);text-align:center}.project-name{font-family:var(--font-serif);font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:-.02em;font-weight:var(--weight-medium)}.project-tagline{color:var(--color-text-secondary);font-family:var(--font-serif);font-size:var(--text-headline-3);line-height:var(--leading-headline-3)}.project-stage{position:relative;perspective:1600px}.project-stage:before{content:"";position:absolute;top:8%;right:10%;bottom:-6%;left:10%;z-index:-1;border-radius:var(--radius-pill);background:radial-gradient(closest-side,var(--color-selection),transparent);filter:blur(40px)}.browser-frame{overflow:hidden;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-2);transform-origin:50% 100%}.browser-bar{display:flex;align-items:center;gap:var(--space-2);height:36px;padding-inline:var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--tracking-mono)}.browser-bar i{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--color-border-strong)}.browser-bar span{flex:1;margin-right:44px;text-align:center}.browser-view{position:relative;aspect-ratio:1600 / 960;background:var(--color-bg)}.browser-view picture,.browser-view img,.browser-view video{display:block;width:100%;height:100%;object-fit:cover}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.browser-frame{animation:frame-settle linear both;animation-timeline:view();animation-range:entry 0% cover 45%}}}@keyframes frame-settle{0%{transform:rotateX(16deg) scale(.9);opacity:.35}to{transform:none;opacity:1}}.demo-video{position:relative;width:100%;height:100%}.demo-toggle{position:absolute;right:var(--space-3);bottom:var(--space-3);border:1px solid var(--color-border-strong);background:var(--color-glass);color:var(--color-text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-pill)}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-7) var(--grid-gap);margin-top:var(--space-8)}.project-copy{grid-column:1 / span 7;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}.project-summary{color:var(--color-text-primary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg)}.project-body{color:var(--color-text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.project-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.project-links-note{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-tags li{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption)}.project-stats{grid-column:9 / -1;display:flex;flex-direction:column;border-top:1px solid var(--color-border)}.project-stats li{display:flex;flex-direction:column;gap:var(--space-1);padding-block:var(--space-5);border-bottom:1px solid var(--color-border)}.project-stats strong{font-family:var(--font-serif);font-size:var(--text-headline-1);line-height:1;font-weight:var(--weight-medium);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.project-stats li>span{color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}.project-extra{margin-top:var(--space-9)}.project-extra-head{margin-bottom:var(--space-6)}.project-extra-title{font-family:var(--font-serif);font-size:var(--text-headline-3);line-height:var(--leading-headline-3);letter-spacing:var(--tracking-display)}.pipeline{position:relative;display:grid;grid-template-columns:repeat(var(--steps),minmax(0,1fr));gap:var(--space-2);padding-block:var(--space-2)}.pipeline:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-strong) 6%,var(--color-border-strong) 94%,transparent)}.pipeline>li{position:relative;display:flex;justify-content:center}.pipeline-chip{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--text-label);line-height:var(--leading-label);text-align:center;animation:chip-light calc(var(--steps) * .7s) var(--ease-standard) infinite;animation-delay:calc(var(--n) * .7s)}.pipeline>li:first-child .pipeline-chip{font-family:var(--font-mono)}@keyframes chip-light{0%,18%{border-color:var(--color-accent);color:var(--color-text-primary);box-shadow:0 0 0 4px var(--color-selection)}30%,to{border-color:var(--color-border);color:var(--color-text-secondary);box-shadow:0 0 0 0 transparent}}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-7)}.feature-list li{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg) 82%,transparent);transition:border-color var(--dur-medium) var(--ease-standard),transform var(--dur-long) var(--ease-standard)}.feature-index{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--tracking-mono)}.feature-title{font-family:var(--font-serif);font-size:var(--text-title-sm);line-height:var(--leading-title-sm);font-weight:var(--weight-medium)}.feature-list p{color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}@media(hover:hover){.feature-list li:hover{border-color:var(--color-border-strong);transform:translateY(-3px)}}.workflow{position:relative;display:grid;grid-template-columns:repeat(var(--steps),minmax(0,1fr));gap:var(--grid-gap);--cycle: calc(var(--steps) * 1.6s)}.workflow:before,.workflow:after{content:"";position:absolute;left:var(--space-2);right:var(--space-2);top:var(--space-2);height:1px;background:var(--color-border-strong)}.workflow:after{height:2px;margin-top:-.5px;background:var(--color-accent);transform-origin:left;animation:workflow-fill var(--cycle) linear infinite}@keyframes workflow-fill{0%{transform:scaleX(0)}92%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}.workflow-step{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-7)}.workflow-dot{position:absolute;top:0;left:0;width:var(--space-4);height:var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-pill);background:var(--color-bg);animation:workflow-dot var(--cycle) var(--ease-standard) infinite;animation-delay:calc(var(--n) * 1.6s * .92)}@keyframes workflow-dot{0%,16%{background:var(--color-accent);box-shadow:0 0 0 6px var(--color-selection)}24%,to{background:var(--color-bg);box-shadow:0 0 0 0 transparent}}.workflow-index{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--tracking-mono)}.workflow-title{font-family:var(--font-serif);font-size:var(--text-headline-3);line-height:var(--leading-headline-3);font-weight:var(--weight-medium)}.workflow-step p{color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}@media(prefers-reduced-motion:reduce){.pipeline-chip,.workflow:after,.workflow-dot{animation:none}.workflow:after{display:none}}@media(max-width:1023px){.project-copy,.project-stats{grid-column:1 / -1}.project-stats{flex-direction:row;flex-wrap:wrap;border-top:0;gap:var(--space-4)}.project-stats li{flex:1 1 180px;border-top:1px solid var(--color-border);border-bottom:0}.pipeline{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:var(--space-3)}.pipeline:before{display:none}.workflow[role=list]{grid-template-columns:1fr;gap:var(--space-5);padding-left:var(--space-7)}.workflow:before,.workflow:after{left:var(--space-2);right:auto;top:var(--space-2);bottom:var(--space-2);width:1px;height:auto}.workflow:after{width:2px;margin:0 0 0 -.5px;transform-origin:top;animation-name:workflow-fill-down}@keyframes workflow-fill-down{0%{transform:scaleY(0)}92%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.workflow-step{padding-top:0}.workflow-dot{left:calc(-1 * var(--space-7));top:var(--space-1)}}@media(max-width:767px){.project-head{margin-bottom:var(--space-6)}.project-tagline{font-size:var(--text-title-sm);line-height:var(--leading-title-sm)}.browser-bar span{margin-right:0}.browser-bar{height:28px}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-ticker{padding:var(--space-3) var(--space-4)}.prompt-ticker-text{font-size:var(--text-body);line-height:var(--leading-body);min-height:calc(2 * var(--leading-body))}.project-links .button{flex:1}.project-links-note{width:100%}}.project-toc-wrap{--toc-bar: 18px;--toc-gap: 14px}.project-toc{display:flex;flex-direction:column;gap:var(--space-3)}.project-toc-title{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-mono-xs);line-height:var(--leading-mono-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase}.project-toc-list{display:flex;flex-direction:column;gap:2px}.project-toc-item>a{display:flex;align-items:center;gap:var(--toc-gap);min-height:36px;color:var(--color-text-tertiary);font-size:var(--text-body-sm);line-height:var(--leading-label);transition:color var(--dur-short) var(--ease-standard)}.project-toc-bar{position:relative;flex:none;width:var(--toc-bar);height:2px;border-radius:1px;background:var(--color-border-strong);overflow:hidden;transition:width var(--dur-long) var(--ease-emphasized-decel),background-color var(--dur-medium) var(--ease-standard)}.project-toc-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-accent);transform-origin:left;transform:scaleX(0);transition:transform var(--dur-short) linear}.project-toc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-toc-item[data-active]>a{color:var(--color-text-primary);font-weight:var(--weight-medium)}.project-toc-item[data-active] .project-toc-bar{width:calc(var(--toc-bar) * 2);background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.project-toc-item[data-active] .project-toc-bar:after{transform:scaleX(var(--progress, 0))}@media(hover:hover){.project-toc-item>a:hover{color:var(--color-text-primary)}.project-toc-item:not([data-active])>a:hover .project-toc-bar{width:calc(var(--toc-bar) * 1.4);background:var(--color-text-tertiary)}}.project-toc-parts{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--dur-long) var(--ease-standard),opacity var(--dur-medium) var(--ease-standard)}.project-toc-item[data-active] .project-toc-parts{grid-template-rows:1fr;opacity:1}.project-toc-parts>ol{min-height:0;overflow:hidden;padding-bottom:var(--space-2)}.project-toc-parts a{display:flex;align-items:center;gap:var(--toc-gap);min-height:30px;color:var(--color-text-tertiary);font-size:var(--text-label);line-height:var(--leading-label);transition:color var(--dur-short) var(--ease-standard)}.project-toc-parts a:before{content:"";flex:none;width:var(--toc-bar);height:2px;border-radius:1px;background:var(--color-border);transform:scaleX(.5);transform-origin:right;transition:transform var(--dur-medium) var(--ease-standard),background-color var(--dur-medium) var(--ease-standard)}.project-toc-parts li[data-reached] a{color:var(--color-text-secondary)}.project-toc-parts li[data-reached] a:before{background:color-mix(in srgb,var(--color-accent) 45%,transparent)}.project-toc-parts a[aria-current]{color:var(--color-text-primary)}.project-toc-parts a[aria-current]:before{background:var(--color-accent);transform:none}@media(hover:hover){.project-toc-parts a:hover{color:var(--color-text-primary)}}.project-toc-top{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;margin-top:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--leading-caption);transition:color var(--dur-short) var(--ease-standard)}@media(hover:hover){.project-toc-top:hover{color:var(--color-text-primary)}}.project-toc-toggle{display:none}.project-story [id],.projects-more{scroll-margin-top:calc(var(--header-height) + var(--space-6))}@media(min-width:1200px){.projects-page,.project-toc-wrap{--rail: 248px;--page-max: calc(var(--content-max) + 2 * var(--gutter))}.projects-page .container{max-width:min(var(--page-max),calc(100% - var(--rail)));margin-left:max(var(--rail),calc((100% - var(--page-max)) / 2));margin-right:auto}.projects-index{display:none}.project-toc{position:fixed;z-index:5;top:calc(var(--header-height) + var(--space-7));left:calc(max(var(--rail),(100% - var(--page-max)) / 2) - var(--rail) + var(--space-6));width:calc(var(--rail) - var(--space-6));max-height:calc(100vh - var(--header-height) - 2 * var(--space-7));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}}@media(max-width:1199px){.project-toc-wrap{position:fixed;z-index:30;left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));transform:translate(-50%);pointer-events:none}.project-toc-toggle{display:inline-flex;align-items:center;gap:var(--space-2);max-width:calc(100vw - 2 * var(--gutter));min-height:var(--tap);padding-inline:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-glass);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:var(--shadow-2);color:var(--color-text-primary);font-size:var(--text-label);font-weight:var(--weight-medium);opacity:0;transform:translateY(var(--space-4));transition:opacity var(--dur-medium) var(--ease-standard),transform var(--dur-long) var(--ease-emphasized-decel)}.project-toc-toggle .project-toc-index{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--tracking-mono)}.project-toc-toggle-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-toc-toggle svg{flex:none;color:var(--color-text-tertiary);transition:transform var(--dur-medium) var(--ease-standard)}.project-toc-wrap[data-past] .project-toc-toggle{opacity:1;transform:none;pointer-events:auto}.project-toc-wrap[data-open] .project-toc-toggle svg{transform:rotate(180deg)}.project-toc{position:absolute;left:50%;bottom:calc(100% + var(--space-2));width:min(320px,calc(100vw - 2 * var(--gutter)));max-height:min(70vh,560px);overflow-y:auto;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-2);opacity:0;visibility:hidden;transform:translate(-50%,var(--space-2)) scale(.98);transform-origin:bottom center;transition:opacity var(--dur-medium) var(--ease-standard),transform var(--dur-medium) var(--ease-standard),visibility 0s linear var(--dur-medium)}.project-toc-wrap[data-open] .project-toc{opacity:1;visibility:visible;transform:translate(-50%);pointer-events:auto;transition-delay:0s}}