.hero.svelte-1uha8ag{position:relative;z-index:3;height:378px;background:var(--bg-primary) url(../../../background.jpg) no-repeat center center;background-size:cover;background-position:top center;padding-top:var(--header-height)}.hero-wrapper.svelte-1uha8ag{height:100%;position:relative;padding:var(--space-24) var(--space-4)}.hero-content.svelte-1uha8ag{position:relative;z-index:4}.hero-content.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:48px;color:var(--color-white);font-weight:500;line-height:100%;margin-bottom:var(--space-4);font-family:var(--font-heading)}.hero-subtitle.svelte-1uha8ag{font-size:18px;font-weight:400;line-height:150%;font-family:var(--font-heading);color:var(--color-gray-200)}.category-filter.svelte-1uha8ag{padding:var(--space-6) 0;margin:var(--space-10) 0;background:var(--bg-primary);position:sticky;top:var(--header-height);z-index:1}.filter-tabs.svelte-1uha8ag{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs.svelte-1uha8ag::-webkit-scrollbar{display:none}.filter-tab.svelte-1uha8ag{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);font-size:16px;font-weight:400;line-height:1;padding:var(--space-2) var(--space-4);cursor:pointer;white-space:nowrap;position:relative;border-radius:var(--radius-full);font-family:var(--font-mono)}.filter-tab.svelte-1uha8ag:hover,.filter-tab.active.svelte-1uha8ag,.filter-tab.svelte-1uha8ag:focus{color:var(--color-gray-200);background:var(--color-primary)}.filter-tab.svelte-1uha8ag:focus{outline:none}.post-count.svelte-1uha8ag:before{content:"- "}.blog-section.svelte-1uha8ag{padding:var(--space-24) 0 var(--space-16);background:var(--bg-primary)}@media (max-width: 768px){.blog-section.svelte-1uha8ag{padding:var(--space-8) 0}}.blog-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-width:1200px;margin-left:auto;margin-right:auto}.pagination.svelte-1uha8ag{display:flex;justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-12)}.pagination-btn.svelte-1uha8ag{padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-white);text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.pagination-btn.svelte-1uha8ag:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.page-info.svelte-1uha8ag{color:var(--text-secondary);font-size:var(--text-sm)}@media (max-width: 1024px){.blog-grid.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-content.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:var(--text-4xl)}.hero-subtitle.svelte-1uha8ag{font-size:var(--text-lg)}.blog-grid.svelte-1uha8ag{grid-template-columns:1fr;gap:var(--space-6)}.filter-tabs.svelte-1uha8ag{overflow-x:auto;-webkit-overflow-scrolling:touch}.pagination.svelte-1uha8ag{flex-direction:column;gap:var(--space-4)}}@media (max-width: 480px){.blog-section.svelte-1uha8ag>.container:where(.svelte-1uha8ag){display:flex;flex-direction:column}.hero.svelte-1uha8ag{padding:0;height:auto;padding-top:var(--header-height)}.hero.svelte-1uha8ag .container:where(.svelte-1uha8ag){padding:0}.hero-wrapper.svelte-1uha8ag{padding:var(--space-12) var(--space-4)}.category-filter.svelte-1uha8ag{order:-1;z-index:3;padding:var(--space-3) 0 var(--space-8);margin:0}}.bg.svelte-1uha8ag{height:0;position:sticky;top:0;z-index:3}.bg.svelte-1uha8ag div:where(.svelte-1uha8ag){height:var(--header-height);background:var(--color-primary)}