.blog-page.svelte-u4k2t{max-width:var(--container);margin:0 auto;padding:clamp(4rem,8vw,var(--section-gap)) var(--safe-margin)}.page-header.svelte-u4k2t{max-width:760px;margin-bottom:var(--section-gap)}.page-header.svelte-u4k2t .tech-label:where(.svelte-u4k2t){color:var(--secondary)}h1.svelte-u4k2t{margin-top:1rem;font-size:clamp(3.25rem,8vw,6.5rem)}.page-header.svelte-u4k2t p:where(.svelte-u4k2t):last-child{margin-top:1.5rem;border-left:1px solid var(--hairline-strong);padding-left:1.5rem;color:var(--on-surface-variant);font-size:1.08rem}.dispatch-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter)}article.svelte-u4k2t{position:relative;grid-column:span 4;border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-container-lowest) 66%,transparent);transition:transform .22s ease,border-color .22s ease,background-color .22s ease}article.svelte-u4k2t:after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;background-image:var(--grain-texture);transition:opacity .18s ease}article.svelte-u4k2t:hover,article.svelte-u4k2t:focus-within{transform:translateY(-6px);border-color:var(--primary);background:color-mix(in srgb,var(--surface-container-lowest) 80%,var(--primary) 4%)}article.svelte-u4k2t:hover:after,article.svelte-u4k2t:focus-within:after{opacity:.14}article.featured.svelte-u4k2t{grid-column:span 8}article.svelte-u4k2t:nth-child(3){transform:translateY(3rem)}a.svelte-u4k2t{display:flex;flex-direction:column;min-height:100%}.image-panel.svelte-u4k2t{aspect-ratio:16 / 10;border-bottom:1px solid var(--hairline);width:100%;height:100%}.image-panel.svelte-u4k2t:not(img){background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--primary) 24%,transparent),transparent 30%),radial-gradient(circle at 78% 70%,color-mix(in srgb,var(--secondary) 18%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--surface-container-lowest) 20%,transparent),transparent),var(--surface-container-high);filter:grayscale(1)}.image-panel.svelte-u4k2t:is(img:where(.svelte-u4k2t)){object-fit:cover}article.svelte-u4k2t:hover .image-panel:where(.svelte-u4k2t):not(img),article.svelte-u4k2t:focus-within .image-panel:where(.svelte-u4k2t):not(img){filter:grayscale(0)}article.svelte-u4k2t:hover .image-panel:where(.svelte-u4k2t),article.svelte-u4k2t:focus-within .image-panel:where(.svelte-u4k2t){filter:grayscale(0)}.post-copy.svelte-u4k2t{display:flex;flex:1;flex-direction:column;padding:clamp(1.25rem,3vw,2rem)}.post-meta.svelte-u4k2t{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:.78rem}.post-meta.svelte-u4k2t .tech-label:where(.svelte-u4k2t){color:var(--secondary)}h2.svelte-u4k2t{margin-top:1.5rem;font-size:clamp(1.7rem,3vw,2.5rem)}.post-copy.svelte-u4k2t p:where(.svelte-u4k2t){margin-top:1rem;color:var(--on-surface-variant)}@media(max-width:960px){article.svelte-u4k2t,article.featured.svelte-u4k2t{grid-column:1 / -1}article.svelte-u4k2t:nth-child(3){transform:none}}
