.blog-band{--band-bg: #07090d;--band-ink: #f3efe6;--band-dim: #8a92a3;--band-line: rgba(243, 239, 230, .12);--band-accent: #ff6b35;position:relative;background:radial-gradient(ellipse 60% 70% at 85% 20%,rgba(255,107,53,.1),transparent 70%),var(--band-bg);color:var(--band-ink);overflow:hidden}.blog-band__inner{max-width:76rem;margin:0 auto;padding:clamp(3.25rem,6vw,5.5rem) 1rem clamp(2.5rem,5vw,4.5rem)}@media(min-width:640px){.blog-band__inner{padding-left:2rem;padding-right:2rem}}.blog-mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}.blog-band .blog-mono{color:var(--band-dim)}.blog-band a.blog-mono:hover{color:var(--band-ink)}.blog-display{font-family:ClashDisplay,sans-serif;font-weight:700;letter-spacing:-.01em}.blog-band :is(h1,h2,h3){color:var(--band-ink)}.blog-band__dek{color:var(--band-dim)}.blog-chip{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--band-line);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--band-ink);transition:border-color .2s ease}.blog-chip:hover{border-color:var(--band-accent)}.blog-cover{position:relative;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;border:1px solid var(--band-line, rgba(243, 239, 230, .12));background:#07090d}.blog-cover svg{display:block;width:100%;height:100%}.blog-cover--framed:before,.blog-cover--framed:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(243,239,230,.5);pointer-events:none}.blog-cover--framed:before{top:14px;left:14px;border-right:0;border-bottom:0}.blog-cover--framed:after{right:14px;bottom:14px;border-left:0;border-top:0}.blog-band .blog-cover{box-shadow:0 40px 100px -40px #ff6b3559}.post-progress{position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none}.post-progress span{display:block;height:100%;background:linear-gradient(90deg,#3de0c5,#ff6b35);transform:scaleX(0);transform-origin:left}.post-layout{max-width:76rem;margin:0 auto;padding:clamp(3rem,6vw,5rem) 1rem 4rem;display:grid;gap:3rem}@media(min-width:640px){.post-layout{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.post-layout{grid-template-columns:minmax(0,1fr) 15rem;gap:4rem}}.post-prose{counter-reset:sec;margin:0 auto}.post-prose h2{counter-increment:sec;font-family:ClashDisplay,sans-serif;font-weight:700;font-size:clamp(1.6rem,3vw,2rem);letter-spacing:-.01em;margin-top:4rem}.post-prose h2:before{content:counter(sec,decimal-leading-zero);display:block;margin-bottom:.6rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.22em;color:var(--primary)}.post-prose h3{font-family:ClashDisplay,sans-serif;font-weight:700;font-size:1.3rem;letter-spacing:-.005em}.post-prose blockquote{margin:2rem 0;padding:1rem 1.25rem;border-left:3px solid var(--primary);border-radius:0 .5rem .5rem 0;background:color-mix(in oklab,var(--primary) 6%,transparent);font-style:normal}.post-prose blockquote p{margin:0}.post-prose hr{margin:3.5rem auto;width:6rem;border:0;border-top:2px dotted var(--border)}.post-toc{display:none}@media(min-width:1024px){.post-toc{display:block}}.post-toc__inner{position:sticky;top:6.5rem;display:flex;flex-direction:column;gap:1.5rem}.post-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--border)}.post-toc a{display:grid;grid-template-columns:1.9rem 1fr;padding:.4rem 0 .4rem .9rem;margin-left:-1px;border-left:2px solid transparent;font-size:.8rem;line-height:1.4;color:var(--muted-foreground);transition:color .2s ease,border-color .2s ease}.post-toc a span{font-family:var(--font-mono);font-size:.68rem;padding-top:.1rem}.post-toc a:hover,.post-toc a[aria-current]{color:var(--foreground)}.post-toc a[aria-current]{border-left-color:var(--primary)}.post-toc a[aria-current] span{color:var(--primary)}.post-toc__label{color:var(--muted-foreground)}.post-action{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--muted-foreground);cursor:pointer;background:none;border:0;padding:0;transition:color .2s ease}.post-action:hover{color:var(--foreground)}.blog-row{display:grid;gap:1.25rem;padding:1.75rem 0;border-top:1px solid var(--border)}@media(min-width:640px){.blog-row{grid-template-columns:13rem minmax(0,1fr);gap:2rem;align-items:start}}.blog-row .blog-cover,.blog-feature .blog-cover{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.blog-row:hover .blog-cover,.blog-feature:hover .blog-cover{transform:scale(1.02)}.blog-row:hover h3,.blog-feature:hover h2{color:var(--primary)}.blog-feature:hover h2{color:var(--band-accent)}.blog-row[hidden],.blog-feature[hidden]{display:none}@media(prefers-reduced-motion:reduce){.blog-row .blog-cover,.blog-feature .blog-cover{transition:none}.blog-row:hover .blog-cover,.blog-feature:hover .blog-cover{transform:none}}