:root{--bg: #0e2a20;--bg-2: #133527;--bg-3: #194031;--rule: #245442;--rule-2: #2f6a55;--ink: #f1ecdb;--ink-2: #d6cfb9;--muted: #8fa097;--soft: #5e716a;--acc: #e3b687;--acc-2: #c99464;--acc-soft: #1f4736;--warm: #d97a4a;--serif: "Newsreader", Georgia, serif;--sans: "Inter Tight", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--pad: clamp(20px, 4vw, 64px);--maxw: 1200px;--fs-display-1: clamp(48px,7.4vw,104px);--fs-display-2: clamp(40px,6.2vw,80px);--fs-display-3: clamp(34px,4.6vw,60px);--fs-display-4: clamp(26px,3vw,34px);--fs-title: clamp(20px,2.1vw,26px);--fs-title-sm: 20px;--fs-lede: clamp(20px,2.2vw,28px);--fs-body-lg: 19px;--fs-body: 15px;--fs-body-sm: 13px;--fs-meta: 11px;--fs-meta-sm: 10px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-14:56px;--sp-16:64px;--space-section: clamp(64px,9vw,120px);--space-block: clamp(28px,4vw,48px);--space-inline: clamp(16px,2.4vw,28px);--r-sm:4px;--r-md:10px;--r-lg:14px;--r-pill:999px;--r-circle:50%;--track-display:-.022em;--track-tight:-.01em;--track-snug:-.005em;--track-wide:.06em;--track-meta:.12em;--track-label:.18em;--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--ease:cubic-bezier(.22,.61,.36,1);--tap:44px}@media (max-width:640px){:root{--fs-meta-sm:11px }}*{box-sizing:border-box}html,body{margin:0}html{overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%}::selection{background:var(--acc);color:var(--bg)}:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:var(--r-sm)}.contact :focus-visible,.btn.primary:focus-visible{outline-color:var(--bg)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@view-transition{navigation:auto}.nav{view-transition-name:site-nav}footer{view-transition-name:site-footer}@media (prefers-reduced-motion:no-preference){::view-transition-group(root){animation-duration:var(--dur-3)}}.nav{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6);padding:var(--sp-5) var(--pad);background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--rule);font-size:var(--fs-body)}.nav .brand{display:flex;align-items:center;gap:var(--sp-3);font-weight:500;min-height:var(--tap)}.nav .brand .seal{width:24px;height:24px;border-radius:var(--r-circle);background:var(--ink);color:var(--bg);font-family:var(--serif);font-style:italic;font-size:var(--fs-body);display:grid;place-items:center;line-height:1;flex:none}.nav .brand .who{display:flex;flex-direction:column;line-height:1.15;min-width:0}.nav .brand .who small{font-size:var(--fs-meta);color:var(--muted);font-weight:400}.nav-right{display:flex;align-items:center;gap:var(--sp-7);min-width:0}.nav .links{display:flex;color:var(--ink-2)}.nav .links a{position:relative;transition:color var(--dur-1) var(--ease)}.nav .links a:hover,.nav .links a.active{color:var(--acc)}.nav .cta{display:inline-flex;align-items:center;white-space:nowrap;padding:var(--sp-2) var(--sp-4);border:1px solid var(--ink);border-radius:var(--r-pill);font-size:var(--fs-body-sm);font-weight:500;color:var(--ink);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.nav .cta:hover{background:var(--ink);color:var(--bg)}.nav .cta:hover:focus-visible{outline-color:var(--bg)}.nav-toggle{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-2);border-radius:var(--r-sm);color:var(--ink-2);transition:color var(--dur-1) var(--ease)}.nav-toggle::-webkit-details-marker{display:none}.nav-toggle::marker{content:""}.nav-toggle:hover{color:var(--acc)}.nav-toggle-text{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);text-transform:uppercase}.nav-toggle-icon{position:relative;display:block;width:18px;height:2px;flex:none;background:currentColor;border-radius:var(--r-pill);transition:background var(--dur-1) var(--ease)}.nav-toggle-icon:before,.nav-toggle-icon:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:var(--r-pill);transition:transform var(--dur-2) var(--ease)}.nav-toggle-icon:before{top:-6px}.nav-toggle-icon:after{top:6px}.nav-menu[open] .nav-toggle-icon{background:transparent}.nav-menu[open] .nav-toggle-icon:before{transform:translateY(6px) rotate(45deg)}.nav-menu[open] .nav-toggle-icon:after{transform:translateY(-6px) rotate(-45deg)}.nav .links{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:var(--sp-1) var(--pad) var(--sp-4);background:var(--bg);border-bottom:1px solid var(--rule);box-shadow:0 18px 32px -26px #0000008c}.nav .links a{display:flex;align-items:center;min-height:var(--tap);padding:var(--sp-2) 0;border-top:1px solid var(--rule);font-size:var(--fs-body)}@media (min-width:781px){@supports selector(::details-content){.nav .nav-menu{display:contents}.nav .nav-menu::details-content{display:contents;content-visibility:visible}.nav .nav-toggle{display:none}.nav .links{position:static;flex-direction:row;align-items:center;gap:var(--sp-7);padding:0;background:none;border:0;box-shadow:none}.nav .links a{display:inline-block;min-height:0;padding:var(--sp-1) 0;border:0;font-size:inherit}.nav .links a.active{color:var(--ink)}.nav .links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--acc)}}}@media (max-width:780px){.nav{padding:var(--sp-2) var(--pad);column-gap:var(--sp-3)}.nav .brand{min-width:0}.nav .brand .who small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(48vw,280px)}.nav-right{gap:var(--sp-2)}.nav .cta{min-height:var(--tap);padding:0 var(--sp-4)}}@media (max-width:420px){.nav .brand .who small{display:none}}@media (min-width:781px) and (max-width:1040px){.nav .links{gap:var(--sp-5)}.nav-right{gap:var(--sp-4)}.nav .brand .who small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);min-height:var(--tap);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);border:1px solid transparent;font-family:var(--sans);font-weight:500;font-size:var(--fs-body);line-height:1.2;text-align:center;cursor:pointer;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.primary:hover{background:var(--acc);border-color:var(--acc)}.btn.ghost{border-color:var(--rule-2);color:var(--ink)}.btn.ghost:hover{border-color:var(--ink);background:var(--bg-2)}.btn.block{width:100%}.btn .arr{transition:transform var(--dur-2) var(--ease)}@media (hover:hover){.btn:hover .arr{transform:translate(3px)}}.action-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.hero{padding:var(--space-section) var(--pad) clamp(40px,6vw,72px);max-width:var(--maxw);margin:0 auto}.hero .eyebrow{display:inline-flex;align-items:center;gap:var(--sp-3);padding:6px var(--sp-3);background:var(--acc-soft);color:var(--acc);border-radius:var(--r-pill);font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);margin-bottom:var(--sp-8)}.hero .eyebrow .dot{width:7px;height:7px;border-radius:var(--r-circle);background:var(--acc);animation:pulse 2.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--serif);font-weight:500;font-size:var(--fs-display-1);line-height:.98;letter-spacing:var(--track-display);margin:0 0 var(--sp-5);text-wrap:balance;max-width:18ch}.hero h1 em{font-style:italic;font-weight:400;color:var(--acc)}.hero .lede{font-family:var(--serif);font-weight:400;font-size:var(--fs-lede);line-height:1.4;color:var(--ink-2);max-width:54ch;margin:0 0 var(--sp-8);text-wrap:pretty}.hero .lede em{font-style:italic;color:var(--acc)}.hero .row{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;margin-bottom:var(--sp-12)}.hero .row .ext{font-family:var(--mono);font-size:var(--fs-body-sm);color:var(--muted)}.ikigai-stage{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:center}.ikigai-diagram{position:relative;aspect-ratio:1/1;width:100%;max-width:560px;margin:0 auto}.ikigai-diagram svg{width:100%;height:100%;display:block}.ikigai-diagram .lab{position:absolute;font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted);pointer-events:none}.ikigai-diagram .lab .num{color:var(--acc);margin-right:var(--sp-2)}.ikigai-diagram .lab.tl{top:3%;left:4%;text-align:left}.ikigai-diagram .lab.tr{top:3%;right:4%;text-align:right}.ikigai-diagram .lab.bl{bottom:3%;left:4%;text-align:left}.ikigai-diagram .lab.br{bottom:3%;right:4%;text-align:right}.ikigai-diagram .center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.ikigai-diagram .center .small{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--acc)}.ikigai-diagram .center .big{font-family:var(--serif);font-style:italic;font-weight:500;font-size:var(--fs-title);line-height:1.05;margin-top:var(--sp-2);letter-spacing:var(--track-snug)}.ikigai-text{display:flex;flex-direction:column;gap:0}.ikigai-row{display:grid;grid-template-columns:54px 1fr;gap:var(--sp-5);border-top:1px solid var(--rule);padding:18px 0}.ikigai-row:first-child{border-top:0;padding-top:4px}.ikigai-row .k{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);color:var(--acc);text-transform:uppercase;padding-top:5px}.ikigai-row .v h3{font-family:var(--serif);font-weight:500;font-size:var(--fs-title);margin:0 0 6px;line-height:1.2;letter-spacing:var(--track-snug)}.ikigai-row .v h3 em{font-style:italic;font-weight:400;color:var(--acc)}.ikigai-row .v p{margin:0;color:var(--ink-2);max-width:42ch;font-size:var(--fs-body);line-height:1.55}@media (max-width:900px){.ikigai-stage{grid-template-columns:1fr}.ikigai-diagram{order:2}}.section{padding:var(--space-section) var(--pad);max-width:var(--maxw);margin:0 auto;border-top:1px solid var(--rule)}.section.shaded{background:var(--bg-2);max-width:none;margin:0;border:0}.section.shaded .inner{max-width:var(--maxw);margin:0 auto;padding:var(--space-section) var(--pad);box-sizing:border-box}.s-head{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-inline) clamp(24px,4vw,56px);margin-bottom:clamp(36px,5vw,64px);align-items:baseline}.s-head.flush{grid-template-columns:1fr}.s-head.flush .sub{grid-column:1}.s-head .tag{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted)}.s-head .tag .num{color:var(--acc);margin-right:var(--sp-2)}.s-head :is(h1,h2){font-family:var(--serif);font-weight:500;font-size:var(--fs-display-3);line-height:1.04;letter-spacing:var(--track-display);margin:0;text-wrap:pretty;max-width:22ch}.s-head :is(h1,h2) em{font-style:italic;font-weight:400;color:var(--acc)}.s-head .sub{grid-column:2/-1;font-size:var(--fs-body);color:var(--ink-2);max-width:60ch;margin-top:var(--sp-3)}@media (max-width:780px){.s-head{grid-template-columns:1fr;gap:var(--sp-2)}.s-head .sub{grid-column:1}}.writing-list{display:flex;flex-direction:column;border-top:1px solid var(--rule)}.writing-list .row{display:grid;grid-template-columns:90px 1fr 180px 60px;gap:var(--sp-6);padding:var(--sp-6) 0;border-bottom:1px solid var(--rule);align-items:baseline;cursor:pointer;position:relative}.writing-list .row:before{content:"→";position:absolute;left:0;top:50%;color:var(--acc);opacity:0;font-size:var(--fs-body);transform:translateY(-50%) translate(-6px)}@media (hover:hover){.writing-list .row:before{transition:opacity var(--dur-1) var(--ease),transform var(--dur-2) var(--ease)}.writing-list .row:hover:before{opacity:1;transform:translateY(-50%) translate(0)}.writing-list .row:hover .ttl{color:var(--acc)}}.writing-list .row .ttl{transition:color var(--dur-1) var(--ease)}.writing-list .row .when{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);color:var(--muted)}.writing-list .row .ttl{font-family:var(--serif);font-weight:500;font-size:var(--fs-title);letter-spacing:var(--track-snug);line-height:1.18;color:var(--ink);text-wrap:pretty}.writing-list .row .ttl em{font-style:italic;font-weight:400;color:var(--acc)}.writing-list .row .kind{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted)}.writing-list .row .read{font-family:var(--mono);font-size:var(--fs-meta);color:var(--muted);text-align:right}@media (max-width:780px){.writing-list .row{grid-template-columns:1fr;gap:var(--sp-1);padding:var(--sp-4) 0}.writing-list .row .read,.writing-list .row .kind{display:inline-block}}.see-all{margin-top:var(--sp-8);display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);font-family:var(--mono);font-size:var(--fs-body-sm);letter-spacing:var(--track-wide);color:var(--acc)}.see-all:after{content:"→";transition:transform var(--dur-2) var(--ease)}@media (hover:hover){.see-all:hover:after{transform:translate(4px)}}.see-all-row{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-8);align-items:center}.see-all-row .see-all{margin-top:0}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,5vw,64px);align-items:start}.about-grid .col p{font-family:var(--serif);font-size:var(--fs-body-lg);line-height:1.42;color:var(--ink);margin:0 0 18px;max-width:42ch}.about-grid .col p em{font-style:italic;color:var(--acc)}.cv{font-family:var(--mono);font-size:var(--fs-body-sm);display:flex;flex-direction:column;gap:0}.cv .row{display:grid;grid-template-columns:90px 1fr;gap:var(--sp-4);padding:14px 0;border-top:1px solid var(--rule)}.cv .row:first-child{border-top:0}.cv .k{color:var(--muted);font-size:var(--fs-meta-sm);letter-spacing:var(--track-meta);text-transform:uppercase}.cv .v{color:var(--ink)}.cv .v em{font-family:var(--serif);font-style:italic;color:var(--acc);font-size:var(--fs-body-sm)}@media (max-width:900px){.about-grid{grid-template-columns:1fr}}.about-grid .right{display:flex;flex-direction:column;gap:var(--sp-6)}.portrait{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-3);aspect-ratio:4/5;border:1px solid var(--rule)}.portrait img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05)}.portrait .cap{position:absolute;left:14px;bottom:14px;font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--ink);background:color-mix(in oklab,var(--bg) 60%,transparent);padding:6px 10px;border-radius:var(--r-pill);backdrop-filter:blur(6px)}.contact{--ink-on-cream:#1a5340;--ink-on-cream-2:#3a4f44;--rule-on-cream:#c5beac;background:var(--ink);color:var(--bg);padding:clamp(72px,10vw,140px) var(--pad)}.contact .inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(40px,6vw,72px);align-items:end}.contact :is(h1,h2){font-family:var(--serif);font-weight:500;font-size:var(--fs-display-1);line-height:.94;letter-spacing:var(--track-display);margin:0;text-wrap:balance}.contact :is(h1,h2) em{font-style:italic;font-weight:400;color:var(--ink-on-cream)}.contact .blurb{font-family:var(--serif);font-size:var(--fs-title-sm);line-height:1.42;color:var(--ink-on-cream-2);max-width:36ch;margin:var(--sp-6) 0 0}.contact .lines{display:flex;flex-direction:column;font-family:var(--mono);font-size:var(--fs-body-sm)}.contact .lines .row{display:grid;grid-template-columns:80px 1fr;gap:var(--sp-5);padding:var(--sp-3) 0;border-bottom:1px solid var(--rule-on-cream)}.contact .lines .k{color:var(--soft);font-size:var(--fs-meta-sm);letter-spacing:var(--track-meta);text-transform:uppercase;padding-top:var(--sp-1)}.contact .lines .v a{position:relative;display:inline-flex;align-items:center;min-height:var(--tap)}.contact .lines .v a:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:1px;background:var(--ink-on-cream);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-3) var(--ease)}.contact .lines .v a:hover:after{transform:scaleX(1)}@media (max-width:900px){.contact .inner{grid-template-columns:1fr;gap:var(--sp-8)}}.site-footer{border-top:1px solid var(--rule);padding:var(--space-block) var(--pad) var(--sp-6);max-width:var(--maxw);margin:0 auto;font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);color:var(--muted)}.footer-sitemap{display:grid;gap:var(--sp-8) var(--sp-10);grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));margin-bottom:var(--sp-8)}.footer-group{min-width:0}.footer-group-title{font-family:var(--mono);font-size:var(--fs-meta-sm);font-weight:400;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--soft);margin:0 0 var(--sp-3)}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.footer-links a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink-2);transition:color var(--dur-1) var(--ease)}.footer-links a:hover{color:var(--acc)}.footer-base{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);justify-content:space-between;align-items:center;padding-top:var(--sp-5);border-top:1px solid var(--rule);letter-spacing:var(--track-wide)}.fade{opacity:1;transform:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.fade{animation:fade-in linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.skip-link{position:absolute;left:var(--sp-3);top:var(--sp-3);z-index:60;transform:translateY(-200%);display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-pill);background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);text-transform:uppercase;transition:transform var(--dur-2) var(--ease)}.skip-link:focus-visible{transform:translateY(0);outline-color:var(--acc)}.reading-progress{position:fixed;left:0;top:0;z-index:31;height:2px;width:100%;background:var(--acc);transform:scaleX(0);transform-origin:0 50%}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.reading-progress{animation:read-progress linear both;animation-timeline:scroll(root)}}}@keyframes read-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.reading-progress{display:none}}.essay-page{max-width:880px;margin:0 auto;padding:clamp(40px,7vw,96px) var(--pad) clamp(40px,5vw,72px)}.crumbs{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-8);display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.crumbs a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink-2);transition:color var(--dur-1) var(--ease)}.crumbs a:hover{color:var(--acc)}.crumbs .sep{color:var(--soft)}.crumbs .now{color:var(--acc)}.section>.crumbs{margin-bottom:var(--sp-5)}.essay-page .meta{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted);display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-5)}.essay-page .meta .pill{color:var(--acc)}.essay-page .meta .dot{color:var(--soft)}.essay-page h1{font-family:var(--serif);font-weight:500;font-size:var(--fs-display-2);line-height:1;letter-spacing:var(--track-display);margin:0 0 var(--sp-6);text-wrap:balance;max-width:24ch}.essay-page h1 em{font-style:italic;font-weight:400;color:var(--acc)}@media (max-width:640px){.essay-page h1{font-size:clamp(32px,9vw,40px);line-height:1.08;letter-spacing:var(--track-display);max-width:none}.essay-page .crumbs{margin-bottom:var(--sp-5)}}.essay-page .deck{font-family:var(--serif);font-weight:400;font-size:var(--fs-title);line-height:1.42;color:var(--ink-2);margin:0 0 var(--sp-8);max-width:52ch;text-wrap:pretty}.essay-page .deck em{font-style:italic;color:var(--acc)}.essay-figure{margin:clamp(28px,5vw,56px) calc(var(--pad) * -.6) clamp(28px,5vw,48px);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--rule);background:color-mix(in oklab,var(--bg) 82%,#000)}.essay-figure img{display:block;width:100%;height:auto}.essay-figure .cap{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);color:var(--muted);padding:14px 20px;border-top:1px solid var(--rule);background:var(--bg-2)}.essay-figure .cap em{color:var(--acc);font-style:italic;font-family:var(--serif);font-size:var(--fs-body-sm);letter-spacing:0}.device-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin:clamp(28px,5vw,48px) 0}.device-shots figure{margin:0}.device-shots img{display:block;width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--rule);background:color-mix(in oklab,var(--bg) 82%,#000)}.device-shots figcaption{margin-top:var(--sp-2);font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted);text-align:center}@media (max-width:640px){.device-shots{grid-template-columns:1fr;gap:var(--sp-5);max-width:300px;margin-left:auto;margin-right:auto}}.essay-body{font-family:var(--serif);font-size:var(--fs-body-lg);line-height:1.6;color:var(--ink-2);max-width:66ch;display:flex;flex-direction:column;gap:var(--sp-5)}.essay-body em{font-style:italic;color:var(--acc)}.essay-body p{margin:0}.essay-body p strong{color:var(--ink);font-weight:500}.essay-body a{color:var(--acc);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--acc) 40%,transparent);text-underline-offset:3px}.essay-body a:hover{text-decoration-color:var(--acc)}.essay-body h2{font-family:var(--serif);font-weight:500;font-size:var(--fs-display-4);letter-spacing:var(--track-tight);color:var(--ink);margin:28px 0 -2px;line-height:1.16}.essay-body h2 em{font-style:italic;font-weight:400;color:var(--acc)}.essay-body h3{font-family:var(--serif);font-weight:500;font-size:var(--fs-title);letter-spacing:var(--track-snug);color:var(--ink);margin:18px 0 -6px;line-height:1.22}.essay-body h3 em{font-style:italic;font-weight:400;color:var(--acc)}.essay-body h3 .ph{font-family:var(--mono);font-size:var(--fs-meta);color:var(--muted);letter-spacing:var(--track-meta);font-style:normal;font-weight:400;text-transform:uppercase;display:block;margin-bottom:var(--sp-2)}.essay-body h2:has(.ph){font-size:var(--fs-title);letter-spacing:var(--track-snug);margin:18px 0 -6px;line-height:1.22}.essay-body h2 .ph{font-family:var(--mono);font-size:var(--fs-meta);color:var(--muted);letter-spacing:var(--track-meta);font-style:normal;font-weight:400;text-transform:uppercase;display:block;margin-bottom:var(--sp-2)}.essay-body .pull{border-left:2px solid var(--acc);padding:6px 0 6px 22px;margin:var(--sp-3) 0;margin-inline-start:max(-22px,calc(var(--pad) * -.6));font-style:italic;font-size:var(--fs-title);line-height:1.36;color:var(--ink);max-width:54ch}.callout{border:1px solid var(--rule-2);border-radius:var(--r-md);padding:18px 22px;margin:var(--sp-2) 0;background:var(--bg-2);font-family:var(--sans);font-size:var(--fs-body);line-height:1.55;color:var(--ink-2)}.callout .lbl{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--acc);margin-bottom:var(--sp-2);display:block}a.callout{display:block;min-height:var(--tap);transition:border-color var(--dur-1) var(--ease)}@media (hover:hover){a.callout:hover{border-color:var(--acc)}}.callout .ttl{font-family:var(--serif);font-size:var(--fs-title-sm);line-height:1.24;color:var(--ink);display:block;text-wrap:pretty}.callout .cue{display:inline-flex;align-items:center;gap:var(--sp-1);margin-top:var(--sp-2);font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--acc)}.callout .cue:after{content:"→";transition:transform var(--dur-2) var(--ease)}@media (hover:hover){a.callout:hover .cue:after{transform:translate(3px)}}.essay-body a.callout{color:inherit;text-decoration:none}.essay-body .essay-sources{border-top:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2);padding:15px 0 17px;margin:0 0 28px;display:flex;flex-direction:column;gap:var(--sp-3)}.essay-body .essay-sources .lbl{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--acc)}.essay-body .essay-sources ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(215px,100%),1fr));gap:var(--sp-3) var(--sp-7)}.essay-body .essay-sources li{font-family:var(--sans);font-size:var(--fs-body-sm);line-height:1.5;color:var(--ink-2);padding-left:var(--sp-4);position:relative}.essay-body .essay-sources li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:1px;background:var(--acc)}.essay-body .essay-sources li strong{display:block;color:var(--ink);font-weight:500;letter-spacing:var(--track-snug)}.essay-body details.expand{background:var(--bg-2);border:1px solid var(--rule);border-radius:var(--r-md);margin:6px 0;overflow:hidden;transition:border-color .18s ease}.essay-body details.expand:hover{border-color:var(--rule-2)}.essay-body details.expand[open]{border-color:var(--rule-2)}.essay-body details.expand summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);padding:19px 22px;transition:background .15s ease}.essay-body details.expand summary::-webkit-details-marker{display:none}.essay-body details.expand summary::marker{content:""}.essay-body details.expand summary:hover{background:var(--bg-3)}.essay-body details.expand summary:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}.essay-body details.expand .ex-lbl{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--acc);display:block;margin-bottom:var(--sp-2)}.essay-body details.expand .ex-title{font-family:var(--serif);font-size:var(--fs-title-sm);font-weight:500;line-height:1.28;color:var(--ink);letter-spacing:var(--track-tight);display:block}.essay-body details.expand .ex-btn{flex:none;width:38px;height:38px;border-radius:var(--r-circle);background:var(--ink);display:grid;place-items:center;transition:transform .18s ease}.essay-body details.expand summary:hover .ex-btn{transform:scale(1.07)}.essay-body details.expand .ex-btn:before{content:"";display:block;width:13px;height:13px;background:linear-gradient(var(--bg),var(--bg)) center/13px 1.5px no-repeat,linear-gradient(var(--bg),var(--bg)) center/1.5px 13px no-repeat;transition:transform .18s ease}.essay-body details.expand[open] .ex-btn:before{background:linear-gradient(var(--bg),var(--bg)) center/13px 1.5px no-repeat;transform:rotate(180deg)}.essay-body details.expand .ex-body{padding:2px 22px 22px;display:flex;flex-direction:column;gap:var(--sp-3);animation:exIn .22s ease both}@keyframes exIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.essay-body details.expand .ex-body p{font-family:var(--sans);font-size:var(--fs-body);line-height:1.6;color:var(--ink-2);margin:0}.essay-body details.expand .ex-src{font-family:var(--mono);font-size:var(--fs-meta-sm);line-height:1.5;color:var(--muted);padding-top:var(--sp-3);border-top:1px solid var(--rule-2)}.essay-body details.expand .ex-src b{color:var(--ink-2);font-weight:500}@media (max-width:640px){.essay-body details.expand summary{padding:16px 18px;gap:var(--sp-4)}.essay-body details.expand .ex-title{font-size:var(--fs-body-lg)}.essay-body details.expand .ex-body{padding:2px 18px 18px}}@media (prefers-reduced-motion:reduce){.essay-body details.expand .ex-body{animation:none}.essay-body details.expand .ex-btn,.essay-body details.expand summary:hover .ex-btn{transition:none;transform:none}}.essay-body sup.fn{font-family:var(--mono);font-size:var(--fs-meta-sm);line-height:0;vertical-align:super;margin-left:1px;letter-spacing:0}.essay-body sup.fn a{color:var(--acc);transition:color .15s ease}.essay-body sup.fn a:hover{color:var(--ink)}.essay-body .essay-notes{border-top:1px solid var(--rule);margin-top:var(--sp-5);padding-top:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.essay-body .essay-notes .lbl{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--acc)}.essay-body .essay-notes ol{list-style:none;margin:0;padding:0;counter-reset:fn;display:flex;flex-direction:column;gap:var(--sp-3)}.essay-body .essay-notes li{counter-increment:fn;position:relative;padding-left:var(--sp-6);font-family:var(--sans);font-size:var(--fs-body-sm);line-height:1.55;color:var(--muted)}.essay-body .essay-notes li:before{content:counter(fn);position:absolute;left:0;top:1px;font-family:var(--mono);font-size:var(--fs-meta-sm);color:var(--acc)}.essay-body .essay-notes li b{color:var(--ink-2);font-weight:500}.essay-body .essay-notes li a{color:var(--ink-2);border-bottom:1px solid var(--rule-2);word-break:break-word;transition:color .15s ease,border-color .15s ease}.essay-body .essay-notes li a:hover{color:var(--acc);border-color:var(--acc)}.essay-body .essay-notes li:target:before,.essay-body .essay-notes li:target b{color:var(--warm)}.essay-body ul{margin:0;padding-left:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2)}.essay-body ul li::marker{color:var(--acc)}.essay-body .draft-stub{border:1px dashed var(--rule-2);border-radius:var(--r-md);padding:24px 26px;background:var(--bg-2);font-family:var(--sans);font-size:var(--fs-body);line-height:1.55;color:var(--ink-2);display:flex;flex-direction:column;gap:var(--sp-2)}.essay-body .draft-stub .lbl{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--warm)}.essay-body .draft-stub h4{font-family:var(--serif);font-size:var(--fs-title-sm);font-weight:500;color:var(--ink);margin:0}.essay-body .draft-stub ul{margin-top:var(--sp-2)}.essay-sig{font-family:var(--mono);font-size:var(--fs-body-sm);letter-spacing:var(--track-wide);color:var(--muted);margin-top:36px;padding-top:var(--sp-5);border-top:1px dashed var(--rule-2);max-width:64ch}.essay-back{max-width:880px;margin:0 auto;padding:0 var(--pad) clamp(40px,5vw,72px)}.essay-back a{display:inline-flex;align-items:center;min-height:var(--tap);font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted);transition:color var(--dur-1) var(--ease)}.essay-back a:hover{color:var(--acc)}.related{border-top:1px solid var(--rule);padding:clamp(48px,7vw,80px) var(--pad);max-width:var(--maxw);margin:0 auto}.related .head{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-6)}.related .head .num{color:var(--acc);margin-right:var(--sp-2)}.writing-list a.row{color:inherit;text-decoration:none}#portfolio{padding-top:0}#portfolio .s-head{margin-bottom:var(--sp-7)}.repo-section{margin-top:var(--sp-10);padding-top:var(--sp-8);border-top:1px solid var(--rule)}.skill-intro{padding:36px 40px 32px;border:1px solid var(--rule);background:linear-gradient(180deg,color-mix(in oklab,var(--acc) 2.5%,transparent) 0%,transparent 70%);margin-bottom:var(--sp-5)}.skill-intro .eyebrow{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-label);color:var(--acc);text-transform:uppercase;margin-bottom:var(--sp-4)}.skill-intro .eyebrow .num{color:var(--acc);font-weight:600;margin-right:4px}.skill-intro h3{font-family:var(--serif);font-size:var(--fs-title);line-height:1.18;margin:0 0 14px;font-weight:500;color:var(--ink);max-width:30ch}.skill-intro h3 em{font-style:italic;color:var(--warm)}.skill-intro .deck{font-family:var(--serif);font-size:var(--fs-body);line-height:1.6;color:var(--ink-2);max-width:64ch;margin:0 0 22px}.skill-intro .deck code{font-family:var(--mono);font-size:var(--fs-body-sm);color:var(--acc);padding:1px 5px;background:color-mix(in oklab,var(--acc) 6%,transparent);border-radius:var(--r-sm)}.skill-intro .meta-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-3);padding-top:var(--sp-5);border-top:1px solid var(--rule);font-family:var(--mono);font-size:var(--fs-meta);color:var(--ink-2);letter-spacing:var(--track-wide);text-transform:uppercase}.skill-intro .meta-row .meta-k{color:var(--muted);margin-right:4px}.skill-intro .meta-row a{color:var(--acc);text-decoration:none}.skill-intro .meta-row a:hover{text-decoration:underline;text-underline-offset:3px}.repo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);align-items:start}.repo-card{background:var(--bg-3);border:1px solid var(--rule);border-radius:var(--r-sm);padding:22px 20px 18px;color:var(--ink);font-family:var(--serif);text-decoration:none;display:flex;flex-direction:column;transition:border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease)}@media (hover:hover){.repo-card:hover{border-color:var(--acc);transform:translateY(-2px)}}.repo-card .top{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);font-family:var(--mono);font-size:var(--fs-meta-sm);color:var(--ink-2);letter-spacing:var(--track-meta);text-transform:uppercase;margin-bottom:var(--sp-4)}.repo-card .top .role{color:var(--acc);font-weight:600;letter-spacing:var(--track-label);padding:2px 7px;border-radius:var(--r-sm);border:1px solid color-mix(in oklab,var(--acc) 35%,transparent);background:color-mix(in oklab,var(--acc) 6%,transparent)}.repo-card .top .stars{color:var(--acc)}.repo-card h4{margin:0 0 var(--sp-2) 0;font-size:var(--fs-title-sm);font-weight:500;line-height:1.2}.repo-card h4 em{font-style:italic}.repo-card p{margin:0 0 12px;font-size:var(--fs-body-sm);line-height:1.55;color:var(--ink-2)}.repo-card .used{font-family:var(--serif);font-style:italic;font-size:var(--fs-body-sm);line-height:1.5;color:var(--ink-2);padding:10px 0 12px 12px;margin:auto 0 12px;border-left:2px solid color-mix(in oklab,var(--acc) 30%,transparent)}.repo-card .used .used-k{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-meta);color:var(--acc);text-transform:uppercase;font-style:normal;display:block;margin-bottom:3px}.repo-card .foot{font-family:var(--mono);font-size:var(--fs-meta-sm);color:var(--muted);letter-spacing:var(--track-wide);border-top:1px dashed var(--rule);padding-top:var(--sp-2);display:flex;justify-content:space-between;align-items:center}.repo-card .foot .read{color:var(--acc)}.repo-section .see-all{display:block;text-align:center;margin-top:var(--sp-6);font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);color:var(--acc);text-decoration:none}.stack-section{margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:1px solid var(--rule)}.stack-section .stack-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-2)}.stack-section .stack-head .label{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-label);color:var(--acc);text-transform:uppercase}.stack-section .stack-head .label .num{font-weight:600}.stack-section .stack-head .live{font-family:var(--mono);font-size:var(--fs-meta);color:var(--muted);letter-spacing:var(--track-wide)}.stack-section h3{font-family:var(--serif);font-size:var(--fs-display-4);line-height:1.15;margin:0 0 12px;font-weight:500}.stack-section h3 em{font-style:italic}.stack-section .lede{font-size:var(--fs-body);line-height:1.55;color:var(--ink-2);max-width:64ch;margin:0 0 36px}.stack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.stack-cell{background:var(--bg);padding:24px 18px}.stack-cell .role{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-label);color:var(--acc);text-transform:uppercase;margin-bottom:var(--sp-4)}.stack-cell h4{margin:0 0 6px;font-family:var(--serif);font-size:var(--fs-title-sm);font-weight:500;line-height:1.1}.stack-cell h4 em{font-style:italic}.stack-cell p{margin:0 0 16px;font-size:var(--fs-body-sm);line-height:1.55;color:var(--ink-2)}.stack-cell .stat{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);color:var(--acc);border-top:1px dashed var(--rule);padding-top:var(--sp-2)}.stack-strip{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--rule);font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);color:var(--ink-2);text-transform:uppercase}.stack-strip .stat-value{color:var(--acc);font-size:var(--fs-body);letter-spacing:var(--track-wide);margin-right:var(--sp-2)}@media (max-width: 960px){.stack-grid,.repo-grid{grid-template-columns:repeat(2,1fr)}.stack-strip{flex-wrap:wrap;gap:var(--sp-3)}}@media (max-width: 640px){.stack-grid,.repo-grid{grid-template-columns:1fr}}.now-panel{border-top:1px solid var(--rule)}.now-body{margin-top:clamp(28px,4vw,48px);max-width:60ch}.now-body p{font-family:var(--serif);font-size:var(--fs-body-lg);line-height:1.6;color:var(--ink-2);margin:0;text-wrap:pretty}.now-body p em{font-style:italic;color:var(--acc)}.featured-full{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,48px);margin-top:clamp(32px,4vw,56px);align-items:center}.featured-full.has-image{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}@media (max-width:860px){.featured-full.has-image{grid-template-columns:1fr}}.featured-figure{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--rule);background:color-mix(in oklab,var(--bg) 82%,#000)}.featured-figure img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.featured-figure figcaption{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);color:var(--muted);padding:12px 18px;border-top:1px solid var(--rule);background:var(--bg-2)}.featured-copy{display:flex;flex-direction:column;gap:var(--sp-5);max-width:54ch}.featured-copy .meta{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted)}.featured-copy .meta .pill{color:var(--acc)}.featured-copy .dek{font-family:var(--serif);font-weight:400;font-size:var(--fs-lede);line-height:1.38;color:var(--ink-2);margin:0;text-wrap:pretty}.featured-copy .dek em{font-style:italic;color:var(--acc)}.featured-copy .btn{align-self:flex-start;margin-top:var(--sp-2)}.explore-cards-section .explore-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--sp-4);align-items:start}.explore-card{display:block;padding:24px;border:1px solid var(--rule);border-radius:var(--r-sm);text-decoration:none;color:inherit;background:var(--bg-2);transition:border-color .15s}.explore-card:hover{border-color:var(--acc)}.explore-card .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-3)}.explore-label{font-family:var(--serif);font-size:var(--fs-title-sm);color:var(--ink)}.explore-label em{color:var(--acc)}.explore-count{font-family:var(--mono);font-size:var(--fs-meta-sm);color:var(--muted);text-transform:uppercase;letter-spacing:var(--track-wide)}.explore-card p{font-family:var(--sans);font-size:var(--fs-body);line-height:1.5;color:var(--ink-2);margin:0 0 14px}.explore-read{font-family:var(--mono);font-size:var(--fs-meta);color:var(--acc);letter-spacing:var(--track-wide);text-transform:uppercase}@media (max-width: 720px){.explore-cards-section .explore-cards{grid-template-columns:1fr}}.contact-strip{border-top:1px solid var(--rule)}.contact-body{margin-top:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:var(--sp-4);align-items:flex-start}.contact-email{font-family:var(--serif);font-size:var(--fs-lede);line-height:1.2;color:var(--ink);text-decoration:none;letter-spacing:var(--track-snug);border-bottom:1px solid var(--rule-2);padding-bottom:2px;transition:color .2s,border-color .2s}.contact-email:hover{color:var(--acc);border-bottom-color:var(--acc)}.contact-more{font-family:var(--mono);font-size:var(--fs-body-sm);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted);transition:color .2s}.contact-more:hover{color:var(--acc)}.contact-more .arr{margin-left:4px}.anchor-badge{display:inline-block;margin-right:var(--sp-3);padding:3px 7px;font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-wide);text-transform:uppercase;background:var(--acc);color:var(--bg);border-radius:var(--r-sm);vertical-align:middle}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:var(--sp-5);align-items:start}.work-card{display:block;padding:24px;border:1px solid var(--rule);border-radius:var(--r-sm);text-decoration:none;color:inherit;background:var(--bg-2);transition:border-color .15s}.work-card:hover{border-color:var(--acc)}.work-card-top{display:flex;justify-content:space-between;margin-bottom:var(--sp-3);font-family:var(--mono);font-size:var(--fs-meta);color:var(--muted);letter-spacing:var(--track-wide);text-transform:uppercase}.work-card h3{font-family:var(--serif);font-size:var(--fs-title-sm);margin:0 0 10px;color:var(--ink)}.work-card p{font-family:var(--sans);font-size:var(--fs-body);line-height:1.5;color:var(--ink-2);margin:0 0 12px}.work-card .work-read{font-family:var(--mono);font-size:var(--fs-meta);color:var(--acc)}@media (max-width: 720px){.work-grid{grid-template-columns:1fr}}.work-detail{max-width:720px;padding:24px 0}.work-detail .spine-sentence{font-family:var(--serif);font-size:var(--fs-title);font-style:italic;color:var(--ink);margin-bottom:var(--sp-6)}.work-detail .key-wins{padding-left:var(--sp-5)}.work-detail .key-wins li{font-family:var(--sans);font-size:var(--fs-body);line-height:1.55;margin-bottom:var(--sp-2);color:var(--ink-2)}.work-foot{margin-top:var(--sp-8)}.work-foot a{font-family:var(--mono);font-size:var(--fs-meta);color:var(--acc);text-transform:uppercase;letter-spacing:var(--track-wide)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:var(--sp-5);align-items:start;margin-bottom:var(--sp-14)}.product-card{display:block;padding:0;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--bg-2);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s}.product-card:hover{border-color:var(--acc)}.product-hero-img{aspect-ratio:16/9;overflow:hidden}.product-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.product-card-meta{display:flex;justify-content:space-between;padding:12px 18px 0;font-family:var(--mono);font-size:var(--fs-meta-sm);color:var(--muted);text-transform:uppercase}.product-status.status-live{color:var(--acc);font-weight:600}.product-card h3{font-family:var(--serif);font-size:var(--fs-title-sm);margin:10px 18px;color:var(--ink)}.product-card p{font-family:var(--sans);font-size:var(--fs-body);line-height:1.5;color:var(--ink-2);margin:0 18px 14px}.product-card .product-read{display:block;padding:0 18px 18px;font-family:var(--mono);font-size:var(--fs-meta);color:var(--acc)}@media (max-width: 720px){.product-grid{grid-template-columns:1fr}}.portfolio-section{padding:36px 0}.portfolio-detail{max-width:720px;margin:0 auto;padding:24px 0}.talks-hero{display:block;width:100%;max-width:880px;height:auto;margin:24px 0 8px;border:1px solid var(--rule);border-radius:var(--r-sm)}.talk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--sp-4);align-items:start;margin-top:var(--sp-6)}.talk-card{display:block;padding:24px;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--bg-2);text-decoration:none;color:inherit;transition:border-color .15s}.talk-card:hover{border-color:var(--acc)}.talk-card-title{font-family:var(--serif);font-weight:500;font-size:var(--fs-title-sm);line-height:1.24;color:var(--ink);margin:0 0 10px;text-wrap:pretty}.talk-card-dek{font-family:var(--sans);font-size:var(--fs-body);line-height:1.5;color:var(--ink-2);margin:0 0 14px}.talk-card-meta{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--muted)}.talk-header{margin-bottom:var(--sp-8)}.talk-header .talk-title{font-family:var(--serif);font-weight:500;font-size:var(--fs-display-4);line-height:1.12;letter-spacing:var(--track-tight);color:var(--ink);margin:0 0 14px;text-wrap:pretty}.talk-header .talk-title em{font-style:italic;font-weight:400;color:var(--acc)}.talk-dek{font-family:var(--serif);font-size:var(--fs-title);line-height:1.42;color:var(--ink-2);margin:0 0 18px;max-width:60ch}.talk-credit{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);color:var(--muted);margin:0 0 24px}.talk-credit a{color:var(--ink-2);transition:color .2s}.talk-credit a:hover{color:var(--acc)}.talk-header-photo{display:block;width:100%;max-width:100%;height:auto;border:1px solid var(--rule);border-radius:var(--r-sm)}.talk-deck-frame{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid var(--rule);border-radius:var(--r-sm);overflow:hidden;background:var(--bg-2)}.talk-deck-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.talk-deck-fullscreen{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);margin-top:var(--sp-3);font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--acc);text-decoration:none}.talk-deck-fullscreen:hover{text-decoration:underline}@media (max-width: 720px){.talk-deck-frame{display:none}.talk-deck-fullscreen{display:flex;width:100%;min-height:48px;margin-top:0;padding:0 var(--sp-4);border:1px solid var(--rule-2);border-radius:var(--r-sm);background:var(--bg-2);color:var(--ink);letter-spacing:var(--track-meta)}.talk-deck-fullscreen:hover{text-decoration:none;border-color:var(--acc)}}.talk-notes-header{display:none;font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--muted);margin:0 0 16px}.talk-notes section[data-slide]{padding:20px 0;border-top:1px solid var(--rule)}.talk-notes section[data-slide]:first-child{border-top:0;padding-top:0}.talk-notes section[data-slide] h2,.talk-notes section[data-slide]>:first-child:is(h2,h3,h4){font-family:var(--mono);font-size:var(--fs-meta);font-weight:500;letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--acc);margin:0 0 10px}.talk-notes section[data-slide] p{font-family:var(--sans);font-size:var(--fs-body);line-height:1.6;color:var(--ink-2);margin:0 0 12px;max-width:60ch}.talk-notes.is-synced section[data-slide]{display:none}.talk-notes.is-synced section[data-slide].is-active{display:block}@media (min-width: 1024px){.talk-stage{display:grid;grid-template-columns:62% 1fr;gap:var(--sp-8);align-items:start}.talk-stage .talk-notes{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto}.talk-notes-header{display:block}}.card{display:flex;flex-direction:column;padding:var(--card-pad, var(--sp-6));border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--card-bg, var(--bg-2));color:inherit;text-decoration:none;overflow:hidden;transition:border-color var(--dur-1) var(--ease),transform var(--dur-2) var(--ease)}.card__content{display:flex;flex-direction:column;gap:var(--sp-3);flex:1 1 auto;min-width:0;padding:var(--card-content-pad, 0)}@media (hover:hover){.card:hover{border-color:var(--acc);transform:translateY(-2px)}}.card:focus-visible{border-color:var(--acc)}.card__media{aspect-ratio:var(--card-media-ar, 16/9);overflow:hidden;background:var(--bg-3)}.card__media :is(img,picture,video){width:100%;height:100%;object-fit:cover;display:block}.card__eyebrow{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted)}.card__chip{color:var(--acc);font-weight:600;letter-spacing:var(--track-label);padding:2px 7px;border-radius:var(--r-sm);border:1px solid color-mix(in oklab,var(--acc) 35%,transparent);background:color-mix(in oklab,var(--acc) 6%,transparent)}.card__title{font-family:var(--serif);font-weight:500;font-size:var(--fs-title-sm);line-height:1.22;letter-spacing:var(--track-snug);color:var(--ink);margin:0;text-wrap:pretty}.card__title em{font-style:italic;font-weight:400;color:var(--acc)}.card__body{font-family:var(--sans);font-size:var(--fs-body);line-height:1.5;color:var(--ink-2);margin:0}.card__quote{font-family:var(--serif);font-style:italic;font-size:var(--fs-body-sm);line-height:1.5;color:var(--ink-2);padding-left:var(--sp-3);border-left:2px solid color-mix(in oklab,var(--acc) 30%,transparent);margin-top:auto}.card__quote-k{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-meta);color:var(--acc);text-transform:uppercase;font-style:normal;display:block;margin-bottom:3px}.card__foot{margin-top:auto;padding-top:var(--sp-3);border-top:1px dashed var(--rule);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-wide);color:var(--muted)}.card__quote~.card__foot{margin-top:var(--sp-3)}.card__cue{color:var(--acc);display:inline-flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.card__cue:after{content:"→";transition:transform var(--dur-2) var(--ease)}@media (hover:hover){.card:hover .card__cue:after{transform:translate(3px)}}.card[data-variant=tile] .card__media{margin:calc(var(--sp-6) * -1) calc(var(--sp-6) * -1) 0}.card[data-variant=media]{--card-pad:0;--card-content-pad:var(--sp-5)}.card[data-variant=repo]{--card-bg:var(--bg-3)}.card[data-variant=row]{--card-pad:var(--sp-5) 0;--card-bg:transparent;display:grid;grid-template-columns:90px 1fr 180px 60px;gap:var(--sp-6);align-items:baseline;border:0;border-bottom:1px solid var(--rule);border-radius:0}.card[data-variant=row] .card__content{display:contents}.card[data-variant=row] .card__title{font-size:var(--fs-title);line-height:1.18}.card[data-variant=row] .card__foot{margin:0;padding:0;border:0;justify-content:flex-end}@media (hover:hover){.card[data-variant=row]:hover{transform:none;border-bottom-color:var(--acc)}.card[data-variant=row]:hover .card__title{color:var(--acc)}}@media (max-width:780px){.card[data-variant=row]{grid-template-columns:1fr;gap:var(--sp-1);padding:var(--sp-4) 0}.card[data-variant=row] .card__foot{justify-content:flex-start}}.card-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(var(--card-min, 260px),100%),1fr));align-items:start}.card-grid[data-cards=repo]{--card-min:260px}.card-grid[data-cards=product]{--card-min:320px}.card-grid[data-cards=talk]{--card-min:280px}.card-grid[data-cards=work]{--card-min:320px}.card-grid[data-cards=explore]{--card-min:220px}.card-grid[data-cards=row]{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--rule)}@media (max-width:780px){.essay-related a,.contact-more,.contact-email,.work-foot a,.repo-section .see-all,.nf-btn{display:inline-flex;align-items:center;min-height:var(--tap)}.essay-related ul{gap:var(--sp-3)}.cf select,.cf input,.cf button{min-height:var(--tap)}}.filterbar{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-6)}.filter-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.filter-chip{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--rule);background:transparent;color:var(--ink-2);font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);text-transform:uppercase;cursor:pointer;transition:border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.filter-chip:hover{border-color:var(--rule-2);color:var(--ink)}.filter-input:checked+.filter-chip,.filter-chip[aria-current=page]{background:var(--acc-soft);border-color:var(--acc);color:var(--acc)}.filter-input:focus-visible+.filter-chip{outline:2px solid var(--acc);outline-offset:3px}.filter-scope:has(#genre-essay:checked) [data-genre]:not([data-genre=essay]),.filter-scope:has(#genre-field-note:checked) [data-genre]:not([data-genre=field-note]),.filter-scope:has(#genre-note:checked) [data-genre]:not([data-genre=note]){display:none}.list-legend{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);color:var(--muted);margin:0 0 var(--sp-5);max-width:60ch}.list-legend .anchor-badge{margin-right:var(--sp-2)}.onward{max-width:var(--maxw);margin:0 auto;padding:var(--space-block) var(--pad) 0;border-top:1px solid var(--rule)}.onward-head{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted);margin:0 0 var(--sp-5)}.onward-head .num{color:var(--acc);margin-right:var(--sp-2)}.prev-next{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));max-width:880px;margin:0 auto;padding:0 var(--pad) var(--space-block)}.prev-next a{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);min-height:var(--tap);border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--bg-2);transition:border-color var(--dur-1) var(--ease)}@media (hover:hover){.prev-next a:hover{border-color:var(--acc)}}.prev-next .dir{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--muted)}.prev-next .ttl{font-family:var(--serif);font-size:var(--fs-body-lg);line-height:1.3;color:var(--ink);text-wrap:pretty}.prev-next .next{text-align:right}.link-list{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);align-items:center;margin:0;padding:0;list-style:none}.link-list li{display:contents}.link-list a{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-meta);text-transform:uppercase;color:var(--ink-2);transition:color var(--dur-1) var(--ease)}.link-list a:hover{color:var(--acc)}.link-list a:after{content:"→";color:var(--acc);transition:transform var(--dur-2) var(--ease)}@media (hover:hover){.link-list a:hover:after{transform:translate(3px)}}.link-list .lbl{font-family:var(--mono);font-size:var(--fs-meta-sm);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--soft)}.now-updated{font-family:var(--mono);font-size:var(--fs-meta);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--soft);margin:var(--sp-5) 0 0}.form-fallback{margin-top:var(--sp-5);padding:var(--sp-4) var(--sp-5);border:1px dashed var(--rule-2);border-radius:var(--r-sm);font-family:var(--mono);font-size:var(--fs-body-sm);line-height:1.6;color:var(--ink-2)}.form-fallback a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}.contact .form-fallback{border-color:var(--rule-on-cream);color:inherit}.bleed{max-width:none;width:100%;align-self:stretch}