.blog-page.svelte-u4k2t{padding-top:58px}.blog-hero.svelte-u4k2t{padding:80px 0 60px;border-bottom:1px solid var(--border)}.breadcrumb.svelte-u4k2t{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;color:var(--text3);margin-bottom:32px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breadcrumb.svelte-u4k2t a:where(.svelte-u4k2t){color:var(--text3);text-decoration:none;transition:color .2s}.breadcrumb.svelte-u4k2t a:where(.svelte-u4k2t):hover{color:var(--accent)}.bc-sep.svelte-u4k2t{opacity:.4}.blog-h1.svelte-u4k2t{font-size:clamp(32px,5vw,56px);font-weight:900;letter-spacing:-.04em;color:var(--text);margin-bottom:16px}.blog-desc.svelte-u4k2t{font-size:16px;color:var(--text2);line-height:1.75;max-width:600px}.blog-list.svelte-u4k2t{padding:60px 0 120px}.blog-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.blog-card.svelte-u4k2t{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),border-color .25s var(--ease-out)}.blog-card.svelte-u4k2t:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border2)}.blog-card--lead.svelte-u4k2t{grid-column:1 / -1;flex-direction:row}.blog-card--lead.svelte-u4k2t .blog-cover:where(.svelte-u4k2t){flex:0 0 46%;min-height:300px}.blog-card--lead.svelte-u4k2t .blog-body:where(.svelte-u4k2t){flex:1;padding:40px}.blog-card--lead.svelte-u4k2t .blog-card-title:where(.svelte-u4k2t){font-size:clamp(24px,2.4vw,34px)}.blog-card--lead.svelte-u4k2t .blog-cover-figure:where(.svelte-u4k2t){font-size:clamp(40px,5vw,68px)}.blog-cover.svelte-u4k2t{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:190px;padding:28px;background:var(--bg-dark);background-image:var(--grid-dark);background-size:40px 40px;overflow:hidden}.blog-cover.svelte-u4k2t:after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.5),transparent 68%);pointer-events:none}.blog-cover-figure.svelte-u4k2t{position:relative;font-family:var(--f-display);font-size:clamp(30px,3.4vw,44px);font-weight:800;line-height:1;letter-spacing:-.04em;color:#fff}.blog-cover-caption.svelte-u4k2t{position:relative;font-family:var(--f-mono);font-size:11px;line-height:1.4;letter-spacing:.03em;color:#ffffffb8;max-width:30ch}.blog-tag.svelte-u4k2t{position:absolute;top:20px;left:20px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blog-body.svelte-u4k2t{display:flex;flex-direction:column;flex:1;padding:26px 28px 28px}.blog-card-meta.svelte-u4k2t{display:flex;align-items:center;gap:14px;margin-bottom:14px}.blog-card-date.svelte-u4k2t,.blog-card-read.svelte-u4k2t{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--text3)}.blog-card-read.svelte-u4k2t{color:var(--accent)}.blog-card-title.svelte-u4k2t{font-family:var(--f-display);font-size:21px;font-weight:700;letter-spacing:-.03em;line-height:1.25;color:var(--text);margin-bottom:12px;transition:color .2s ease}.blog-card.svelte-u4k2t:hover .blog-card-title:where(.svelte-u4k2t){color:var(--accent)}.blog-card-lead.svelte-u4k2t{font-size:14px;line-height:1.7;color:var(--text2);margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card--lead.svelte-u4k2t .blog-card-lead:where(.svelte-u4k2t){-webkit-line-clamp:5;line-clamp:5}.blog-card-arrow.svelte-u4k2t{margin-top:auto;font-family:var(--f-display);font-size:14px;font-weight:600;color:var(--accent)}@media(max-width:900px){.blog-grid.svelte-u4k2t{grid-template-columns:1fr;gap:20px}.blog-card--lead.svelte-u4k2t{flex-direction:column}.blog-card--lead.svelte-u4k2t .blog-cover:where(.svelte-u4k2t){flex:none;min-height:190px}.blog-card--lead.svelte-u4k2t .blog-body:where(.svelte-u4k2t){padding:26px 28px 28px}}@media(max-width:640px){.blog-hero.svelte-u4k2t{padding:60px 0 40px}.blog-list.svelte-u4k2t{padding:40px 0 80px}.blog-card.svelte-u4k2t{padding:28px 20px}}