.blog-wrap:where(.astro-x255k2k2){position:relative;overflow:clip}.blog-wrap:where(.astro-x255k2k2):before{content:"";background:radial-gradient(circle at 25% 0%, color-mix(in srgb, var(--color-accent) 13%, transparent), transparent 60%), radial-gradient(circle at 78% 5%, color-mix(in srgb, var(--color-purple) 11%, transparent), transparent 55%);opacity:.7;pointer-events:none;z-index:0;width:min(1100px,120vw);height:420px;position:absolute;top:0;left:50%;transform:translate(-50%)}main:where(.astro-x255k2k2){z-index:1;max-width:960px;margin:0 auto;padding:7rem 1.5rem 5rem;position:relative}.page-header:where(.astro-x255k2k2){margin-bottom:3.5rem}.eyebrow:where(.astro-x255k2k2){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.72rem;display:inline-flex}.eyebrow:where(.astro-x255k2k2):before{content:"";opacity:.6;background:currentColor;width:18px;height:1px}.page-header:where(.astro-x255k2k2) h1:where(.astro-x255k2k2){letter-spacing:-.035em;margin-bottom:.85rem;font-size:clamp(2.4rem,5vw,3.2rem);font-weight:700;line-height:1.05}.page-header:where(.astro-x255k2k2) p:where(.astro-x255k2k2){color:var(--color-text-secondary);max-width:52ch;font-size:1.15rem;line-height:1.6}.meta:where(.astro-x255k2k2){font-family:var(--font-mono);color:var(--color-text-dim);align-items:center;gap:.55rem;font-size:.76rem;display:flex}.meta:where(.astro-x255k2k2) .dot:where(.astro-x255k2k2){background:currentColor;border-radius:50%;width:3px;height:3px}.tags:where(.astro-x255k2k2){flex-wrap:wrap;gap:.45rem;display:flex}.tags:where(.astro-x255k2k2) span:where(.astro-x255k2k2){font-family:var(--font-mono);letter-spacing:.02em;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:5px;padding:.22rem .5rem;font-size:.68rem}.tags:where(.astro-x255k2k2) span:where(.astro-x255k2k2):before{content:"#";color:var(--color-text-dim);margin-right:.1rem}.featured:where(.astro-x255k2k2){border:1px solid var(--color-border);background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 55%), var(--color-surface);color:inherit;border-radius:18px;margin-bottom:2.5rem;padding:2.25rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:block;position:relative}.featured:where(.astro-x255k2k2):hover{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));box-shadow:0 30px 60px -50px color-mix(in srgb, var(--color-accent) 60%, black);text-decoration:none;transform:translateY(-3px)}.featured-flag:where(.astro-x255k2k2){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.7rem;display:inline-flex}.featured-flag:where(.astro-x255k2k2) .pulse:where(.astro-x255k2k2){background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 60%, transparent);border-radius:50%}.featured:where(.astro-x255k2k2) h2:where(.astro-x255k2k2){letter-spacing:-.025em;color:var(--color-text);text-wrap:balance;margin-bottom:.85rem;font-size:clamp(1.6rem,3.5vw,2.1rem);font-weight:650;line-height:1.18}.featured:where(.astro-x255k2k2) p:where(.astro-x255k2k2){color:var(--color-text-secondary);max-width:62ch;margin-bottom:1.5rem;font-size:1.03rem;line-height:1.6}.featured:where(.astro-x255k2k2) .meta:where(.astro-x255k2k2){margin-bottom:1.25rem}.featured-more:where(.astro-x255k2k2){color:var(--color-accent);align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.9rem;font-weight:500;display:inline-flex}.featured-more:where(.astro-x255k2k2) svg:where(.astro-x255k2k2){width:16px;height:16px;transition:transform .2s}.featured:where(.astro-x255k2k2):hover .featured-more:where(.astro-x255k2k2) svg:where(.astro-x255k2k2){transform:translate(3px)}.section-label:where(.astro-x255k2k2){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);border-bottom:1px solid var(--color-border);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.72rem}.post-grid:where(.astro-x255k2k2){grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.card:where(.astro-x255k2k2){border:1px solid var(--color-border);background:var(--color-surface);color:inherit;border-radius:14px;flex-direction:column;padding:1.6rem;transition:border-color .2s,transform .2s,background .2s;display:flex}.card:where(.astro-x255k2k2):hover{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 3%, var(--color-surface));text-decoration:none;transform:translateY(-3px)}.card:where(.astro-x255k2k2) .meta:where(.astro-x255k2k2){margin-bottom:.9rem}.card:where(.astro-x255k2k2) h3:where(.astro-x255k2k2){letter-spacing:-.02em;color:var(--color-text);margin-bottom:.55rem;font-size:1.22rem;font-weight:600;line-height:1.3}.card:where(.astro-x255k2k2) p:where(.astro-x255k2k2){color:var(--color-text-secondary);flex:1;margin-bottom:1.15rem;font-size:.925rem;line-height:1.6}.empty-state:where(.astro-x255k2k2){color:var(--color-text-secondary);text-align:center;border:1px dashed var(--color-border);border-radius:14px;padding:3rem 0}@media (width<=720px){main:where(.astro-x255k2k2){padding-top:6rem}.post-grid:where(.astro-x255k2k2){grid-template-columns:1fr}.featured:where(.astro-x255k2k2){padding:1.75rem}}
