.blog-hero{display:grid;grid-template-columns:3fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-4xl)}.blog-hero-featured{position:relative;overflow:hidden;border:1px solid var(--line);transition:border-color var(--duration) var(--ease);display:flex;flex-direction:column}.blog-hero-featured:hover{border-color:var(--accent)}.blog-hero-featured .blog-card-image{height:340px}.blog-hero-featured .blog-card-body{padding:var(--space-2xl);flex:1;display:flex;flex-direction:column}.blog-hero-featured .blog-card-body h3{font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:var(--space-md)}.blog-hero-stack{display:flex;flex-direction:column;gap:var(--space-lg)}.blog-hero-stack .blog-card{flex:1}.blog-hero-stack .blog-card-image{height:120px}.blog-hero-stack .blog-card-body{padding:var(--space-lg)}.blog-hero-stack .blog-card-body h3{font-size:1rem;line-height:1.4}.blog-hero-stack .blog-card-body p{display:none}.blog-card{display:flex;flex-direction:column;border:1px solid var(--line);overflow:hidden;transition:all var(--duration) var(--ease);text-decoration:none;color:inherit;background:#f3f6f608}.blog-card:hover{border-color:var(--accent);color:inherit;background:#e1bd580a}.blog-card-image{width:100%;height:200px;background:#f3f6f60f;overflow:hidden;position:relative}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration) var(--ease)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e1bd5814,#120e0d4d);display:flex;align-items:center;justify-content:center}.blog-card-image-placeholder .placeholder-icon{width:48px;height:48px;opacity:.2;color:var(--accent)}.blog-card-body{padding:var(--space-xl);flex:1;display:flex;flex-direction:column}.blog-card-category{font-size:.6875rem;font-weight:var(--weight-semi);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.blog-card-body h3{font-size:1.125rem;line-height:1.35;margin-bottom:var(--space-sm);color:var(--text);font-weight:var(--weight-normal)}.blog-card-body p{font-size:.875rem;color:var(--text-muted);line-height:1.6;flex:1}.blog-card-date{font-size:.75rem;color:var(--text-faint);margin-top:var(--space-md)}.blog-section-header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--accent);padding-bottom:var(--space-md);margin-bottom:var(--space-2xl)}.blog-section-header h2{font-size:clamp(1.25rem,2vw,1.5rem);letter-spacing:.03em}.blog-section-header .blog-view-all{font-size:.8125rem;font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color var(--duration) var(--ease);white-space:nowrap;display:flex;align-items:center;gap:var(--space-xs)}.blog-section-header .blog-view-all:hover{color:var(--accent)}.blog-section-header .blog-view-all:after{content:"→";transition:transform var(--duration) var(--ease)}.blog-section-header .blog-view-all:hover:after{transform:translate(4px)}.blog-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-4xl)}.blog-category-grid.single-card{grid-template-columns:1fr}.blog-category-grid.single-card .blog-card{flex-direction:row;max-height:220px}.blog-category-grid.single-card .blog-card-image{width:40%;height:auto;min-height:220px}.blog-category-grid.single-card .blog-card-body{padding:var(--space-2xl);justify-content:center}.blog-category-grid.single-card .blog-card-body h3{font-size:clamp(1.25rem,2vw,1.5rem)}.blog-all-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.blog-all-grid .blog-card.hidden{display:none}.blog-load-more{text-align:center;margin-top:var(--space-3xl)}.blog-load-more .btn{min-width:200px}.blog-load-more.hidden{display:none}@media(max-width:1024px){.blog-hero{grid-template-columns:1fr}.blog-hero-stack{flex-direction:row}.blog-hero-stack .blog-card-image{height:140px}.blog-category-grid,.blog-all-grid{grid-template-columns:repeat(2,1fr)}.blog-category-grid.single-card .blog-card{flex-direction:column;max-height:none}.blog-category-grid.single-card .blog-card-image{width:100%;height:200px;min-height:auto}}@media(max-width:640px){.blog-hero-stack{flex-direction:column}.blog-hero-featured .blog-card-image{height:220px}.blog-category-grid,.blog-all-grid{grid-template-columns:1fr}.blog-section-header{flex-direction:column;gap:var(--space-sm)}}