@font-face{font-family:Caveat Note;src:url(/fonts/caveat-note.woff2)format("woff2");font-weight:600;font-display:swap}:root{--text:#1c1e21;--muted:#5f6670;--bg:#fdfdfc;--surface:#f3f4f6;--border:#e2e4e8;--hue:157;--accent:#1f7a57;--accent-soft:#e3f2ea;--line:#c9cdd3;--people:#6b5bd2;--measure:42rem;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--text:#e4e6ea;--muted:#9aa1ab;--bg:#111317;--surface:#1a1d23;--border:#2b2f37;--accent:#6fd3a5;--accent-soft:#15302a;--line:#3a3f48;--people:#a99cf0}.astro-code,.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}}@supports (color:oklch(0 0 0)){:root{--accent:oklch(.5 .11 var(--hue));--accent-soft:oklch(.95 .03 var(--hue));--people:oklch(.52 .13 calc(var(--hue) + 140))}@media (prefers-color-scheme:dark){:root{--accent:oklch(.8 .12 var(--hue));--accent-soft:oklch(.27 .04 var(--hue));--people:oklch(.78 .11 calc(var(--hue) + 140))}}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:1.0625rem/1.7 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}main,.site-header,.site-footer{width:min(100% - 2.5rem, var(--measure));margin-inline:auto}main{min-height:70vh;padding-block:3rem 5rem}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}h1,h2,h3{letter-spacing:-.01em;line-height:1.25}img{max-width:100%;height:auto}time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.site-header{justify-content:space-between;align-items:baseline;padding-block:1.5rem 0;display:flex}.site-header a{color:var(--text);text-decoration:none}.site-header .brand{font-weight:600}.site-header nav{gap:1.5rem;font-size:.9375rem;display:flex}.site-header nav a{color:var(--muted)}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--text)}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding-block:2rem 3rem;font-size:.875rem}.wide{--measure:66rem}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:2.5rem;padding-block:1rem 2rem;display:grid}.eyebrow{font:.8125rem/1.4 var(--font-mono);color:var(--accent);letter-spacing:.02em;margin:0}.hero h1{letter-spacing:-.035em;margin:.75rem 0 1.25rem;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;line-height:1}.lede{max-width:32rem;margin:0;font-size:1.1875rem;line-height:1.6}.hero-links{gap:1.5rem;margin:1.75rem 0 0;font-weight:500;display:flex}.topology{width:100%;height:auto;overflow:visible}.topology .grid circle{fill:var(--line)}.topology .edges path{fill:none;stroke:var(--line);stroke-width:1.5px;stroke-linejoin:round}.topology .nodes circle{fill:var(--bg);stroke:var(--muted);stroke-width:1.5px}.topology .sources rect{fill:var(--accent)}.topology .sources text{fill:var(--text);font:13px var(--font-mono);paint-order:stroke;stroke:var(--bg);stroke-width:5px}.topology .flows path{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:8 72;animation:2.4s linear infinite telemetry}.topology .platform .ring{fill:var(--bg);stroke:var(--accent);stroke-width:2.5px}@keyframes telemetry{0%{stroke-dashoffset:80px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.topology .flows path,.hero-links a:hover,.split a:hover{animation:none}.focus li{transition:none}}.topology .note path{fill:none;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.topology .note text{fill:var(--text);paint-order:stroke;stroke:var(--bg);stroke-width:6px;font:600 24px Caveat Note,Comic Sans MS,cursive}.section{margin-top:4.5rem}.section h2,.related h2,.author h2,.about footer h2{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.8125rem;font-weight:600}.section p{margin:0}.focus{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.focus li{background:var(--surface);transform:rotate(var(--tilt,-1deg));border-radius:12px;padding:1.25rem 1.25rem 1.5rem;transition:transform .25s}.focus li:nth-child(2){--tilt:1.2deg}.focus li:nth-child(3){--tilt:-.6deg}.focus li:hover{transform:rotate(0)translateY(-3px)}.hero-links a,.split a{display:inline-block}.hero-links a:hover,.split a:hover{animation:.4s ease-in-out wiggle}@keyframes wiggle{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.focus h3{margin:0 0 .5rem;font-size:1.1875rem}.focus p{color:var(--muted)}.journey{width:100%;height:auto;overflow:visible}.journey-tall{max-width:24rem;margin-inline:auto;display:none}.journey .line{fill:none;stroke-width:2.5px;stroke-linecap:round}.journey .line-tech,.journey .line-merged{stroke:var(--accent)}.journey .line-people{stroke:var(--people)}.journey text{fill:var(--text);font-size:15px;font-weight:600}.journey .lane-label{fill:var(--muted);font:12px var(--font-mono);letter-spacing:.04em}.journey .stage circle{fill:var(--bg);stroke-width:2.5px}.journey .stage-tech circle{stroke:var(--accent)}.journey .stage-people circle{stroke:var(--people)}.journey .merge circle{fill:var(--accent);stroke:var(--bg);stroke-width:3px}.journey .merge text{font-size:16px}.note{color:var(--muted);margin-top:1.5rem!important}.split{background:var(--accent-soft);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;padding:2rem;display:grid}.split .social{margin-top:.75rem}.social,.tags,.post-list{padding:0;list-style:none}.social,.tags{flex-wrap:wrap;gap:.5rem 1.25rem;margin:.75rem 0 0;font-size:.9375rem;display:flex}.post-list{margin:0}.post-list>li{border-top:1px solid var(--border);grid-template-columns:3.5rem 1fr;gap:1rem;padding-block:.875rem;display:grid}.post-list>li:last-child{border-bottom:1px solid var(--border)}.post-list time{padding-top:.1rem}.post-list a{color:var(--text);font-weight:500;text-decoration:none}.post-list a:hover{color:var(--accent)}.post-list p{color:var(--muted);margin:.125rem 0 0;font-size:.9375rem;line-height:1.55}.page-header{margin-bottom:2rem}.page-header h1{margin:0}.page-header p{color:var(--muted);margin:.25rem 0 0}.pagination{color:var(--muted);justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.post header h1{margin:.25rem 0 2rem;font-size:clamp(1.875rem,5vw,2.5rem)}.archive-note{border-left:3px solid var(--accent);background:var(--surface);color:var(--muted);margin:-1rem 0 2rem;padding:.625rem .875rem;font-size:.9375rem}.post .cover{border-radius:6px;margin:0 auto 2.5rem;display:block}.prose{overflow-wrap:break-word}.prose :is(h2,h3){margin-top:2.75rem}.prose blockquote{border-left:3px solid var(--border);color:var(--muted);margin:1.5rem 0;padding:.25rem 1.25rem}.prose :not(pre)>code{background:var(--surface);font:.875em var(--font-mono);border-radius:4px;padding:.15em .35em}.prose pre{border:1px solid var(--border);font:.875rem/1.6 var(--font-mono);border-radius:6px;margin:1.75rem 0;padding:1rem 1.25rem;overflow-x:auto}.prose img{border-radius:4px;margin:1.75rem auto;display:block}.prose hr{border:0;border-top:1px solid var(--border);margin-block:2.5rem}.post>footer,.related{border-top:1px solid var(--border);margin-top:3.5rem;padding-top:1.5rem}.author{margin-top:2rem}.author p{margin:0}.related ul{margin:0;padding-left:1.25rem}.not-found{text-align:center;padding-block:4rem}@media (width<=560px){body{font-size:1rem}main{padding-block:2rem 4rem}.lede{font-size:1.0625rem}}@media (width<=760px){.hero,.focus,.split{grid-template-columns:1fr}.journey-wide{display:none}.journey-tall{display:block}.split{gap:2rem;padding:1.5rem}}
