.blog-index-column{width:100%;max-width:80rem;margin-inline:auto;padding-inline:1.5rem}.blog-index-hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding-block:3.5rem 2rem;display:flex;position:relative}.blog-index-hero-copy{flex-direction:column;align-items:center;gap:.85rem;max-width:40rem;margin-inline:auto;display:flex}.blog-index-hero-copy h1{color:var(--blog-foreground);letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,4.5vw,3.15rem);font-weight:650;line-height:1.08}.blog-index-hero-copy p{color:var(--blog-muted-foreground);margin:0;font-size:1.0625rem;line-height:1.6}.blog-index-hero .blog-tag-filter-desktop{justify-content:center}.blog-index-hero .blog-tag-filter-mobile-trigger{margin-inline:auto}.blog-index-grid-wrap{z-index:1;padding-bottom:0;position:relative}.blog-index-grid{border-right:1px solid var(--blog-border);border-bottom:0;border-left:1px solid var(--blog-border);grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}.blog-index-grid>.blog-card:first-child:after{display:none}.blog-index-empty{color:var(--blog-muted-foreground);text-align:center;padding:2rem 0;font-size:.95rem}.blog-index-grid-bg{width:100%;height:100%;position:absolute;inset:0}@media (width>=48rem){.blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-index-grid>.blog-card:nth-child(-n+2):after{display:none}}@media (width>=64rem){.blog-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-index-grid>.blog-card:nth-child(-n+3):after{display:none}}.blog-card{color:inherit;border-bottom:0;text-decoration:none;display:block;position:relative}.blog-card:before{z-index:1;pointer-events:none;content:"";background:var(--blog-border);width:1px;height:100%;position:absolute;top:0;left:-.5px}.blog-card:after{z-index:0;pointer-events:none;content:"";background:var(--blog-border);width:100vw;height:1px;position:absolute;top:-.5px;left:0}.blog-card-show-right-border{border-right:1px solid var(--blog-border)}.blog-card-cover{background:radial-gradient(circle at 70% 20%,#ffffff14,#0000 40%),linear-gradient(160deg,#111827 0%,#0b1220 55%,#020617 100%);width:100%;height:12rem;position:relative;overflow:hidden}.blog-card-cover.is-violet{background:radial-gradient(circle at 30% 80%,#8b5cf652,#0000 45%),linear-gradient(160deg,#111827 0%,#1e1b4b 100%)}.blog-card-cover.is-blue{background:radial-gradient(circle at 70% 30%,#3b82f657,#0000 42%),linear-gradient(160deg,#0f172a 0%,#0c4a6e 100%)}.blog-card-cover.is-emerald{background:radial-gradient(circle at 20% 20%,#10b9814d,#0000 45%),linear-gradient(160deg,#0f172a 0%,#064e3b 100%)}.blog-card-cover.is-amber{background:radial-gradient(circle at 80% 70%,#f59e0b47,#0000 45%),linear-gradient(160deg,#111827 0%,#78350f 100%)}.blog-card-cover.is-rose{background:radial-gradient(circle at 40% 30%,#f43f5e47,#0000 45%),linear-gradient(160deg,#111827 0%,#4c0519 100%)}.blog-card-cover.is-slate{background:radial-gradient(circle at 60% 40%,#94a3b838,#0000 45%),linear-gradient(160deg,#0f172a 0%,#1e293b 100%)}.blog-card-cover-kicker{z-index:1;color:#f8fafceb;text-align:right;letter-spacing:-.02em;max-width:70%;font-size:.875rem;font-weight:600;line-height:1.3;position:absolute;bottom:1rem;right:1rem}.blog-card-cover-glow{pointer-events:none;background:radial-gradient(circle,#ffffff24,#0000 65%);width:10rem;height:10rem;transition:transform .3s;position:absolute;bottom:-30%;right:-10%}.blog-card:hover .blog-card-cover-glow{transform:scale(1.08)}.blog-card-body{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.blog-card-body h3{color:var(--blog-foreground);letter-spacing:-.025em;text-underline-offset:4px;margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.blog-card:hover .blog-card-body h3{text-decoration:underline}.blog-card-body p{color:var(--blog-muted-foreground);margin:0;font-size:.875rem;line-height:1.5}.blog-card-body time{color:var(--blog-muted-foreground);margin-top:.25rem;font-size:.875rem;font-weight:500;display:block}@media (width<=47.99rem){.blog-card-show-right-border{border-right:none}}.blog-tag-filter-desktop{flex-wrap:wrap;gap:.5rem;display:none}.blog-tag-chip{height:2rem;color:var(--blog-foreground);cursor:pointer;border:1px solid var(--blog-border);background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:0 .25rem 0 .75rem;font-size:.875rem;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.blog-tag-chip:hover{background:var(--blog-muted)}.blog-tag-chip.is-selected{color:var(--blog-primary-foreground);background:var(--blog-primary);border-color:var(--blog-primary)}.blog-tag-count{border:1px solid var(--blog-border);border-radius:.375rem;justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;font-size:.75rem;font-weight:500;display:inline-flex}.blog-tag-chip.is-selected .blog-tag-count{color:var(--blog-primary);background:var(--blog-background);border-color:color-mix(in srgb, var(--blog-primary-foreground) 40%, transparent)}.blog-tag-filter-mobile-trigger{width:100%;color:var(--blog-foreground);cursor:pointer;border:1px solid var(--blog-border);background:0 0;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:flex}.blog-tag-filter-mobile-trigger:hover{background:var(--blog-muted)}.blog-tag-filter-mobile-label{text-transform:capitalize}.blog-tag-drawer{z-index:80;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.blog-tag-drawer-backdrop{cursor:pointer;background:#0f172a73;border:0;position:absolute;inset:0}.blog-tag-drawer-panel{z-index:1;background:var(--blog-background);border-top:1px solid var(--blog-border);border-radius:1rem 1rem 0 0;max-height:min(70vh,28rem);position:relative;overflow:auto;box-shadow:0 -12px 40px #0f172a1f}.blog-tag-drawer-header{justify-content:space-between;align-items:center;padding:1rem 1.25rem .5rem;display:flex}.blog-tag-drawer-header h3{color:var(--blog-foreground);margin:0;font-size:.875rem;font-weight:600}.blog-tag-drawer-close{width:2rem;height:2rem;color:var(--blog-muted-foreground);cursor:pointer;border:1px solid var(--blog-border);background:0 0;border-radius:.5rem;place-items:center;display:inline-grid}.blog-tag-drawer-body{flex-direction:column;gap:.5rem;padding:.75rem 1.25rem 1.5rem;display:flex}.blog-tag-drawer-item{width:100%;color:var(--blog-muted-foreground);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:.65rem 0;font-size:.875rem;font-weight:500;display:flex}.blog-tag-drawer-item.is-selected{color:var(--blog-primary);text-underline-offset:4px;text-decoration:underline}@media (width>=48rem){.blog-tag-filter-desktop{display:flex}.blog-tag-filter-mobile-trigger,.blog-tag-drawer{display:none}}