@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,500;8..60,600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-display: "Source Serif 4", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(.7rem, .65rem + .25vw, .75rem);--text-sm: clamp(.8rem, .75rem + .25vw, .875rem);--text-base: clamp(.95rem, .9rem + .25vw, 1.0625rem);--text-lg: clamp(1.1rem, 1rem + .5vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--text-3xl: clamp(1.875rem, 1.4rem + 2.25vw, 2.75rem);--text-4xl: clamp(2.25rem, 1.5rem + 3.75vw, 3.75rem);--text-5xl: clamp(2.75rem, 1.75rem + 5vw, 4.75rem);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-11: 6rem;--space-12: 8rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--container-max: 800px;--container-wide: 1400px;--content-padding: clamp(1.5rem, 5vw, 3.5rem);--color-bg-primary: #fafaf8;--color-bg-secondary: #f2f1ed;--color-bg-tertiary: #e8e6e0;--color-bg-inverse: #141413;--color-text-primary: #141413;--color-text-secondary: #5c5b56;--color-text-tertiary: #8a8985;--color-text-inverse: #fafaf8;--color-border-default: rgba(20, 20, 19, .08);--color-border-emphasis: rgba(20, 20, 19, .15);--color-accent: #2d5bff;--color-accent-subtle: rgba(45, 91, 255, .08);--color-accent-hover: #1a44e0;--color-surface-code: #f7f6f3;--color-surface-highlight: #fef7e0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 2px var(--color-accent-subtle)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:linear-gradient(to bottom,rgba(242,241,237,.66),rgba(242,241,237,.18) 18%,transparent 36%),var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden;font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}img{max-width:100%}.shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main{min-width:0;padding:0 var(--content-padding) 0;display:flex;flex-direction:column;flex-grow:1}.main--minimal{padding-top:var(--space-6)}.main--centered{width:100%;max-width:calc(var(--container-max) + (var(--content-padding) * 2));margin:0 auto}.main--wide{width:100%;max-width:calc(var(--container-wide) + (var(--content-padding) * 2));margin:0 auto}.topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--color-border-default);backdrop-filter:blur(12px);background:#fafaf8d6}.topbar--centered{display:block}.topbar-inner{max-width:calc(var(--container-max) + (var(--content-padding) * 2));margin:0 auto;padding:1rem var(--content-padding);min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.logo{font-size:var(--text-sm);font-weight:500;letter-spacing:-.01em;text-decoration:none;color:var(--color-text-primary)}.topbar-links{display:flex;gap:var(--space-5);align-items:center}.topbar-links a{position:relative;font-size:var(--text-sm);text-decoration:none;color:var(--color-text-secondary);font-weight:400;letter-spacing:0;transition:color var(--duration-fast) ease}.topbar-links a:after{content:"";position:absolute;left:0;right:0;bottom:-.35rem;height:1px;background:var(--color-text-primary);transform:scaleX(0);transform-origin:center;transition:transform var(--duration-normal) var(--ease-out);opacity:.9}.topbar-links a.active{color:var(--color-text-primary);font-weight:500}.topbar-links a.active:after{transform:scaleX(1)}.topbar-links a:hover{color:var(--color-text-primary)}.topbar-links a:hover:after{transform:scaleX(1)}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;line-height:1.12;letter-spacing:-.025em;color:var(--color-text-primary);text-wrap:balance;margin-bottom:var(--space-6)}.page-title--centered{text-align:center}.page-title--hero{font-size:var(--text-4xl);line-height:1.08;text-align:center;margin-bottom:var(--space-3)}.home-shell,.about-page,.list-page,.project-page,.essay-page{width:100%;max-width:var(--container-max);margin:0 auto}.hero-tagline{text-align:center;font-size:var(--text-base);color:var(--color-text-secondary);letter-spacing:.02em;margin:0 auto var(--space-9);max-width:48rem}.answer-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-7)}.answer-blocks--about{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.answer-block{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left}.answer-block h2{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2);color:var(--color-text-primary)}.answer-block p{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary)}.category-page-head{margin-bottom:var(--space-5)}.category-rail{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.category-rail--centered{justify-content:center}.category-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.45rem .8rem;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:#ffffff8c;color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease,background var(--duration-fast) ease,transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.category-pill:hover{color:var(--color-text-primary);border-color:#1414133d;background:#fffffffa;box-shadow:0 1px #1414130a,inset 0 0 0 1px #1414130a;transform:translateY(-1px)}.category-pill.active,.category-pill[aria-current=page]{color:var(--color-text-primary);border-color:#14141340;background:#ffffffe6;font-weight:600;box-shadow:0 1px #1414130a}.category-pill.active:hover,.category-pill[aria-current=page]:hover{border-color:#14141359;background:#fffffffa}.category-pill:active{transform:translateY(0);background:#f5f5f1fa}.category-pill[aria-current=page]:active,.category-pill.active:active{background:#f2f1edfa}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-grid-live{width:100%;max-width:var(--container-max);margin:0;align-self:stretch}.category-grid-live .grid{width:100%;min-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-grid-live .tile{opacity:1;transform:none}.tile{opacity:0;transform:translateY(14px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.tile.visible{opacity:1;transform:translateY(0)}.tile-link{display:block;text-decoration:none;color:inherit}.tile-wrap{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border-default)}.tile-wrap:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.06);pointer-events:none}.tile-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) ease}.tile-img.loaded{opacity:1}.tile-img:is(video){opacity:1}.tile-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary))}.tile-fallback-label{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.15;text-align:center;color:var(--color-text-primary);max-width:14ch}.tile:hover .tile-img{transform:scale(1.02)}.tile-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to top,#0a0a0a75,#0a0a0a1a);opacity:0;transition:opacity var(--duration-fast) ease;pointer-events:none}.tile:hover .tile-overlay{opacity:1}.tile-overlay-title{color:var(--color-text-inverse);font-size:var(--text-base);font-weight:600;letter-spacing:.01em;line-height:1.3;text-align:center;padding:0 var(--space-4)}.project-page .project-summary{max-width:540px}.vid-outer{margin-bottom:var(--space-8)}.vid{width:100%;aspect-ratio:16 / 9;position:relative;background:var(--color-bg-inverse);overflow:hidden;border:1px solid var(--color-border-default)}.vid iframe,.vid-bg{position:absolute;inset:0;width:100%;height:100%;border:none}.vid-bg{object-fit:cover;opacity:.3}.vid-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}.vid-label{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#fafaf88f}.project-summary{margin-bottom:var(--space-6);font-size:var(--text-base);line-height:1.7;color:var(--color-text-secondary)}.stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-7)}.still-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border-default)}.still-frame:last-child:nth-child(odd){grid-column:1 / -1}.still{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity var(--duration-normal) ease}.still.loaded{opacity:1}.project-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0 var(--space-8);border-top:1px solid var(--color-border-default);margin-top:var(--space-2);gap:var(--space-4)}.project-nav-link,.pn a,.about-links a,.footer-nav a,.footer-social a{position:relative;text-decoration:none;font-size:var(--text-sm)}.project-nav-link:after,.pn a:after,.about-links a:after,.footer-nav a:after,.footer-social a:after{content:"";position:absolute;left:0;right:0;bottom:-.16rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-normal) var(--ease-out);opacity:.9}.project-nav-link:hover:after,.pn a:hover:after,.about-links a:hover:after,.footer-nav a:hover:after,.footer-social a:hover:after{transform:scaleX(1)}.pn{display:flex;gap:var(--space-3);align-items:center;color:var(--color-text-secondary)}.pn a.disabled{opacity:.25;pointer-events:none}.pn-slash{color:var(--color-text-tertiary)}.divider{height:1px;background:var(--color-border-default);margin:var(--space-7) 0 var(--space-9)}.footer{margin-top:auto;padding:var(--space-9) 0 var(--space-8);border-top:1px solid var(--color-border-default)}.footer-grid{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-6);flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:var(--space-1)}.footer-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.footer-tagline{font-size:var(--text-xs);color:var(--color-text-tertiary)}.footer-copy{font-size:var(--text-xs);color:var(--color-text-tertiary);max-width:34ch}.footer-col{display:flex;align-items:center;gap:var(--space-4)}.footer-heading{display:none}.footer-nav,.footer-social{display:flex;gap:var(--space-4);align-items:center}.footer-nav a,.footer-social a{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--duration-fast) ease}.footer-nav a:hover,.footer-social a:hover{color:var(--color-text-primary)}.about-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--space-8);align-items:start}.about-side{display:flex;flex-direction:column;gap:var(--space-5)}.about-photo{display:flex;justify-content:flex-start;margin-bottom:0}.about-photo img{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:center 15%;filter:grayscale(.05);transition:filter .4s ease,transform .4s var(--ease-out)}.about-photo img:hover{filter:grayscale(0);transform:scale(1.03)}.about-role{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:0;text-align:left}.about-bio{width:100%;color:var(--color-text-secondary);text-align:left;max-width:none}.about-bio p{margin-bottom:var(--space-4)}.faq-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-default)}.faq-section h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;margin-bottom:var(--space-4);color:var(--color-text-primary)}.faq-section details{border-bottom:1px solid var(--color-border-default);padding:var(--space-3) 0}.faq-section summary{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);cursor:pointer;list-style:none}.faq-section summary::-webkit-details-marker{display:none}.faq-section details p{margin-top:var(--space-2);margin-bottom:var(--space-2)}.about-links{display:flex;justify-content:flex-start;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--color-border-default);width:100%}.list-page{width:100%}.list-page--centered{display:flex;flex-direction:column;align-items:center}.category-page.list-page--centered{display:block;align-items:stretch}.list-page-head{margin-bottom:var(--space-6);width:100%}.list-page-head--centered{text-align:center}.page-title-link{color:inherit;text-decoration:none;transition:opacity var(--duration-fast) ease}.page-title-link:hover{opacity:.7}.list-page-intro{margin-top:var(--space-2);max-width:52ch;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.55}.essay-list{border-top:1px solid var(--color-border-default)}.essay-row{border-bottom:1px solid var(--color-border-default)}.essay-link{display:flex;align-items:baseline;gap:var(--space-4);padding:.85rem 0;text-decoration:none}.essay-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;line-height:1.2;letter-spacing:-.015em;flex:1}.essay-excerpt,.essay-meta{color:var(--color-text-tertiary)}.essay-meta{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;white-space:nowrap;min-width:80px}.essay-excerpt{display:none}.essay-head{margin-bottom:var(--space-7)}.essay-head--centered{text-align:center}.essay-meta--centered{display:block;text-align:center;margin-top:calc(var(--space-3) * -1)}.essay-body{color:var(--color-text-secondary)}.prose h2,.prose h3,.prose h4{color:var(--color-text-primary);margin-bottom:var(--space-3)}.prose h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;line-height:1.2;letter-spacing:-.015em;margin-top:var(--space-9)}.prose h3{font-family:var(--font-body);font-size:var(--text-lg);font-weight:500;line-height:1.3;letter-spacing:-.01em;margin-top:var(--space-7)}.prose h4{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;line-height:1.4;letter-spacing:0;margin-top:var(--space-6)}.prose p,.prose li{margin-bottom:var(--space-4)}.prose ul,.prose ol{padding-left:1.2rem;margin-bottom:var(--space-4)}.essay-nav{margin-top:var(--space-8)}.not-found{text-align:center;padding:var(--space-12) 0}.not-found-text{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.not-found-link{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-fast) ease}.not-found-link:hover{color:var(--color-text-primary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeUp .6s var(--ease-out) forwards}.fade-stagger>.fade-in:nth-child(1){animation-delay:.05s}.fade-stagger>.fade-in:nth-child(2){animation-delay:.15s}.fade-stagger>.fade-in:nth-child(3){animation-delay:.25s}.fade-stagger>.fade-in:nth-child(4){animation-delay:.35s}.fade-stagger>.fade-in:nth-child(5){animation-delay:.45s}.topbar-links a{position:relative}.topbar-links a.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1.5px;background:var(--color-text-primary);border-radius:1px}.about-links a,.footer-nav a,.footer-social a{position:relative}.about-links a:after,.footer-nav a:after,.footer-social a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-out)}.about-links a:hover:after,.footer-nav a:hover:after,.footer-social a:hover:after{transform:scaleX(1);transform-origin:left}.essay-link{transition:padding-left .25s var(--ease-out)}.essay-link:hover{padding-left:var(--space-2)}.essay-link:hover .essay-title{color:var(--color-text-primary)}.essay-title{transition:color .2s ease;color:var(--color-text-secondary)}html{scroll-behavior:smooth}::selection{background:#2d5bff1f;color:var(--color-text-primary)}.related-pages{margin:var(--space-9) 0 var(--space-7);padding-top:var(--space-7);border-top:1px solid var(--color-border-default)}.related-pages h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;margin-bottom:var(--space-4);color:var(--color-text-primary)}.home-subtitle{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--space-4)}.home-kicker{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.answers-groups{display:flex;flex-direction:column;gap:var(--space-8)}.answer-group{display:flex;flex-direction:column}.home-link-list{border-top:1px solid var(--color-border-default)}.home-link-row{display:block;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-default);text-decoration:none;transition:transform var(--duration-fast) var(--ease-out)}.home-link-row:hover{transform:translate(4px)}.home-link-title{display:block;font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;line-height:1.3;color:var(--color-text-primary)}.home-link-copy{display:block;margin-top:var(--space-2);font-size:var(--text-sm);line-height:1.65;color:var(--color-text-secondary);text-decoration:none}.home-jump-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);text-decoration:none;transition:border-color var(--duration-fast) ease,transform var(--duration-fast) ease}.home-jump-card:hover{border-color:var(--color-border-emphasis);transform:translateY(-2px)}.home-jump-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.home-jump-copy{font-size:var(--text-xs);line-height:1.5;color:var(--color-text-secondary)}@media(max-width:800px){.about-layout{grid-template-columns:1fr;gap:var(--space-6)}.about-side{gap:var(--space-4)}.about-photo{justify-content:center}.about-role{text-align:center}.topbar-inner{padding-top:.9rem;padding-bottom:.9rem;gap:var(--space-4)}.main--minimal{padding-top:var(--space-7)}.project-nav,.footer-grid{grid-template-columns:1fr}.project-nav{align-items:flex-start}}@media(max-width:520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.category-grid-live .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.answer-blocks,.stills{grid-template-columns:1fr}.footer{margin-top:var(--space-10);padding:var(--space-7) 0}.essay-link{flex-direction:column;gap:var(--space-1)}.essay-meta{min-width:unset}.related-grid{grid-template-columns:1fr;gap:var(--space-2)}.home-link-row{padding:var(--space-3) 0}.home-link-title{font-size:var(--text-base)}.home-jump-card{padding:var(--space-3);flex-direction:row;align-items:baseline;gap:var(--space-2)}.home-jump-label{flex-shrink:0;min-width:70px}.home-jump-copy{line-height:1.4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tile{opacity:1;transform:none}.tile-overlay{opacity:1}}