:root{--bg:#f7f3ec;--bg2:#ede8df;--bg3:#e4ddd2;--surface:#ddd6c9;--border:rgba(26,21,16,.1);--border2:rgba(26,21,16,.06);--ink:#1a1510;--green:#2d6a4f;--brick:#c24d2c;--amber:#8b6914;--text-1:#1a1510;--text-2:#5a5248;--text-3:#9a9088;--font-display:"Syne",sans-serif;--font-serif:"Instrument Serif",serif;--font-body:"Epilogue",sans-serif;--font-mono:"IBM Plex Mono",monospace;--nav-height:64px;--base-border-radius:4px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--text-xs:0.625rem;--text-sm:0.75rem;--text-base:1rem;--text-lg:1.5rem}@media (prefers-color-scheme:dark){:root{--bg:#161210;--bg2:#1e1916;--bg3:#26201c;--surface:#2e2822;--border:hsla(36,45%,89%,.08);--border2:hsla(36,45%,89%,.05);--ink:#f0ebe3;--green:#4db87a;--brick:#e8673c;--amber:#c9a84c;--text-1:#f0ebe3;--text-2:#9a8f85;--text-3:#5a524a}}[data-theme=dark]{--bg:#161210;--bg2:#1e1916;--bg3:#26201c;--surface:#2e2822;--border:hsla(36,45%,89%,.08);--border2:hsla(36,45%,89%,.05);--ink:#f0ebe3;--green:#4db87a;--brick:#e8673c;--amber:#c9a84c;--text-1:#f0ebe3;--text-2:#9a8f85;--text-3:#5a524a}[data-theme=light]{--bg:#f7f3ec;--bg2:#ede8df;--bg3:#e4ddd2;--surface:#ddd6c9;--border:rgba(26,21,16,.1);--border2:rgba(26,21,16,.06);--ink:#1a1510;--green:#2d6a4f;--brick:#c24d2c;--amber:#8b6914;--text-1:#1a1510;--text-2:#5a5248;--text-3:#9a9088}*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:#f7f3ec;background:var(--bg);font-family:Epilogue,sans-serif;font-family:var(--font-body);font-size:1rem;line-height:1.6;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6{color:#1a1510;color:var(--text-1)}h1,h2,h3,h4,h5,h6{font-family:"Instrument Serif",serif;font-family:var(--font-serif);font-weight:400;letter-spacing:-.02em;line-height:1.2;margin:0 0 .5em}h1{font-size:max(2rem,min(4vw,3.5rem))}h2{font-size:max(1.5rem,min(3vw,2.25rem))}h3{font-size:1.375rem}h4{font-size:1.125rem}p{color:#5a5248;color:var(--text-2);margin:0 0 1em}a{color:#c24d2c;color:var(--brick);-webkit-text-decoration:none;text-decoration:none}a:hover{-webkit-text-decoration:underline;text-decoration:underline}a:focus-visible{outline:2px solid #2d6a4f;outline:2px solid var(--green);outline-offset:2px}code,pre{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.875em}pre{background:#ede8df;background:var(--bg2);border:1px solid rgba(26,21,16,.1);border:1px solid var(--border);border-radius:4px;border-radius:var(--base-border-radius);overflow-x:auto;padding:1rem}hr{border:none;border-top:1px solid rgba(26,21,16,.1);border-top:1px solid var(--border);margin:2rem 0}img{margin:0;max-width:100%}blockquote{border-left:3px solid #2d6a4f;border-left:3px solid var(--green);color:#5a5248;color:var(--text-2);font-style:italic;margin:1.5rem 0;padding-left:1rem}abbr,acronym{border-bottom:1px dotted rgba(26,21,16,.1);border-bottom:1px dotted var(--border);cursor:help}.display{font-family:Syne,sans-serif;font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;text-transform:uppercase}.mono{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em}ol,ul{color:#5a5248;color:var(--text-2);padding-left:1.5rem}ol li,ul li{margin-bottom:.25em}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.visually-hidden:not(:focus):not(:active),a.skip-main{height:1px;overflow:hidden;position:absolute;width:1px}a.skip-main{left:-999px;top:auto;z-index:-999}a.skip-main:focus{font-size:20px;height:auto;left:auto;margin:0 35%;outline:3px solid #2d6a4f;outline:3px solid var(--green);overflow:auto;padding:5px;text-align:center;top:auto;width:30%;z-index:999}.container{margin:0 auto;max-width:1100px;padding:0 48px}@media (max-width:768px){.container{padding:0 20px}}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.block-link{display:block;-webkit-text-decoration:none;text-decoration:none}.site-nav{align-items:center;background:#f7f3ec;background:var(--bg);border-bottom:1px solid rgba(26,21,16,.1);border-bottom:1px solid var(--border);display:flex;gap:1rem;gap:var(--space-4);height:64px;height:var(--nav-height);justify-content:space-between;padding:0 3rem;padding:0 var(--space-12);position:sticky;top:0;z-index:100}@media (max-width:768px){.site-nav{padding:0 20px}}.site-logo{color:#1a1510;color:var(--text-1);flex-shrink:0;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1rem;font-size:var(--text-base);font-weight:800;letter-spacing:-.03em;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:28px;list-style:none;margin:0;padding:0}@media (max-width:600px){.nav-links{gap:1rem;gap:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links li{flex-shrink:0}}.nav-links a{color:#5a5248;color:var(--text-2);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-sm);letter-spacing:.05em;-webkit-text-decoration:none;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#2d6a4f;color:var(--green)}.nav-links .nav-active a{color:#1a1510;color:var(--text-1)}theme-toggle{align-items:center;border-radius:4px;border-radius:var(--base-border-radius);color:#5a5248;color:var(--text-2);cursor:pointer;display:flex;flex-shrink:0;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:1.5rem;font-size:var(--text-lg);justify-content:center;line-height:1;min-height:2.5rem;min-width:2.5rem;padding:.5rem;padding:var(--space-2);transition:color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}theme-toggle:hover{color:#8b6914;color:var(--amber)}theme-toggle:focus-visible{color:#8b6914;color:var(--amber);outline:2px solid #2d6a4f;outline:2px solid var(--green);outline-offset:2px}.page-hero{border-bottom:1px solid rgba(26,21,16,.1);border-bottom:1px solid var(--border);padding:4rem 3rem 2.5rem;padding:var(--space-16) var(--space-12) var(--space-10)}@media (max-width:768px){.page-hero{padding:2.5rem 20px;padding:var(--space-10) 20px}}.post-header{border-bottom:1px solid rgba(26,21,16,.1);border-bottom:1px solid var(--border);padding:2.5rem 3rem 2rem;padding:var(--space-10) var(--space-12) var(--space-8)}@media (max-width:768px){.post-header{padding:1.5rem 20px;padding:var(--space-6) 20px}}.post-type-badge{border-radius:20px;display:inline-block;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.625rem;font-size:var(--text-xs);letter-spacing:.1em;margin-bottom:1rem;margin-bottom:var(--space-4);padding:3px 9px;text-transform:uppercase}.post-type-badge.type-long-form{background:rgba(45,106,79,.12);color:#2d6a4f;color:var(--green)}@supports (color:color-mix(in lch,red,blue)){.post-type-badge.type-long-form{background:color-mix(in srgb,var(--green) 12%,transparent)}}.post-type-badge.type-til{background:rgba(45,106,79,.12);color:#2d6a4f;color:var(--green)}@supports (color:color-mix(in lch,red,blue)){.post-type-badge.type-til{background:color-mix(in srgb,var(--green) 12%,transparent)}}.post-type-badge.type-link{background:rgba(194,77,44,.12);color:#c24d2c;color:var(--brick)}@supports (color:color-mix(in lch,red,blue)){.post-type-badge.type-link{background:color-mix(in srgb,var(--brick) 12%,transparent)}}.post-type-badge.type-note{background:rgba(194,77,44,.12);color:#c24d2c;color:var(--brick)}@supports (color:color-mix(in lch,red,blue)){.post-type-badge.type-note{background:color-mix(in srgb,var(--brick) 12%,transparent)}}.post-type-badge.type-talk{background:rgba(139,105,20,.12);color:#8b6914;color:var(--amber)}@supports (color:color-mix(in lch,red,blue)){.post-type-badge.type-talk{background:color-mix(in srgb,var(--amber) 12%,transparent)}}.site-footer{align-items:center;border-top:1px solid rgba(26,21,16,.1);border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem 3rem;padding:var(--space-6) var(--space-12)}@media (max-width:768px){.site-footer{flex-direction:column;gap:1rem;gap:var(--space-4);padding:1.5rem 20px;padding:var(--space-6) 20px;text-align:center}}.footer-logo{align-items:center;display:inline-flex;opacity:.5;-webkit-text-decoration:none;text-decoration:none;transition:opacity .2s}.footer-logo:hover{opacity:1}.footer-logo svg{display:block;height:2rem;width:auto}.footer-logo svg g,.footer-logo svg path{fill:#1a1510;fill:var(--text-1);stroke:#1a1510;stroke:var(--text-1)}.footer-links{display:flex;gap:20px;list-style:none;margin:0;padding:0}.footer-links a{color:#9a9088;color:var(--text-3);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-sm);letter-spacing:.05em;-webkit-text-decoration:none;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#1a1510;color:var(--text-1)}.footer-copy{color:#9a9088;color:var(--text-3);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-sm)}.footer-ornament{padding:.5rem 0;padding:var(--space-2) 0;text-align:center}.footer-ornament svg{color:#9a9088;color:var(--text-3);display:block;height:1.5rem;margin:0 auto;width:auto}.home-hero{display:grid;grid-template-columns:3fr 2fr;padding:36px 48px 52px;grid-gap:48px;background-image:radial-gradient(circle,rgba(26,21,16,.1) 1.5px,transparent 0);background-image:radial-gradient(circle,var(--border) 1.5px,transparent 1.5px);background-size:24px 24px;border-bottom:1px solid rgba(26,21,16,.1);border-bottom:1px solid var(--border);gap:48px}@media (min-width:600px) and (max-width:900px){.home-hero{gap:32px;grid-template-columns:2fr 1fr;padding:32px 28px 40px}}@media (max-width:600px){.home-hero{grid-template-columns:1fr;padding:32px 20px 40px}}.content-grid{border-bottom:1px solid rgba(26,21,16,.1);border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 300px}@media (max-width:900px){.content-grid{grid-template-columns:1fr}}.main-col{border-right:1px solid rgba(26,21,16,.1);border-right:1px solid var(--border);padding:40px 48px}@media (max-width:900px){.main-col{border-right:none;padding:32px 20px}}.side-col{background:#ede8df;background:var(--bg2);padding:40px 28px}@media (max-width:900px){.side-col{padding:32px 20px}}.sec-header{align-items:center;display:flex;gap:12px;margin-bottom:28px}.sec-title{color:#9a9088;color:var(--text-3);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.sec-rule{background:rgba(26,21,16,.1);background:var(--border);flex:1;height:1px}.sec-all{color:#9a9088;color:var(--text-3);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:10px;-webkit-text-decoration:none;text-decoration:none;transition:color .2s;white-space:nowrap}.sec-all:hover{color:#2d6a4f;color:var(--green)}.post-list{list-style:none;margin:0;padding:0}.post-item{display:grid;grid-template-columns:1fr auto;grid-gap:16px;align-items:start;border-bottom:1px solid rgba(26,21,16,.06);border-bottom:1px solid var(--border2);color:inherit;cursor:pointer;gap:16px;padding:20px 0;-webkit-text-decoration:none;text-decoration:none}.post-item:last-child{border-bottom:none}.post-item:hover .post-title{color:#2d6a4f;color:var(--green)}.post-item[hidden]{display:none}.post-cat{color:#2d6a4f;color:var(--green);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.post-cat.cat-link,.post-cat.cat-note{color:#c24d2c;color:var(--brick)}.post-cat.cat-talk{color:#8b6914;color:var(--amber)}.post-title{color:#1a1510;color:var(--text-1);font-family:"Instrument Serif",serif;font-family:var(--font-serif);font-size:24px;letter-spacing:-.01em;line-height:1.3;margin-bottom:5px;transition:color .2s}.post-summary{color:#5a5248;color:var(--text-2);font-family:Epilogue,sans-serif;font-family:var(--font-body);font-size:14px;line-height:1.55}.post-date{color:#9a9088;color:var(--text-3);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:12px;padding-top:2px;white-space:nowrap}.note-card{background:#f7f3ec;background:var(--bg);border-left:2px solid #2d6a4f;border-left:2px solid var(--green);border-radius:4px;margin-bottom:10px;padding:12px 14px}.note-card.note-link,.note-card.note-note{border-left-color:#c24d2c;border-left-color:var(--brick)}.note-card.note-thought{border-left-color:#8b6914;border-left-color:var(--amber)}.note-type{color:#9a9088;color:var(--text-3);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;margin-bottom:5px;text-transform:uppercase}.note-title{color:#1a1510;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}.note-body{color:#5a5248;color:var(--text-2);font-family:Epilogue,sans-serif;font-family:var(--font-body);font-size:12px;line-height:1.5}.note-meta{color:#9a9088;color:var(--text-3);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:9px;margin-top:6px}.note-empty{border-left-color:rgba(26,21,16,.1);border-left-color:var(--border)}.badge{border-radius:20px;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;padding:3px 9px}.badge.badge-building{background:rgba(45,106,79,.18);color:#2d6a4f;color:var(--green)}@supports (color:color-mix(in lch,red,blue)){.badge.badge-building{background:color-mix(in srgb,var(--green) 18%,transparent)}}.badge.badge-in-progress,.badge.badge-wip{background:rgba(194,77,44,.12);color:#c24d2c;color:var(--brick)}@supports (color:color-mix(in lch,red,blue)){.badge.badge-in-progress,.badge.badge-wip{background:color-mix(in srgb,var(--brick) 12%,transparent)}}.badge.badge-ongoing{background:rgba(139,105,20,.12);color:#8b6914;color:var(--amber)}@supports (color:color-mix(in lch,red,blue)){.badge.badge-ongoing{background:color-mix(in srgb,var(--amber) 12%,transparent)}}.stack-pill{background:#ddd6c9;background:var(--surface);border:1px solid rgba(26,21,16,.1);border:1px solid var(--border);border-radius:20px;color:#5a5248;color:var(--text-2);display:inline-block;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;margin:2px 2px 2px 0;padding:3px 10px}.page-body{padding-bottom:2.5rem;padding-bottom:var(--space-10)}.page-body,.post-body{padding-top:2.5rem;padding-top:var(--space-10)}.post-body{padding-bottom:4rem;padding-bottom:var(--space-16)}.post-meta{color:#9a9088;color:var(--text-3);margin-top:.5rem;margin-top:var(--space-2)}.type-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin-bottom:2rem;margin-bottom:var(--space-8)}.filter-btn{background:transparent;border:1px solid rgba(26,21,16,.1);border:1px solid var(--border);border-radius:20px;color:#5a5248;color:var(--text-2);cursor:pointer;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-sm);padding:.25rem 1rem;padding:var(--space-1) var(--space-4);transition:all .2s}.filter-btn:hover,type-filter [aria-current=true]{color:#1a1510;color:var(--text-1)}type-filter [aria-current=true]{background:#ddd6c9;background:var(--surface);border-color:rgba(26,21,16,.1);border-color:var(--border)}.draft-badge,.draft-banner{display:none}.dev-mode .draft-badge{border-radius:3px;display:inline-block;font-size:.625rem;font-size:var(--text-xs);margin-left:.5rem;margin-left:var(--space-2);padding:1px 6px;vertical-align:middle}.dev-mode .draft-badge,.dev-mode .draft-banner{background:#8b6914;background:var(--amber);color:#f7f3ec;color:var(--bg);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.dev-mode .draft-banner{display:block;font-size:.75rem;font-size:var(--text-sm);font-weight:600;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-align:center;width:100%}.type-nav{border-bottom:1px solid rgba(26,21,16,.1);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin-bottom:2rem;margin-bottom:var(--space-8);padding-bottom:1rem;padding-bottom:var(--space-4)}.type-nav-link{background:transparent;border:1px solid rgba(26,21,16,.1);border:1px solid var(--border);border-radius:20px;color:#5a5248;color:var(--text-2);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-sm);padding:.25rem 1rem;padding:var(--space-1) var(--space-4);transition:all .2s}.type-nav-link,.type-nav-link:hover{-webkit-text-decoration:none;text-decoration:none}.type-nav-link:hover{color:#1a1510;color:var(--text-1)}.type-nav-link[aria-current=page]{background:#ddd6c9;background:var(--surface);border-color:rgba(26,21,16,.1);border-color:var(--border);color:#1a1510;color:var(--text-1)}.pagination-nav{align-items:center;border-top:1px solid rgba(26,21,16,.1);border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:1rem;margin-top:var(--space-4);padding:1.5rem 0;padding:var(--space-6) 0}.pagination-link{color:#5a5248;color:var(--text-2);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-sm);transition:color .2s}.pagination-link,.pagination-link:hover{-webkit-text-decoration:none;text-decoration:none}.pagination-link:hover{color:#2d6a4f;color:var(--green)}.pagination-link[aria-disabled=true]{color:#9a9088;color:var(--text-3);pointer-events:none}.feed-link,.pagination-info{color:#9a9088;color:var(--text-3);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.625rem;font-size:var(--text-xs)}.feed-link{align-items:center;display:inline-flex;gap:.25rem;gap:var(--space-1);transition:color .2s}.feed-link,.feed-link:hover{-webkit-text-decoration:none;text-decoration:none}.feed-link:hover{color:#c24d2c;color:var(--brick)}.empty-state{border-top:1px solid rgba(26,21,16,.1);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);padding:3rem 0;padding:var(--space-12) 0}.empty-state-glyph{font-size:2rem;line-height:1}.empty-state-heading{color:#1a1510;color:var(--text-1);font-family:"Instrument Serif",serif;font-family:var(--font-serif);font-size:1.25rem;letter-spacing:-.01em}.empty-state-body{color:#5a5248;color:var(--text-2);font-family:Epilogue,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);line-height:1.6;max-width:36ch}.prose{max-width:680px}.prose h1,.prose h2,.prose h3,.prose h4{margin-top:2em}.prose blockquote{border-left:3px solid #2d6a4f;border-left:3px solid var(--green);color:#5a5248;color:var(--text-2);font-style:italic;margin-left:0;padding-left:1rem}.prose img{border-radius:4px;border-radius:var(--base-border-radius);max-width:100%}.prose hr{border:none;border-top:1px solid rgba(26,21,16,.1);border-top:1px solid var(--border);margin:2rem 0}@keyframes pulsate{0%,to{box-shadow:0 0 0 0 rgba(45,106,79,.5)}@supports (color:color-mix(in lch,red,blue)){0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 50%,transparent)}}50%{box-shadow:0 0 0 5px transparent}@supports (color:color-mix(in lch,red,blue)){50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 0%,transparent)}}}.live-dot{animation:pulsate 2.4s ease-in-out infinite;background:#2d6a4f;background:var(--green);border-radius:50%;flex-shrink:0;height:6px;width:6px}svg.icon{height:3em}svg.icon.icon-github{height:2.2em}svg.icon.icon-codepen{height:2.5em}.icon-github path#Eye---Left,.icon-github path#Eye---Right,.icon-github path#Head,.icon-twitter path{fill:var(--dark-gray)}.hero-status{align-items:center;color:#2d6a4f;color:var(--green);display:inline-flex;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.625rem;font-size:var(--text-xs);gap:.5rem;gap:var(--space-2);letter-spacing:.1em;margin-bottom:1.5rem;margin-bottom:var(--space-6);text-transform:uppercase}.hero-headline{color:#1a1510;color:var(--text-1);font-family:"Instrument Serif",serif;font-family:var(--font-serif);font-size:max(2.25rem,min(4vw,3.875rem));font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.25rem;margin-bottom:var(--space-5)}.hero-headline em{color:#2d6a4f;color:var(--green);font-style:italic}.hero-body{color:#5a5248;color:var(--text-2);font-family:Epilogue,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);line-height:1.7;margin:0;max-width:27.5rem}.bench-card{background:#ede8df;background:var(--bg2);border:1px solid rgba(26,21,16,.1);border:1px solid var(--border);border-radius:8px;margin-top:.5rem;margin-top:var(--space-2);padding:1.25rem 1.5rem;padding:var(--space-5) var(--space-6)}.bench-header{align-items:center;color:#9a9088;color:var(--text-3);display:flex;font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.625rem;font-size:var(--text-xs);gap:.5rem;gap:var(--space-2);letter-spacing:.14em;margin-bottom:1rem;margin-bottom:var(--space-4);text-transform:uppercase}.bench-header-rule{background:rgba(26,21,16,.1);background:var(--border);display:block;flex:1;height:1px}.bench-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--space-2) 0}.bench-row:not(:last-child){border-bottom:1px solid rgba(26,21,16,.06);border-bottom:1px solid var(--border2)}.bench-row-name{color:#1a1510;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.75rem;font-size:var(--text-sm);font-weight:600;letter-spacing:-.02em}.project-item{border-bottom:1px solid rgba(26,21,16,.06);border-bottom:1px solid var(--border2);padding:1.5rem 0;padding:var(--space-6) 0}.project-item-inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between}.project-title{color:#1a1510;color:var(--text-1);display:block;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;margin-bottom:var(--space-2)}.project-title,.project-title:hover{-webkit-text-decoration:none;text-decoration:none}.project-title:hover{color:#2d6a4f;color:var(--green)}.project-desc{color:#5a5248;color:var(--text-2);font-family:Epilogue,sans-serif;font-family:var(--font-body);font-size:.75rem;font-size:var(--text-sm);margin:0 0 .75rem;margin:0 0 var(--space-3)}.project-status{flex-shrink:0}.project-header-badge{display:inline-block;margin-bottom:1rem;margin-bottom:var(--space-4)}.project-header-desc{color:#5a5248;color:var(--text-2);font-family:Epilogue,sans-serif;font-family:var(--font-body);font-size:1.5rem;font-size:var(--text-lg);margin-top:.5rem;margin-top:var(--space-2)}.project-header-stack{margin-top:1rem;margin-top:var(--space-4)}.project-header-links{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);margin-top:1.25rem;margin-top:var(--space-5)}.project-link-live{color:#2d6a4f;color:var(--green)}.project-link-source{color:#9a9088;color:var(--text-3)}.project-screenshot{border:1px solid rgba(26,21,16,.1);border:1px solid var(--border);border-radius:8px;margin-bottom:2rem;margin-bottom:var(--space-8);max-width:100%}.speaking-item{border-bottom:1px solid rgba(26,21,16,.06);border-bottom:1px solid var(--border2);padding:1.5rem 0;padding:var(--space-6) 0}.speaking-item-inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between}.speaking-title{color:#1a1510;color:var(--text-1);display:block;font-family:"Instrument Serif",serif;font-family:var(--font-serif);font-size:1.1875rem;letter-spacing:-.01em;line-height:1.3;margin-bottom:.25rem;margin-bottom:var(--space-1)}.speaking-title,.speaking-title:hover{-webkit-text-decoration:none;text-decoration:none}.speaking-title:hover{color:#2d6a4f;color:var(--green)}.speaking-event{margin-top:.25rem;margin-top:var(--space-1)}.speaking-links{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);margin-top:.75rem;margin-top:var(--space-3)}.speaking-link{color:#9a9088;color:var(--text-3);font-family:IBM Plex Mono,monospace;font-family:var(--font-mono);font-size:.625rem;font-size:var(--text-xs);-webkit-text-decoration:none;text-decoration:none}.speaking-link:hover{-webkit-text-decoration:underline;text-decoration:underline}.speaking-link-recording{color:#8b6914;color:var(--amber)}.speaking-detail-links{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6)}