.blog-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));grid-gap:var(--space-7);gap:var(--space-7);margin:0;padding:0;list-style:none}.blog-card{display:flex;flex-direction:column;gap:var(--space-4);height:100%;padding:var(--space-8);text-decoration:none;transition:box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.blog-card:hover{transform:translateY(-3px);box-shadow:0 30px 64px -26px color-mix(in srgb,var(--brand-neutral-void) 92%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--brand-magenta-500) 55%,transparent)}.blog-card-meta{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-200);letter-spacing:.03em;color:var(--text-muted)}.blog-card-cat{padding:3px var(--space-4);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--brand-magenta-500) 38%,transparent);background:color-mix(in srgb,var(--brand-magenta-500) 9%,transparent);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary)}.blog-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin:0 0 var(--space-10)}.blog-cat{padding:var(--space-4) var(--space-6);border-radius:var(--radius-pill);border:1px solid var(--surface-border);font-size:var(--text-300);font-weight:var(--weight-semibold);color:var(--text-secondary);text-decoration:none;transition:border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.blog-cat:hover{border-color:color-mix(in srgb,var(--brand-magenta-500) 45%,transparent);color:var(--text-primary)}.blog-cat.is-on{border-color:color-mix(in srgb,var(--brand-magenta-500) 62%,transparent);background:color-mix(in srgb,var(--brand-magenta-500) 12%,transparent);color:var(--text-primary)}.blog-tags{position:relative;display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0}.blog-tag{padding:2px var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--surface-border);font-size:var(--text-100);letter-spacing:.04em;color:var(--text-muted)}.blog-card h3{position:relative;margin:0;font-size:var(--text-700);line-height:var(--lh-700);font-weight:var(--weight-bold);letter-spacing:-.015em;color:var(--text-primary)}.blog-card p{position:relative;margin:0;font-size:var(--text-300);line-height:var(--lh-300);color:var(--text-secondary)}.blog-card-go{position:relative;margin-top:auto;padding-top:var(--space-4);font-size:var(--text-200);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text)}.blog-post{max-width:var(--container-text);margin-inline:auto}.blog-post-crumbs{margin:0 0 var(--space-7);font-size:var(--text-300);color:var(--text-muted)}.blog-post h1{margin:0;font-family:var(--font-display);font-size:var(--display-100);line-height:var(--lh-d100);font-weight:var(--weight-bold);letter-spacing:-.03em;color:var(--text-primary)}.blog-post-when{display:block;margin-top:var(--space-5);font-size:var(--text-300);color:var(--text-muted)}.blog-post-body{margin-top:var(--space-10);padding:var(--space-10);color:var(--text-secondary)}@media (max-width:720px){.blog-post-body{padding:var(--space-7) var(--space-6)}}.blog-post-body>*{position:relative}.blog-post-cats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0 0 var(--space-6)}.blog-post-cat{display:inline-block;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--brand-magenta-500) 38%,transparent);background:color-mix(in srgb,var(--brand-magenta-500) 9%,transparent);font-size:var(--text-200);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);text-decoration:none}.blog-post-tags{margin-top:var(--space-8)}.blog-post-body p{margin:0 0 var(--space-6);font-size:var(--text-500);line-height:1.7}.blog-post-body h3,.blog-post-body h4{margin:var(--space-10) 0 var(--space-5);color:var(--text-primary)}.blog-post-body h3{font-size:var(--text-700);line-height:var(--lh-700)}.blog-post-body h4{font-size:var(--text-600);line-height:var(--lh-600)}.blog-post-body ol,.blog-post-body ul{margin:0 0 var(--space-6);padding-left:var(--space-8)}.blog-post-body li{margin-bottom:var(--space-3);font-size:var(--text-500);line-height:1.7}.blog-post-back{margin:var(--space-12) 0 0;padding-top:var(--space-8);border-top:1px solid var(--surface-border);font-size:var(--text-300)}.blog-shop{margin-top:var(--space-12);padding-top:var(--space-9);border-top:1px solid color-mix(in srgb,var(--brand-neutral-0) 14%,transparent)}.blog-shop h2{margin:0 0 var(--space-7);font-size:var(--text-600);line-height:var(--lh-600);font-weight:var(--weight-semibold)}.blog-shop ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.blog-shop a{display:grid;grid-gap:var(--space-3);gap:var(--space-3);height:100%;align-content:space-between;padding:var(--space-7);border-radius:var(--radius-card);border:1px solid var(--surface-border);background:var(--surface-raised);text-decoration:none;color:inherit;transition:border-color var(--motion-fast) var(--ease-out)}.blog-shop a:hover{border-color:var(--accent)}.blog-shop-name{font-size:var(--text-400);font-weight:var(--weight-semibold);color:var(--text-primary);text-wrap:pretty}.blog-shop-price{font-size:var(--text-200);color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.blog-post-by{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin:var(--space-7) 0 var(--space-4);max-width:var(--measure)}.blog-post-author{font-size:var(--text-400);font-weight:var(--weight-semibold);color:var(--text-primary)}.blog-post-cred{font-size:var(--text-200);line-height:var(--lh-200);color:var(--text-muted);text-wrap:pretty}