.blog-page.svelte-u4k2t{max-width:1300px;margin:0 auto;padding:40px 24px;min-height:70vh}.breadcrumb.svelte-u4k2t{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-3);margin-bottom:32px;font-weight:500}.breadcrumb.svelte-u4k2t a:where(.svelte-u4k2t){color:var(--text-2);text-decoration:none;transition:color .2s}.breadcrumb.svelte-u4k2t a:where(.svelte-u4k2t):hover{color:var(--brand)}.breadcrumb.svelte-u4k2t svg:where(.svelte-u4k2t){opacity:.3}.blog-hero.svelte-u4k2t{text-align:left;margin-bottom:64px;max-width:800px}.badge-accent.svelte-u4k2t{font-size:11px;font-weight:800;color:var(--brand);letter-spacing:2px;margin-bottom:16px;display:block}.blog-hero.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:48px;font-weight:900;color:var(--text);margin-bottom:16px;letter-spacing:-1.5px;font-family:Outfit,sans-serif}.blog-hero.svelte-u4k2t p:where(.svelte-u4k2t){font-size:18px;color:var(--text-2);line-height:1.6}.blog-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px}.blog-card.svelte-u4k2t{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.blog-card.svelte-u4k2t:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--brand)}.blog-img-wrap.svelte-u4k2t{height:240px;width:100%;overflow:hidden;background:var(--bg-elevated);position:relative}.blog-img-wrap.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.card-overlay.svelte-u4k2t{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.card-overlay.svelte-u4k2t span:where(.svelte-u4k2t){color:#fff;font-weight:800;font-size:14px;text-transform:uppercase;border:2px solid white;padding:10px 20px;border-radius:50px;transform:translateY(10px);transition:transform .3s}.blog-card.svelte-u4k2t:hover .card-overlay:where(.svelte-u4k2t){opacity:1}.blog-card.svelte-u4k2t:hover .card-overlay:where(.svelte-u4k2t) span:where(.svelte-u4k2t){transform:translateY(0)}.blog-card.svelte-u4k2t:hover .blog-img-wrap:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.08)}.blog-content.svelte-u4k2t{padding:28px;flex:1;display:flex;flex-direction:column}.card-meta.svelte-u4k2t{display:flex;justify-content:space-between;margin-bottom:16px}.blog-date.svelte-u4k2t{font-size:11px;color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:1px}.read-time.svelte-u4k2t{font-size:11px;color:var(--text-muted);font-weight:600}.blog-content.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:22px;font-weight:800;color:var(--text);margin-bottom:14px;line-height:1.3;font-family:Outfit,sans-serif;letter-spacing:-.5px}.blog-content.svelte-u4k2t p:where(.svelte-u4k2t){font-size:15px;color:var(--text-2);line-height:1.6;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-footer.svelte-u4k2t{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-subtle)}.read-more.svelte-u4k2t{font-size:13px;font-weight:700;color:var(--brand);display:flex;align-items:center;gap:6px}@media(max-width:768px){.blog-grid.svelte-u4k2t{grid-template-columns:1fr;gap:24px}.blog-hero.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:32px}.blog-page.svelte-u4k2t{padding:24px 16px}}
