.page-hero{height:380px;margin-top:var(--header-height);align-items:flex-end;display:flex;position:relative;overflow:hidden}.page-hero-bg{background-position:50% 30%;background-size:cover;animation:8s forwards heroZoom;position:absolute;inset:0;transform:scale(1.04)}@keyframes heroZoom{to{transform:scale(1)}}.page-hero-overlay{background:linear-gradient(#1a17142e 0%,#1a171473 50%,#1a1714d9 100%);position:absolute;inset:0}.page-hero-content{z-index:2;padding-bottom:var(--space-12);position:relative}.breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:#fff9;display:flex}.breadcrumb a{color:#fff9;transition:color var(--transition)}.breadcrumb a:hover{color:var(--color-primary-light)}.breadcrumb i{color:#ffffff59;font-size:.6rem}.breadcrumb span{color:var(--color-primary-light)}.page-hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:var(--fw-light);color:var(--color-white);margin-bottom:var(--space-3);line-height:1.1}.page-hero-title em{color:var(--color-primary-light);font-style:italic}.page-hero-sub{font-size:var(--fs-md);color:#ffffffb8;letter-spacing:.03em}.filter-bar{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.filter-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:.05em;cursor:pointer;background:var(--color-bg-light);color:var(--color-text-muted);transition:all var(--transition);border:2px solid #0000;padding:.65rem 1.4rem;display:inline-flex}.filter-btn:hover{background:var(--color-primary-pale);color:var(--color-primary);border-color:var(--color-primary-pale)}.filter-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 4px 16px #8b735559}.filter-btn i{font-size:var(--fs-sm)}.filter-count{border-radius:var(--radius-full);min-width:22px;height:22px;font-size:var(--fs-xs);font-weight:var(--fw-semi);color:inherit;transition:background var(--transition);background:#ffffff40;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.filter-btn:not(.active) .filter-count{color:var(--color-text-muted);background:#00000014}.blog-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.blog-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition), transform var(--transition), border-color var(--transition);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.blog-card-media{aspect-ratio:16/10;position:relative;overflow:hidden}.blog-card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition)}.blog-card:hover .blog-card-media img{transform:scale(1.05)}.blog-category-badge{top:var(--space-4);left:var(--space-4);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.05em;text-transform:uppercase;background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm);padding:.3rem .9rem;position:absolute}.blog-card-body{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.blog-card-meta{align-items:center;gap:var(--space-3);font-size:var(--fs-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);letter-spacing:.03em;display:flex}.blog-card-meta i{color:var(--color-primary);margin-right:4px}.blog-card h3{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semi);color:var(--color-text);margin-bottom:var(--space-3);line-height:1.3}.blog-card p{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);flex:1}.blog-card-link{font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:var(--space-1);transition:gap var(--transition);display:flex}.blog-card:hover .blog-card-link{gap:var(--space-3)}.article-section{background:var(--color-white)}.article-header{max-width:760px;margin:0 auto var(--space-10);text-align:center}.article-category{border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.05em;text-transform:uppercase;background:var(--color-primary-pale);color:var(--color-primary-dark);margin-bottom:var(--space-4);padding:.3rem .9rem;display:inline-block}.article-title{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:var(--fw-light);color:var(--color-text);margin-bottom:var(--space-4);line-height:1.2}.article-meta{justify-content:center;gap:var(--space-4);font-size:var(--fs-sm);color:var(--color-text-muted);display:flex}.article-meta i{color:var(--color-primary);margin-right:4px}.article-cover{max-width:900px;margin:0 auto var(--space-10);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.article-cover img{width:100%;height:auto;display:block}.article-cover video{background:var(--color-bg-dark);width:100%;height:auto;display:block}.article-body{max-width:720px;color:var(--color-text);font-size:var(--fs-md);margin:0 auto;line-height:1.85}.article-body p{margin-bottom:var(--space-5)}.article-body p:last-child{margin-bottom:0}.article-back{max-width:720px;margin:var(--space-10) auto 0}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-muted)}.empty-state i{font-size:var(--fs-3xl);color:var(--color-border);margin-bottom:var(--space-4);display:block}.empty-state p{font-size:var(--fs-md)}@media (max-width:1024px){.page-hero{height:300px}}@media (max-width:640px){.page-hero{height:240px}.page-hero-title{font-size:2rem}.filter-bar{gap:var(--space-2)}.filter-btn{font-size:var(--fs-xs);padding:.5rem 1rem}.blog-grid{grid-template-columns:1fr}}