:root{--ink: #111212;--paper: #fff;--gray: #aaabab;--line: #ececec;--line-strong: #e0e0e0;--cyan: #36c5f0;--magenta: #e01e5a;--amber: #ecb22e;--green: #2eb67d;--surface: #fff;--hover: #f4f4f4;--bar: #fafafa;--shadow-sticker: 3px 3px 0 #111212e6;--nav-h: 66px;--maxw: 72rem;--prosew: 44rem;--radius: 16px;--font-display: "Rubik", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", ui-monospace, "SFMono-Regular", monospace;--font-hand: "Just Me Again Down Here", cursive;color-scheme:light}[data-theme=dark]{--ink: #f1f1ee;--paper: #141519;--gray: #74767a;--line: #272b31;--line-strong: #373b42;--surface: #1c1e23;--hover: #23262c;--bar: #101114;--shadow-sticker: 3px 3px 0 #000000bf;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.canvas-bg{position:fixed;inset:0;z-index:-1;background-color:var(--paper);background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}h1{font-size:clamp(2.6rem,7vw,4.75rem);margin:0 0 .4rem}h2{font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0 0 .6rem}h3{font-size:1.3rem;margin:0 0 .4rem}.muted{color:var(--gray)}.lede{font-size:1.15rem;line-height:1.6;color:var(--gray);max-width:42rem}.hand{font-family:var(--font-hand);font-weight:400;font-size:clamp(1.7rem,3.2vw,2.1rem);color:var(--ink);display:inline-block;transform:rotate(-3deg);line-height:1}.mono,.kicker,.date{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:-.02em;font-size:.8rem;color:var(--gray)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bar) 88%,transparent);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}.site-header nav{max-width:var(--maxw);margin:0 auto;height:var(--nav-h);padding:0 1.5rem;display:flex;align-items:stretch;gap:.25rem}.brand{display:flex;align-items:center;font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:-.03em;color:var(--ink);margin-right:1.25rem}.brand .dot{color:var(--cyan)}.nav-links{display:flex;align-items:stretch}.nav-links a{display:flex;align-items:center;padding:0 1rem;font-family:var(--font-mono);text-transform:uppercase;font-size:.8rem;letter-spacing:-.02em;color:var(--ink);transition:background .15s ease}.nav-links a:hover{background:var(--hover)}.nav-links a[aria-current=page]{background:var(--cyan);color:#111212}.nav-right{margin-left:auto;display:flex;align-items:center;gap:.6rem}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer;transition:transform .12s ease,background .15s ease}.icon-btn:hover{background:var(--hover)}.icon-btn svg{width:17px;height:17px}.icon-btn .sun{display:none}[data-theme=dark] .icon-btn .sun{display:block}[data-theme=dark] .icon-btn .moon{display:none}.pill-btn{display:inline-flex;align-items:center;gap:.45rem;height:38px;padding:0 .95rem;border:1.5px solid var(--ink);border-radius:11px;background:var(--surface);color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;font-size:.78rem;letter-spacing:-.02em;transition:transform .12s ease,box-shadow .12s ease}.pill-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-sticker)}.pill-btn svg{width:15px;height:15px}.btn-sticker{display:inline-flex;align-items:center;gap:.7rem;padding:.45rem 1.1rem .45rem .45rem;border-radius:12px;background:var(--ink);color:var(--paper);font-family:var(--font-mono);text-transform:uppercase;font-size:.85rem;letter-spacing:-.02em;transition:transform .12s ease,box-shadow .12s ease}.btn-sticker .ic{width:30px;height:30px;display:grid;place-items:center;background:var(--cyan);color:#111212;border-radius:8px}.btn-sticker .ic svg{width:16px;height:16px}.btn-sticker:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sticker)}.sticker{display:inline-block;font-family:var(--font-mono);text-transform:uppercase;font-size:.72rem;letter-spacing:-.01em;padding:.35rem .7rem;border:1.5px solid var(--ink);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sticker)}.sticker.cyan{background:var(--cyan);color:#111212;border-color:#111212}.sticker.amber{background:var(--amber);color:#111212;border-color:#111212}.sticker.magenta{background:var(--magenta);color:#fff;border-color:#111212}.sticker.green{background:var(--green);color:#111212;border-color:#111212}main{min-height:60vh}.page-head{text-align:center;padding:clamp(3rem,9vw,6rem) 0 3rem}.page-head .lede{margin:.6rem auto 0}.grid{display:grid;gap:1.5rem;grid-template-columns:1fr;padding-bottom:5rem}@media(min-width:40rem){.grid{grid-template-columns:1fr 1fr}}@media(min-width:62rem){.grid{grid-template-columns:1fr 1fr 1fr}}.card{display:flex;flex-direction:column;background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-sticker)}.card__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-bottom:1.5px solid var(--ink);background:var(--hover)}.card__media img{width:100%;height:100%;object-fit:cover;display:block}.card__media.noimg{display:grid;place-items:center}.card__media.noimg .ep-big{font-family:var(--font-display);font-weight:900;font-size:3rem;color:var(--line-strong)}.card__pill{position:absolute;top:.7rem;left:.7rem;font-family:var(--font-mono);text-transform:uppercase;font-size:.68rem;letter-spacing:-.01em;padding:.22rem .55rem;border-radius:6px;background:var(--cyan);color:#111212;border:1.5px solid #111212}.card__body{padding:1rem 1.1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem}.card__date{margin:0}.card__title{margin:0;font-size:1.15rem;line-height:1.2}.card:hover .card__title{color:var(--ink)}.card__teaser{margin:.15rem 0 0;color:var(--gray);font-size:.92rem;line-height:1.5}.crumb{font-family:var(--font-mono);text-transform:uppercase;font-size:.72rem;letter-spacing:-.01em;color:var(--gray);margin:0 0 1.5rem}.crumb a:hover{color:var(--ink)}.crumb .sep{opacity:.5;margin:0 .4rem}.article{max-width:var(--prosew);margin:0 auto;padding:3rem 0 4rem}.article .meta-line{font-family:var(--font-mono);text-transform:uppercase;font-size:.75rem;color:var(--gray);margin:.4rem 0 1.75rem}.article .meta-line .dot{margin:0 .5rem;opacity:.5}.hero{width:100%;height:auto;border-radius:var(--radius);border:1.5px solid var(--ink);margin:1.5rem 0 2.5rem;display:block}.prose{font-size:1.04rem}.prose :is(h2,h3){margin-top:2.4rem}.prose p{margin:1.1rem 0}.prose a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}.prose img{max-width:100%;height:auto;border-radius:12px;border:1.5px solid var(--ink)}.prose code{background:var(--hover);border:1px solid var(--line-strong);padding:.1em .35em;border-radius:5px;font-family:var(--font-mono);font-size:.85em}.prose pre{padding:1.1rem 1.25rem;border-radius:12px;border:1.5px solid var(--ink);overflow-x:auto;background:var(--surface)}.prose pre code{background:none;border:none;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:.92rem}.prose th,.prose td{border:1px solid var(--line-strong);padding:.45rem .65rem;text-align:left}.prose th{background:var(--hover)}.prose blockquote{border-left:3px solid var(--cyan);margin:1.5rem 0;padding:.2rem 1rem;color:var(--gray)}[data-theme=dark] .astro-code,[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.series-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.series-nav a{flex:1;border:1.5px solid var(--ink);border-radius:12px;padding:.9rem 1rem;background:var(--surface);transition:transform .12s ease,box-shadow .12s ease}.series-nav a:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sticker)}.series-nav .dir{font-family:var(--font-mono);text-transform:uppercase;color:var(--gray);font-size:.72rem}.series-nav .t{display:block;margin-top:.2rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.series-nav .next{text-align:right}.badge{display:inline-block;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:-.01em;padding:.2rem .55rem;border-radius:6px;border:1.5px solid var(--ink);background:var(--surface)}.badge.build-doc{background:var(--cyan);color:#111212}.badge.handoff{background:var(--amber);color:#111212}.badge.procedure{background:var(--green);color:#111212}.site-footer{padding:2rem 0 4rem}.site-footer .fwrap{max-width:var(--maxw);margin:0 auto;border:1.5px solid var(--ink);border-radius:20px;background:var(--surface);padding:2.5rem 2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:46rem){.site-footer .fwrap{grid-template-columns:1.6fr 1fr 1fr}}.site-footer .fbrand{font-family:var(--font-display);font-weight:800;font-size:1.4rem;letter-spacing:-.03em}.site-footer .fbrand .dot{color:var(--cyan)}.site-footer p{color:var(--gray);max-width:26rem}.site-footer h4{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;font-size:.72rem;color:var(--gray);letter-spacing:0;margin:0 0 .9rem}.site-footer .fcol a{display:block;padding:.25rem 0;color:var(--ink)}.site-footer .fcol a:hover{color:var(--cyan)}.site-footer .fbot{max-width:var(--maxw);margin:1.25rem auto 0;padding:0 .5rem;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;color:var(--gray);display:flex;justify-content:space-between;gap:1rem}.home-hero{text-align:center;padding:clamp(3rem,9vw,6.5rem) 0 3rem;position:relative}.home-hero .display{font-size:clamp(3rem,12vw,8rem);line-height:.95;margin:.2rem 0 1rem}.home-hero .brand-dot{display:inline-block;width:.16em;height:.16em;border-radius:50%;background:var(--cyan);margin-left:.08em;vertical-align:baseline}.home-hero .sub{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);text-transform:uppercase;font-size:.82rem;color:var(--gray)}.home-hero .sub .led{width:9px;height:9px;border-radius:50%;background:var(--cyan);display:inline-block}.home-hero .cta{margin-top:2rem;display:flex;justify-content:center}.hero-stickers{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.75rem}.hero-stickers .sticker:nth-child(2){transform:rotate(2deg)}.hero-stickers .sticker:nth-child(3){transform:rotate(-2deg)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:2rem 0 1.5rem}.section-head .hand{transform:rotate(-2deg)}.section-head a.more{font-family:var(--font-mono);text-transform:uppercase;font-size:.78rem;color:var(--gray)}.section-head a.more:hover{color:var(--ink)}hr{border:none;border-top:1px solid var(--line);margin:2.5rem 0}