:root{color-scheme:light;--bg: #ffffff;--text: #050505;--muted: #5f6368;--line: #050505;--soft-line: #d9d9d9;--panel: #ffffff;--code-bg: #f1f1f1;--code-text: #151515;--accent: #990f3d;--accent-soft: #fff6f2;--accent-wash: rgba(153, 15, 61, .08);--header-bg: rgba(255, 255, 255, .96);--shadow-subtle: rgba(5, 5, 5, .04);--article-copy: #343434;--article-copy-hover: #111111;--button-bg: #ffffff;--inverse-text: #ffffff;--link-decoration: rgba(5, 5, 5, .32);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-snap: cubic-bezier(.16, 1, .3, 1);--max-width: 1280px;--read-width: 920px;--content-width: 1120px;--post-toc-width: 230px;--post-content-width: 920px;--post-gap: 78px;--post-grid-width: calc( var(--post-toc-width) + var(--post-gap) + var(--post-content-width) );--header-height: 100px;--sticky-toc-top: calc(var(--header-height) + 1.5rem);--page-gutter: 44px;--mobile-gutter: 28px;--page-edge: max( calc(var(--page-gutter) / 2), calc((100vw - var(--max-width)) / 2) );--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif: Georgia, "Times New Roman", serif}:root[data-theme=dark]{color-scheme:dark;--bg: #101114;--text: #f4f1eb;--muted: #b7b0a6;--line: #f4f1eb;--soft-line: #37332f;--panel: #17191d;--code-bg: #23262d;--code-text: #f4f1eb;--accent: #f2bd54;--accent-soft: #241f17;--accent-wash: rgba(242, 189, 84, .12);--header-bg: rgba(16, 17, 20, .94);--shadow-subtle: rgba(0, 0, 0, .36);--article-copy: #d6d0c5;--article-copy-hover: #f4f1eb;--button-bg: #101114;--inverse-text: #101114;--link-decoration: rgba(244, 241, 235, .38)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font);font-size:20px;line-height:1.6;letter-spacing:0;text-rendering:optimizeLegibility}a{color:inherit;text-decoration-thickness:.08em;text-decoration-color:var(--link-decoration);text-underline-offset:.16em;transition:color .18s var(--ease-out),text-decoration-color .18s var(--ease-out),background-color .18s var(--ease-out)}a:hover{color:var(--text);text-decoration-color:currentColor}::selection{background:var(--accent);color:var(--inverse-text)}:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%}.visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0);clip-path:inset(50%);border:0;margin:-1px;padding:0;white-space:nowrap}code{border-radius:4px;background:var(--code-bg);color:var(--code-text);font-family:Cascadia Code,Consolas,Monaco,monospace;font-size:.9em;padding:.08rem .28rem}pre{overflow-x:auto;border:2px solid var(--line);border-radius:0;background:#111;color:#fff;margin:1.4rem 0;padding:1rem}pre code{background:transparent;color:inherit;padding:0}.hero-profile,.article-grid-section,.site-footer{width:min(var(--max-width),calc(100% - var(--page-gutter)));margin-inline:auto}.page-heading,.post-shell{width:min(var(--read-width),calc(100% - 44px));margin-inline:auto}.content-band{width:min(var(--content-width),calc(100% - var(--page-gutter)));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:100px;margin-inline:0;padding-inline:var(--page-edge);border-bottom:1px solid var(--soft-line);background:var(--header-bg);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--shadow-subtle);transition:background-color .22s ease,box-shadow .22s ease,border-color .22s ease}.brand{position:relative;display:inline-flex;padding:.35rem .45rem;color:var(--text);font-size:1.25rem;font-weight:500;line-height:1;text-decoration:none;transition:background-color .18s var(--ease-out),box-shadow .22s var(--ease-snap),color .18s var(--ease-out),transform .22s var(--ease-snap)}.brand:hover{background:var(--text);color:var(--bg);box-shadow:5px 5px 0 var(--accent);transform:translate(-2px,-2px)}.brand:active{box-shadow:2px 2px 0 var(--accent);transform:translate(-1px,-1px)}.search-link{display:inline-grid;width:42px;height:42px;place-items:center;color:var(--text);text-decoration:none;transition:color .18s var(--ease-out),transform .22s var(--ease-snap)}.search-link svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-width .18s var(--ease-out),transform .22s var(--ease-snap)}.search-link:hover{color:var(--accent);transform:translateY(-1px) rotate(-4deg)}.search-link:hover svg{stroke-width:3.4;transform:scale(1.06)}.header-actions{display:flex;align-items:center;gap:.8rem}.theme-toggle{display:inline-grid;width:58px;height:34px;flex:0 0 auto;place-items:center;border:2px solid var(--line);border-radius:999px;background:var(--button-bg);color:var(--text);cursor:pointer;padding:0;transition:background-color .18s var(--ease-out),box-shadow .22s var(--ease-snap),transform .22s var(--ease-snap)}.theme-toggle:hover{box-shadow:4px 4px 0 var(--accent);transform:translate(-2px,-2px)}.theme-toggle-track{position:relative;display:grid;width:100%;height:100%;grid-template-columns:1fr 1fr;align-items:center;padding-inline:7px}.theme-toggle-icon{z-index:1;color:var(--muted);font-size:.82rem;font-weight:800;line-height:1;text-align:center;transition:color .18s var(--ease-out)}.theme-toggle-thumb{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--text);transition:background-color .18s var(--ease-out),transform .22s var(--ease-snap)}[data-theme=dark] .theme-toggle-thumb{transform:translate(24px)}[data-theme=light] .theme-toggle-sun,[data-theme=dark] .theme-toggle-moon{color:var(--bg)}.header-meta{color:var(--muted);font-family:Cascadia Code,Consolas,Monaco,monospace;font-size:.78rem;letter-spacing:.02em}.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;pointer-events:none;transform:scaleX(var(--reading-progress, 0));transform-origin:left center;background:var(--accent);transition:transform 80ms linear;will-change:transform}.hero-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:3rem;align-items:center;min-height:258px;padding:1.65rem 0 3.45rem;border-bottom:8px solid var(--line)}.hero-profile h1{margin:0;color:var(--text);font-size:clamp(3rem,16vw,4.5rem);font-style:italic;font-weight:950;line-height:.9;letter-spacing:0;white-space:nowrap}.hero-bio{display:grid;gap:.6rem;justify-self:start;padding-top:.25rem;color:var(--text);font-size:1.18rem;line-height:1.45}.hero-bio strong{font-weight:500}.hero-bio span{display:block}.hero-bio p{max-width:530px;margin:.2rem 0 0}.article-grid-section{padding:4.4rem 0 0}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--line);border-left:2px solid var(--line)}.all-posts-cta{display:flex;justify-content:center;padding:5.7rem 0 6.5rem}.all-posts-button{display:inline-flex;min-height:70px;align-items:center;justify-content:center;gap:.25rem;border:3px solid var(--line);background:var(--button-bg);color:var(--text);font-size:1.2rem;font-weight:700;line-height:1;padding:0 2.1rem;text-decoration:none;transition:background-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .22s var(--ease-snap),transform .22s var(--ease-snap)}.all-posts-button span{display:inline-block;transition:transform .22s var(--ease-snap)}.all-posts-button:hover{background:var(--text);color:var(--bg);box-shadow:8px 8px 0 var(--accent);transform:translate(-3px,-3px)}.all-posts-button:hover span{transform:translate(.28rem)}.all-posts-button:active{box-shadow:3px 3px 0 var(--accent);transform:translate(-1px,-1px)}.article-card,.archive-card{position:relative;isolation:isolate;display:grid;min-height:420px;grid-template-rows:auto 1fr auto;border-right:2px solid var(--line);border-bottom:2px solid var(--line);background:var(--panel);padding:2.35rem;color:var(--text);text-decoration:none;transition:background-color .22s var(--ease-out),box-shadow .26s var(--ease-snap),transform .26s var(--ease-snap)}.article-card-hit-area{position:absolute;inset:0;z-index:1;color:inherit;text-decoration:none}.article-card>:not(.article-card-hit-area){position:relative;z-index:2}.article-card-top,.article-card-main,.article-card-meta{pointer-events:none}.article-card-hit-area:focus-visible{outline:3px solid var(--accent);outline-offset:-8px}.article-card:before,.archive-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,var(--accent-wash),var(--accent-soft));opacity:0;transition:opacity .22s var(--ease-out)}.article-card:hover,.archive-card:hover{z-index:2;box-shadow:9px 9px 0 var(--line);transform:translate(-4px,-4px)}.article-card:hover:before,.archive-card:hover:before{opacity:1}.article-card.featured{grid-column:span 2;min-height:480px}.article-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:38px;color:var(--text);font-size:.76rem;font-weight:950;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.article-card.featured .article-index{display:inline-flex;min-height:28px;align-items:center;background:#5c5c5c;color:#fff;padding:0 .8rem;transition:background-color .18s var(--ease-out),color .18s var(--ease-out)}.article-card-main{display:grid;align-content:center;min-width:0}.article-card h2{max-width:1040px;margin:0;color:var(--text);font-size:clamp(2.3rem,4.35vw,4.05rem);font-weight:950;line-height:.98;letter-spacing:0;transition:color .18s var(--ease-out),transform .26s var(--ease-snap)}.article-card p{max-width:900px;margin:1.6rem 0 0;color:var(--article-copy);font-family:var(--serif);font-size:1.24rem;line-height:1.36;transition:color .18s var(--ease-out),transform .26s var(--ease-snap)}.article-card:not(.featured) h2{font-size:clamp(1.95rem,2.85vw,2.75rem)}.article-card:hover h2,.archive-card:hover strong{color:var(--accent);transform:translate(.35rem)}.article-card:hover p{color:var(--article-copy-hover);transform:translate(.18rem)}.article-card:hover .article-card-top span:last-child,.archive-card:hover span{color:var(--accent)}.article-card.featured:hover .article-index{background:var(--accent);color:var(--inverse-text)}.article-card-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem;color:var(--muted);font-size:1rem;line-height:1.2;transition:color .18s var(--ease-out)}.article-card-reading{font-family:Cascadia Code,Consolas,Monaco,monospace;font-size:.78rem}.applause-button-wrap{display:inline-flex;width:54px;flex:0 0 auto;align-items:center;justify-content:center;color:var(--accent)}.applause-button-wrap applause-button{display:block;flex:0 0 auto}body applause-button .clap-count{font-size:1.3rem}.applause-button-wrap--compact{width:38px}.archive-card{align-content:center;min-height:180px;gap:1rem}.archive-card span{color:var(--muted);font-family:Cascadia Code,Consolas,Monaco,monospace;font-size:.82rem;transition:color .18s var(--ease-out)}.archive-card strong{color:var(--text);font-size:2rem;font-weight:950;line-height:1;transition:color .18s var(--ease-out),transform .26s var(--ease-snap)}.page-heading{padding:3rem 0 1.8rem}.page-heading h1,.post-header h1{margin:0;color:var(--text);font-size:clamp(2.6rem,7vw,5rem);font-weight:950;line-height:.96;letter-spacing:0}.page-heading p,.post-header>p{max-width:700px;margin:1rem 0 0;color:var(--muted);font-size:1.05rem;line-height:1.55}.content-band{padding:1.7rem 0 3.4rem}.wide-page-heading,.wide-page-content{width:min(var(--max-width),calc(100% - var(--page-gutter)));margin-inline:auto}.wide-page-heading{padding:4.9rem 0 3.25rem}.wide-page-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 2.25rem;color:var(--muted);font-size:1rem;font-weight:500;line-height:1.2}.wide-page-kicker strong{color:var(--muted);font-weight:750}.wide-page-heading h1{max-width:1180px;margin:0;color:var(--text);font-size:clamp(3.65rem,7.6vw,6.15rem);font-weight:950;line-height:.95;letter-spacing:0}.wide-page-description{max-width:1180px;margin:1.35rem 0 0;color:var(--muted);font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.45}.wide-page-content{padding:0 0 4.5rem}.article-filters{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.25rem}.filter-button{display:inline-flex;min-height:42px;align-items:center;gap:.55rem;border:2px solid var(--line);background:var(--button-bg);color:var(--text);font:inherit;font-size:.82rem;font-weight:850;line-height:1;cursor:pointer;padding:0 .9rem;text-transform:uppercase;transition:background-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .22s var(--ease-snap),transform .22s var(--ease-snap)}.filter-button small{color:var(--muted);font-family:Cascadia Code,Consolas,Monaco,monospace;font-size:.72rem;font-weight:700;transition:color .18s var(--ease-out)}.filter-button:hover{box-shadow:5px 5px 0 var(--accent);transform:translate(-2px,-2px)}.filter-button.is-active{background:var(--text);color:var(--bg)}.filter-button.is-active small{color:var(--bg)}.article-card[hidden]{display:none}.content-band .article-list,.wide-page-content .article-list{display:grid;grid-template-columns:1fr;border-top:2px solid var(--line);border-left:2px solid var(--line)}.content-band .article-card,.wide-page-content .article-card{min-height:320px}.content-band .article-card.featured,.wide-page-content .article-card.featured{grid-column:auto}.post-shell{padding:3rem 0 4rem}.post-header{margin-bottom:2rem}.post-header h1{margin-top:.6rem}.back-link{display:inline-block;margin-bottom:1rem;color:var(--muted);font-size:.95rem;text-decoration:none;transition:color .18s var(--ease-out),transform .18s var(--ease-out)}.back-link:hover{color:var(--accent);transform:translate(-.16rem)}.tag-row,.tag-cloud{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.tag-row a,.tag-cloud a{color:var(--muted);font-size:.88rem;text-decoration:none;transition:color .18s var(--ease-out),transform .18s var(--ease-out)}.tag-row a:before,.tag-cloud a span:before{content:"#"}.tag-row a:hover,.tag-cloud a:hover{color:var(--accent);text-decoration:none;transform:translateY(-1px)}.tag-cloud{display:grid;gap:.4rem}.tag-cloud a{display:inline-flex;gap:.45rem}.post-content{color:var(--text);font-size:1.08rem;line-height:1.78}.post-content h2{margin:2.35rem 0 .75rem;color:var(--text);font-size:1.8rem;font-weight:950;line-height:1.1;letter-spacing:0}.post-content h3{margin:1.8rem 0 .6rem;color:var(--text);font-size:1.28rem;line-height:1.25}.post-content p,.post-content li{color:var(--text)}.post-content ul,.post-content ol{padding-left:1.25rem}.callout{margin:1.4rem 0;border:2px solid var(--line);background:var(--panel);padding:1rem;transition:background-color .18s var(--ease-out),border-color .18s var(--ease-out),transform .22s var(--ease-snap)}.callout:hover{border-color:var(--accent);background:var(--accent-soft);transform:translate(.16rem)}.callout strong{display:block;margin-bottom:.25rem}.post-page{padding-bottom:4.5rem}.post-hero{width:min(var(--post-grid-width),calc(100% - var(--page-gutter)));margin-inline:auto;padding:4.9rem 0 4.1rem}.post-category{display:inline-flex;align-items:center;gap:.55rem;color:var(--muted);font-size:1rem;font-weight:750;line-height:1.2}.post-category span:first-child{color:var(--muted);font-size:1.05rem}.post-hero h1{max-width:var(--post-grid-width);margin:.6rem 0 0;color:var(--text);font-size:clamp(3.25rem,5.8vw,4.85rem);font-weight:950;line-height:1;letter-spacing:0}.post-hero time{display:block;margin-top:3.4rem;color:var(--muted);font-size:1rem}.post-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3.4rem}.post-hero-meta time{margin-top:0}.post-body-grid{display:grid;width:min(var(--post-grid-width),calc(100% - var(--page-gutter)));grid-template-columns:var(--post-toc-width) minmax(0,var(--post-content-width));gap:var(--post-gap);align-items:start;margin-inline:auto}.post-toc{position:sticky;top:var(--sticky-toc-top);overflow:visible;padding-top:.1rem}.post-toc h2{margin:0 0 1.25rem;color:var(--muted);font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.post-toc nav{display:grid;gap:.9rem}.post-toc a{position:relative;color:#a2a2a2;font-size:1.02rem;font-weight:500;line-height:1.45;text-decoration:none;transition:color .16s ease,transform .16s ease}.post-toc a:after{content:"";position:absolute;top:.72em;left:-24px;width:12px;height:2px;background:var(--accent);opacity:0;transform:scaleX(0);transform-origin:right center;transition:opacity .16s var(--ease-out),transform .18s var(--ease-snap)}.post-toc a:hover,.post-toc a.is-active{color:var(--text);transform:translate(2px)}.post-toc a.is-active:after{opacity:1;transform:scaleX(1);transform-origin:left center}.post-toc a:hover:after{opacity:1;transform:scaleX(1);transform-origin:left center}.post-page .post-content h2{scroll-margin-top:130px}.post-page .post-content{max-width:var(--post-content-width);color:var(--text);font-family:var(--serif);font-size:1.152rem;line-height:1.66}.post-page .post-content p{margin:0 0 1.45rem;color:var(--text)}.post-page .post-content h2{margin:3rem 0 1rem;color:var(--text);font-family:var(--font);font-size:1.82rem;font-weight:600;line-height:1.05;letter-spacing:0}.post-page .post-content h3{margin:2.1rem 0 .7rem;color:var(--text);font-family:var(--font);font-size:1.26rem;font-weight:650;line-height:1.2}.post-page .post-content ul,.post-page .post-content ol{margin:0 0 1.55rem;padding-left:1.35rem}.post-page .post-content li{margin-bottom:.45rem}.post-page .post-content img{max-width:60%;margin:2rem auto}@media(min-width:921px){.post-page .post-content img[src="/images/articles/ai-will-not-fix-bad-integration-architecture/page-02-image-01.jpg"],.post-page .post-content img[src="/images/articles/ai-will-not-fix-bad-integration-architecture/page-05-image-01.jpg"],.post-page .post-content img[src="/images/articles/ai-will-not-fix-bad-integration-architecture/page-09-image-01.jpg"],.post-page .post-content img[src="/images/articles/ai-will-not-fix-bad-integration-architecture/page-09-image-02.jpg"]{max-width:70%}.post-page .post-content img[src="/images/articles/ai-will-not-fix-bad-integration-architecture/page-04-image-01.jpg"],.post-page .post-content img[src="/images/articles/ai-will-not-fix-bad-integration-architecture/page-04-image-02.jpg"],.post-page .post-content img[src="/images/articles/ai-will-not-fix-bad-integration-architecture/page-06-image-01.jpg"],.post-page .post-content img[src="/images/articles/ai-will-not-fix-bad-integration-architecture/page-07-image-01.jpg"]{max-width:50%}}.post-page .post-content a{color:var(--text);text-decoration:underline;text-decoration-color:var(--link-decoration);transition:color .18s var(--ease-out),text-decoration-color .18s var(--ease-out)}.post-page .post-content a:hover{color:var(--accent);text-decoration-color:currentColor}.post-page .callout{margin:1.75rem 0;border:0;border-left:3px solid var(--accent);background:var(--accent-soft);font-family:var(--font);font-size:1rem;line-height:1.6;padding:1rem 1.1rem}.post-page .callout:hover{border-left-color:var(--accent);background:var(--accent-soft)}.post-footer{margin-top:2rem;font-family:var(--font)}.post-tags{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 1.4rem;border-bottom:1px solid var(--soft-line);padding-bottom:2.6rem}.post-tags .applause-button-wrap{justify-self:end;transform:translateY(1rem)}.post-tags h2{margin:0;color:var(--muted);font-size:.86rem;font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase}.post-tag-list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.75rem}.post-tag-list a{display:inline-flex;min-height:37px;align-items:center;border:2px solid var(--line);background:var(--button-bg);color:var(--text);font-size:.9rem;font-weight:500;line-height:1;padding:0 .82rem;text-decoration:none;transition:background-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .22s var(--ease-snap),transform .22s var(--ease-snap)}.post-page .post-content .post-tag-list a,.post-page .post-content .post-nav-link{text-decoration:none;transition:background-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .22s var(--ease-snap),transform .22s var(--ease-snap)}.post-tag-list a:before{content:"#"}.post-page .post-content .post-tag-list a:hover{background:var(--text);color:var(--bg);box-shadow:5px 5px 0 var(--accent);text-decoration:none;transform:translate(-2px,-2px)}.post-page .post-content .post-tag-list a:active{box-shadow:2px 2px 0 var(--accent);transform:translate(-1px,-1px)}.post-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;border-top:1px solid var(--soft-line);margin-top:0;padding-top:2.4rem}.post-tags+.post-navigation{border-top:0;margin-top:2.4rem;padding-top:0}.post-nav-link{display:grid;min-height:174px;align-content:center;gap:.72rem;border:2px solid var(--line);background:var(--panel);color:var(--text);padding:2rem 2rem 1.8rem;text-decoration:none;transition:background-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .22s var(--ease-snap),transform .22s var(--ease-snap)}.post-nav-link--next{justify-items:end;text-align:right}.post-nav-link--empty{visibility:hidden}.post-nav-kicker{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.84rem;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase;transition:color .18s var(--ease-out)}.post-nav-link strong{color:var(--text);font-size:1.45rem;font-weight:700;line-height:1.22;transition:color .18s var(--ease-out),transform .22s var(--ease-snap)}.post-page .post-content .post-nav-link:hover{background:var(--text);color:var(--bg);box-shadow:8px 8px 0 var(--accent);text-decoration:none;transform:translate(-3px,-3px)}.post-nav-link:hover .post-nav-kicker,.post-nav-link:hover strong{color:var(--bg)}.post-nav-link:active{box-shadow:3px 3px 0 var(--accent);transform:translate(-1px,-1px)}.prose-block{max-width:var(--read-width)}.search-shell{min-height:220px}.pagefind-ui{--pagefind-ui-primary: var(--text);--pagefind-ui-text: var(--text);--pagefind-ui-background: var(--panel);--pagefind-ui-border: var(--line);--pagefind-ui-border-width: 2px;--pagefind-ui-border-radius: 0;--pagefind-ui-font: var(--font)}.pagefind-ui__search-input,.pagefind-ui__button{transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),transform .18s var(--ease-out)}.pagefind-ui__search-input:focus,.pagefind-ui__button:hover{box-shadow:5px 5px 0 var(--accent);transform:translate(-2px,-2px)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:8px solid var(--line);padding:1.2rem 0 2.4rem;color:var(--muted);font-size:.9rem}.site-footer p{margin:0}.footer-socials{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1.1rem}.footer-social-link{display:inline-grid;width:40px;height:40px;place-items:center;border:2px solid currentColor;color:var(--text);text-decoration:none;transition:background-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .22s var(--ease-snap),transform .22s var(--ease-snap)}.footer-social-link svg{display:block;width:22px;height:22px;fill:currentColor;stroke:none}.footer-social-link svg rect,.footer-social-link svg path:not(:first-child),.footer-social-link svg circle{vector-effect:non-scaling-stroke}.footer-social-link--email svg,.footer-social-link--rss svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.2}.footer-social-link--rss svg circle{fill:currentColor;stroke:none}.footer-social-link:hover{background:var(--text);color:var(--bg);box-shadow:5px 5px 0 var(--accent);text-decoration:none;transform:translate(-2px,-2px)}@keyframes surfaceEnter{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}.hero-profile,.article-grid-section,.page-heading,.content-band,.wide-page-heading,.wide-page-content,.post-hero,.post-body-grid{animation:surfaceEnter .42s var(--ease-out) both}.article-card{animation:surfaceEnter .52s var(--ease-out) both}.article-card:nth-child(2){animation-delay:50ms}.article-card:nth-child(3){animation-delay:.1s}.article-card:nth-child(4){animation-delay:.15s}@media(hover:none){.article-card:hover,.archive-card:hover,.all-posts-button:hover,.filter-button:hover,.theme-toggle:hover,.post-tag-list a:hover,.post-nav-link:hover,.pagefind-ui__button:hover{box-shadow:none;transform:none}.article-card:hover h2,.article-card:hover p,.archive-card:hover strong,.all-posts-button:hover span{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:920px){.hero-profile{grid-template-columns:1fr;gap:1.5rem}.hero-bio{max-width:560px}.article-grid{grid-template-columns:1fr 1fr}.article-card.featured{grid-column:span 2}.post-body-grid{grid-template-columns:1fr;gap:2.2rem}.post-toc{position:static;max-height:none;overflow:visible;border-bottom:1px solid var(--soft-line);padding-bottom:1.4rem}.post-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.post-navigation{grid-template-columns:1fr}.post-nav-link--empty{display:none}.post-page .post-content img{max-width:100%}}@media(max-width:640px){.site-header,.hero-profile,.article-grid-section,.wide-page-heading,.wide-page-content,.content-band,.site-footer{width:min(100% - var(--mobile-gutter),var(--max-width))}.site-header{width:100%;min-height:76px;padding-inline:calc(var(--mobile-gutter) / 2)}.hero-profile{min-height:0;padding:1.4rem 0 2.3rem;border-bottom-width:6px}.hero-profile h1{font-size:3.8rem;white-space:normal}.hero-bio{font-size:1rem}.wide-page-heading{padding:4rem 0 2.25rem}.wide-page-kicker{margin-bottom:1.45rem}.wide-page-heading h1{font-size:clamp(2.45rem,12vw,3.6rem)}.article-grid{grid-template-columns:1fr}.article-card.featured{grid-column:auto}.article-card,.archive-card{min-height:320px;padding:1.35rem}.article-card h2,.article-card:not(.featured) h2{font-size:2rem}.article-card-meta{font-size:.92rem}.all-posts-cta{padding:3.2rem 0 4rem}.all-posts-button{min-height:64px;width:100%;max-width:250px}.site-footer{flex-direction:column;align-items:flex-start}.footer-socials{justify-content:flex-start}.post-hero,.post-body-grid{width:min(100% - var(--mobile-gutter),var(--max-width))}.post-hero{padding:4rem 0 2.8rem}.post-hero h1{font-size:clamp(2.45rem,11vw,3.35rem)}.post-hero time{margin-top:2.2rem}.post-hero-meta{align-items:flex-start;flex-direction:column;margin-top:2.2rem}.post-hero-meta time{margin-top:0}.post-toc nav{grid-template-columns:1fr}.post-page .post-content{font-size:.972rem;line-height:1.66}.post-footer{margin-top:1.8rem}.post-tags{grid-template-columns:1fr}.post-tag-list{justify-content:flex-start}.post-tags .applause-button-wrap{justify-self:start;transform:none}.post-tag-list a{flex:1 1 150px;justify-content:center}.post-nav-link{min-height:134px}.post-nav-link strong{font-size:1.35rem}}