:root{--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--color-page: #e4e1d7;--color-page-muted: #b5b0a5;--color-ink: oklch(92% .015 270);--color-ink-muted: oklch(58% .05 272);--color-ink-dim: oklch(46% .055 272);--color-panel: oklch(11% .055 273);--color-panel-soft: oklch(13.5% .055 271);--color-line: oklch(23% .085 270);--color-line-soft: oklch(21% .08 270);--color-accent: oklch(65% .19 28);--color-recsys: oklch(58% .14 285);--color-llms: oklch(65% .19 28);--color-stats: oklch(68% .15 195);--color-models: oklch(68% .15 175);--color-fundamentals: oklch(72% .14 82);--color-python: oklch(70% .14 245);--shadow-museum: 0 36px 90px rgba(10, 8, 30, .42);--radius-frame: 20px;--radius-card: 8px;--space-page-x: 48px;--museum-max: 1480px}@media(max-width:760px){:root{--space-page-x: 18px;--radius-frame: 14px}}*{box-sizing:border-box}html{background:var(--color-panel-soft);color:var(--color-ink);font-family:var(--font-body);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--color-panel-soft)}a{color:inherit}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}::selection{background:#ec544859;color:var(--color-ink)}.museum-page{min-height:100vh;padding:0;background:var(--color-panel-soft)}.museum-shell{width:100%;margin:0}.museum-frame{overflow:hidden;background:var(--color-panel)}.museum-surface{background-color:var(--color-panel);background-image:radial-gradient(circle,oklch(100% 0 0 / .034) 1.5px,transparent 1.5px);background-size:22px 22px}.eyebrow{margin:0;color:var(--color-ink-dim);font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.18em;line-height:1.5;text-transform:uppercase}.accent-rule{width:44px;height:1.5px;margin:0 auto;background:var(--color-accent)}.contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.contact-link{--brand-color: oklch(66% .035 272);--brand-hover-color: var(--brand-color);display:inline-flex;align-items:center;gap:7px;border:1px solid oklch(24% .058 272 / .56);border-radius:999px;padding:7px 10px;background:#01000d47;color:#9298a9;font-family:var(--font-heading);font-size:12px;font-weight:500;line-height:1;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.contact-link:hover{border-color:#232f5b;background:#02031ab3;color:var(--color-ink);transform:translateY(-1px)}.contact-link[data-brand=mail]{--brand-color: oklch(62% .12 28 / .52);--brand-hover-color: #ea4335}.contact-link[data-brand=linkedin]{--brand-color: oklch(60% .1 250 / .52);--brand-hover-color: #0a66c2}.contact-link[data-brand=twitter]{--brand-color: oklch(64% .095 240 / .52);--brand-hover-color: #1da1f2}.contact-link[data-brand=medium]{--brand-color: oklch(62% .1 158 / .52);--brand-hover-color: #00ab6c}.contact-link__mark{display:inline-grid;flex:0 0 auto;place-items:center;width:15px;height:15px;color:var(--brand-color);opacity:.76;transition:color .16s ease,filter .16s ease,opacity .16s ease}.contact-link__mark svg{width:15px;height:15px;fill:currentColor}.contact-link:hover .contact-link__mark{color:var(--brand-hover-color);filter:drop-shadow(0 0 8px color-mix(in oklch,var(--brand-hover-color) 42%,transparent));opacity:1}.contact-links--hero{justify-content:center;margin:28px 0 0}.contact-links--about{margin-top:22px}.panel-rule{height:1px;background:linear-gradient(90deg,transparent,oklch(65% .19 28 / .18) 50%,transparent)}.site-nav{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--color-line);padding:0 60px;background:var(--color-panel)}.site-mark{display:flex;align-items:center;gap:12px;text-decoration:none}.site-mark__logo{width:42px;height:42px;border-radius:50%}.site-mark__name{color:#d9deec;font-family:var(--font-heading);font-size:14px;font-weight:600}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{color:#a8adbe;font-size:15px;font-weight:500;text-decoration:none}.nav-links a[aria-current=page],.nav-links a:hover{color:var(--color-ink)}.museum-hero{overflow:hidden;padding:84px 60px 54px;text-align:center}.museum-hero__content{max-width:780px;margin:0 auto}.museum-hero h1{margin:0 0 24px;color:var(--color-ink);font-family:var(--font-heading);font-size:28px;font-weight:500;letter-spacing:0;line-height:1.2}.museum-hero__dek{max-width:720px;margin:0 auto;color:var(--color-ink-muted);font-size:20px;font-weight:300;line-height:1.72}.museum-hero__dek a{color:var(--color-accent);font-weight:700;text-decoration:none}.museum-hero__dek a:hover{color:oklch(74% .19 28)}.writing-section{width:clamp(900px,72vw,1480px);margin:0 auto;padding:56px 0 72px;background:var(--color-panel-soft)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.section-title{display:flex;align-items:center;gap:14px}.section-title:before{width:22px;height:2px;background:var(--color-accent);content:""}.section-title h2{margin:0;color:#d9deec;font-family:var(--font-heading);font-size:17px;font-weight:700;letter-spacing:0}.section-link{color:#a9b0c8;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.section-link:hover{color:var(--color-ink)}.post-list{display:grid}.post-row{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;border-top:1px solid var(--color-line-soft);padding:30px 0;text-decoration:none}.post-row:last-child{border-bottom:1px solid var(--color-line-soft)}.writing-footer{display:flex;justify-content:center;padding-top:34px}.writing-footer__link{display:inline-flex;align-items:center;gap:8px;color:#ccd1df;font-family:var(--font-heading);font-size:15px;font-weight:700;text-decoration:none;transition:color .16s ease,transform .16s ease}.writing-footer__link span{color:var(--color-accent)}.writing-footer__link:hover{color:var(--color-ink);transform:translate(2px)}.post-row__thumb{position:relative;display:block;width:220px;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--color-line-soft);background:#010111}.post-row__thumb img,.post-row__thumb-fallback{width:100%;height:100%}.post-row__thumb img{object-fit:cover}.post-row__thumb-fallback{background:linear-gradient(135deg,#080a34,#010114),radial-gradient(circle at 28% 22%,oklch(64% .18 28 / .26),transparent 58%)}.post-row__meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#424b6b;font-family:var(--font-mono);font-size:11px}.tag-pill{display:inline-flex;align-items:center;max-width:100%;border:1px solid color-mix(in oklch,var(--tag-color) 40%,transparent);border-radius:999px;padding:3px 9px;background:color-mix(in oklch,var(--tag-color) 18%,transparent);color:color-mix(in oklch,var(--tag-color) 82%,white);font-family:var(--font-mono);font-size:10.5px;line-height:1.2;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.tag-pill[href]:hover{border-color:color-mix(in oklch,var(--tag-color) 72%,transparent);background:color-mix(in oklch,var(--tag-color) 28%,transparent);color:color-mix(in oklch,var(--tag-color) 92%,white)}.post-row__content{display:block;text-decoration:none}.post-row h3{margin:0 0 7px;color:#cfd4e1;font-family:var(--font-heading);font-size:20px;font-weight:600;letter-spacing:0;line-height:1.35;transition:color .16s ease}.post-row__content:hover h3{color:var(--color-accent)}.post-row p{margin:0;color:#6e7693;font-size:15px;line-height:1.62}.content-page{min-height:100vh;background:var(--color-panel-soft)}.article-shell{width:min(100%,688px);margin:0 auto;padding:72px 28px 96px}.article-header{margin-bottom:48px;text-align:center}.article-header h1{margin:18px 0;color:var(--color-ink);font-family:var(--font-heading);font-size:58px;font-weight:800;letter-spacing:0;line-height:1.03}.article-header p{max-width:640px;margin:0 auto;color:var(--color-ink-muted);font-size:17px;line-height:1.7}.about-shell{width:min(100%,760px)}.about-hero{display:grid;grid-template-columns:176px 1fr;gap:32px;align-items:center;margin-bottom:54px}.about-photo{width:176px;aspect-ratio:1;border:1px solid var(--color-line);border-radius:var(--radius-card);object-fit:cover}.about-hero h1{margin:16px 0;color:var(--color-ink);font-family:var(--font-heading);font-size:48px;font-weight:800;letter-spacing:0;line-height:1.04}.about-hero p:not(.eyebrow){margin:0;color:var(--color-ink-muted);font-size:17px;line-height:1.7}.about-body{color:#a9b0c8;font-size:18px;line-height:1.78}.about-body section{border-top:1px solid var(--color-line-soft);padding:34px 0 0}.about-body section+section{margin-top:34px}.about-body h2{margin:0 0 12px;color:var(--color-ink);font-family:var(--font-heading);font-size:24px;font-weight:700;letter-spacing:0;line-height:1.2}.about-body p{margin:0}.prose{color:#a9b0c8;font-size:18px;line-height:1.78}.prose>*+*{margin-top:1.25em}.prose h2,.prose h3{color:var(--color-ink);font-family:var(--font-heading);letter-spacing:0;line-height:1.2}.prose h2{margin-top:2.25em;font-size:30px}.prose h3{margin-top:1.8em;font-size:23px}.prose a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.18em}.prose code{border:1px solid var(--color-line);border-radius:5px;padding:.12em .35em;background:#010111;color:#ccd1df;font-family:var(--font-mono);font-size:.9em}.prose pre{overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius-card);padding:18px;background:#01010e}.prose pre code{border:0;padding:0;background:transparent}.prose blockquote{margin-left:0;border-left:2px solid var(--color-accent);padding-left:20px;color:#8f97b2}.prose img{border:1px solid var(--color-line);border-radius:var(--radius-card);padding:12px;background:#e0e4ef}.prose .mermaid{display:flex;justify-content:center;border:1px solid var(--color-line);border-radius:var(--radius-card);padding:22px;background:#e0e4ef;color:#050822}mjx-container{overflow-x:auto;overflow-y:hidden;max-width:100%}mjx-container:not([display=true]){display:inline-block;vertical-align:middle}.post-navigation{padding:72px 60px 88px}.post-navigation__grid{display:grid;width:min(100%,clamp(900px,72vw,1480px));margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.post-nav-card{display:flex;min-height:220px;flex-direction:column;justify-content:center;border:1px solid var(--color-line);border-radius:var(--radius-card);padding:42px 48px;background:#010115b3;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.post-nav-card[href]:hover{border-color:#24326b;background:#02021cd1;transform:translateY(-2px)}.post-nav-card--next{align-items:flex-end;text-align:right}.post-nav-card--empty{visibility:hidden}.post-nav-card__label{margin-bottom:24px;color:var(--color-ink-dim);font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase}.post-nav-card__title{max-width:560px;color:#c6cad7;font-family:var(--font-heading);font-size:24px;font-weight:700;letter-spacing:0;line-height:1.22}.post-nav-card[href]:hover .post-nav-card__title{color:var(--color-ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:900px){.site-nav,.museum-hero,.writing-section,.post-navigation{padding-right:28px;padding-left:28px}.writing-section,.post-navigation__grid{width:auto;margin:0}.museum-hero h1{font-size:28px}.museum-hero__dek{font-size:19px}}@media(max-width:640px){.site-nav{align-items:flex-start;padding-top:18px;padding-bottom:18px;flex-direction:column}.nav-links{width:100%;justify-content:space-between;gap:12px}.museum-hero{padding:54px 20px 48px}.museum-hero h1{margin-bottom:22px;font-size:26px;line-height:1.16}.museum-hero__dek{font-size:17px;line-height:1.65}.writing-section{padding:42px 20px 52px}.section-head{align-items:flex-start;flex-direction:column}.post-row{grid-template-columns:1fr}.post-row__thumb{width:100%}.post-navigation{padding-top:56px;padding-bottom:64px}.post-navigation__grid{grid-template-columns:1fr;gap:18px}.post-nav-card{min-height:164px;padding:30px 28px}.post-nav-card--empty{display:none}.post-nav-card__title{font-size:20px}.article-shell{padding:52px 20px 72px}.about-hero{grid-template-columns:1fr;gap:24px;text-align:center}.contact-links--about{justify-content:center}.about-photo{width:148px;margin:0 auto}.about-hero h1{font-size:38px}.about-body{font-size:16px}.article-header h1{font-size:38px}.prose{font-size:16px}}