.blog-index-wrap{font-family:var(--font-body);background:var(--color-background);color:var(--color-text);line-height:1.55;-webkit-font-smoothing:antialiased}.blog-index-wrap a{text-decoration:none;color:inherit}.blog-index-wrap img{display:block;max-width:100%}.blog-index-wrap .blog-banner{position:relative;overflow:hidden;margin-top:20px;border-radius:34px;background:repeating-linear-gradient(45deg,var(--color-border) 0 18px,var(--color-blush-soft) 18px 36px);padding:46px 46px 42px}.blog-index-wrap .blog-banner-blob{position:absolute;border-radius:46px;z-index:0}.blog-index-wrap .blog-banner-blob--one{width:240px;height:240px;top:-70px;right:-40px;opacity:.5;background:repeating-linear-gradient(45deg,var(--color-neutral-light) 0 12px,var(--color-border) 12px 24px)}.blog-index-wrap .blog-banner-blob--two{width:170px;height:170px;bottom:-60px;right:180px;opacity:.4;background:repeating-linear-gradient(45deg,var(--color-sage) 0 12px,var(--color-border) 12px 24px)}.blog-index-wrap .blog-banner-copy{position:relative;z-index:1;max-width:640px}.blog-index-wrap .blog-banner-eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:var(--font-bold);line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--color-neutral)}.blog-index-wrap .blog-banner-title{font-family:var(--font-heading);font-size:3rem;font-weight:var(--font-bold);color:var(--color-ink);line-height:1.05;margin:12px 0}.blog-index-wrap .blog-banner-title em{font-style:normal;color:var(--color-primary)}.blog-index-wrap .blog-banner-text{font-size:1.06rem;color:var(--color-gray);max-width:520px;margin:0}.blog-index-wrap .blog-banner-note{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:var(--font-accent);font-size:1.56rem;font-weight:var(--font-bold);color:var(--color-success)}.blog-index-wrap .blog-banner-note svg{flex:none}.blog-index-wrap .blog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:34px 0 6px}.blog-index-wrap .filter-chip{display:inline-flex;align-items:center;background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-full);padding:10px 20px;font-size:.88rem;font-weight:var(--font-extrabold);color:var(--color-text-light);cursor:pointer;transition:transform .15s ease,border-color .15s ease,color .15s ease}.blog-index-wrap .filter-chip:hover{transform:translateY(-2px);color:var(--color-primary);border-color:var(--color-neutral-light)}.blog-index-wrap .filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 12px 24px -14px color-mix(in srgb,var(--color-primary) 90%,transparent)}.blog-index-wrap .blog-posts-section{padding:48px 0 74px}.blog-index-wrap .badge-soft{display:inline-flex;align-items:center;gap:6px;background:var(--color-blush-soft);color:var(--color-primary);padding:7px 15px;border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-extrabold);letter-spacing:.02em}.blog-index-wrap .post-date{font-family:var(--font-mono);font-size:.75rem;font-weight:var(--font-bold);line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral)}.blog-index-wrap .read-more{display:inline-flex;align-items:center;gap:7px;font-size:.94rem;font-weight:var(--font-extrabold);color:var(--color-primary);transition:gap .15s ease}.blog-index-wrap .read-more svg{flex:none}.blog-index-wrap .read-more:hover{gap:11px}.blog-index-wrap .featured-card{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;background:var(--color-white);border-radius:32px;overflow:hidden;box-shadow:0 24px 46px -30px color-mix(in srgb,var(--color-ink) 55%,transparent);margin-bottom:56px;transition:transform .18s ease,box-shadow .18s ease}.blog-index-wrap .featured-card:hover{transform:translateY(-4px);box-shadow:0 30px 48px -30px color-mix(in srgb,var(--color-ink) 55%,transparent)}.blog-index-wrap .featured-card:hover .read-more{gap:11px}.blog-index-wrap .featured-card .featured-img{align-self:stretch;min-height:380px;background:var(--color-surface-tint)}.blog-index-wrap .featured-card .featured-img img,.blog-index-wrap .featured-card .featured-img picture{width:100%;height:100%}.blog-index-wrap .featured-card .featured-img img{-o-object-fit:cover;object-fit:cover;min-height:380px}.blog-index-wrap .featured-card .featured-img .image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-surface-tint)}.blog-index-wrap .featured-card .featured-img .image-placeholder img{width:80px;height:80px;min-height:0;-o-object-fit:contain;object-fit:contain}.blog-index-wrap .featured-card .featured-body{padding:44px 48px 44px 8px}.blog-index-wrap .featured-card .featured-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px}.blog-index-wrap .featured-card .featured-title{font-family:var(--font-heading);font-size:2.38rem;font-weight:var(--font-bold);color:var(--color-ink);line-height:1.12;margin-bottom:14px}.blog-index-wrap .featured-card .featured-excerpt{font-size:1.06rem;color:var(--color-gray);margin-bottom:26px;max-width:480px}.blog-index-wrap .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-index-wrap .blog-card{display:flex;flex-direction:column;background:var(--color-white);border-radius:26px;overflow:hidden;box-shadow:0 18px 34px -30px color-mix(in srgb,var(--color-ink) 50%,transparent);transition:transform .18s ease,box-shadow .18s ease}.blog-index-wrap .blog-card:hover{transform:translateY(-4px);box-shadow:0 30px 48px -30px color-mix(in srgb,var(--color-ink) 55%,transparent)}.blog-index-wrap .blog-card:hover .read-more{gap:11px}.blog-index-wrap .blog-card .blog-card-img{position:relative;background:var(--color-surface-tint)}.blog-index-wrap .blog-card .blog-card-img img{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover}.blog-index-wrap .blog-card .blog-card-img .image-placeholder{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:var(--color-surface-tint)}.blog-index-wrap .blog-card .blog-card-img .image-placeholder img{width:80px;height:80px;aspect-ratio:auto;-o-object-fit:contain;object-fit:contain}.blog-index-wrap .blog-card .blog-card-img .badge-soft{position:absolute;left:14px;top:14px}.blog-index-wrap .blog-card .blog-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}.blog-index-wrap .blog-card .post-date{margin-bottom:8px}.blog-index-wrap .blog-card .blog-card-title{font-family:var(--font-heading);font-size:1.31rem;font-weight:var(--font-bold);color:var(--color-ink);line-height:1.22;margin:0 0 8px}.blog-index-wrap .blog-card .blog-card-excerpt{font-size:.88rem;color:var(--color-gray);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-index-wrap .blog-card .read-more{margin-top:auto;font-size:.94rem}.blog-index-wrap .blog-card .read-more svg{width:15px;height:15px}.blog-index-wrap .blog-pagination{margin-top:52px}.blog-index-wrap .blog-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px 72px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 18px 34px -30px color-mix(in srgb,var(--color-ink) 50%,transparent)}.blog-index-wrap .blog-empty-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:var(--font-bold);color:var(--color-ink);margin-bottom:10px}.blog-index-wrap .blog-empty-title:after{display:none}.blog-index-wrap .blog-empty-desc{font-size:.95rem;color:var(--color-text-light);max-width:360px;line-height:1.7;margin-bottom:28px}.blog-index-wrap .blog-empty-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);font-weight:var(--font-extrabold);font-size:.94rem;box-shadow:0 12px 24px -14px color-mix(in srgb,var(--color-primary) 90%,transparent);transition:transform .15s ease}.blog-index-wrap .blog-empty-cta:hover{transform:translateY(-2px)}.blog-index-wrap .blog-empty-cta svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 960px){.blog-index-wrap .blog-banner-title{font-size:2.63rem}.blog-index-wrap .featured-card{grid-template-columns:1fr;gap:0}.blog-index-wrap .featured-card .featured-img,.blog-index-wrap .featured-card .featured-img img{min-height:240px}.blog-index-wrap .featured-card .featured-body{padding:32px 30px}.blog-index-wrap .featured-card .featured-title{font-size:1.88rem}.blog-index-wrap .blog-grid{grid-template-columns:1fr 1fr}}@media (max-width: 620px){.blog-index-wrap .blog-banner{margin-top:16px;padding:32px 26px}.blog-index-wrap .blog-banner-title{font-size:2.13rem}.blog-index-wrap .blog-banner-note{font-size:1.3rem}.blog-index-wrap .blog-filters{gap:8px}.blog-index-wrap .filter-chip{padding:8px 16px;font-size:.82rem}.blog-index-wrap .blog-grid{grid-template-columns:1fr}}
