.blog-page{min-height:100vh}.blog-header{background:linear-gradient(135deg,var(--color-light-bg)0%,var(--color-medium-bg)100%);text-align:center;border-bottom:1px solid var(--color-medium-bg);padding:5rem 2rem 4rem}.blog-header-inner{max-width:700px;margin:0 auto}.blog-title{color:var(--color-warm);margin:.5rem 0 1rem;font-size:max(2.5rem,min(6vw,4rem));line-height:1.1}.blog-subtitle{color:var(--color-warm);max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.8}.blog-filters{background:var(--color-background);border-bottom:1px solid var(--color-medium-bg);z-index:100;padding:0 2rem;position:-webkit-sticky;position:sticky;top:72px}.blog-filters-inner{gap:.25rem;max-width:1200px;margin:0 auto;padding:1rem 0;display:flex;overflow-x:auto}.blog-filter-btn{border:1.5px solid var(--color-medium-bg);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border-radius:24px;padding:.45rem 1.2rem;font-size:.8rem}.blog-filter-btn:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.blog-filter-btn.active{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.blog-body{padding-top:3.5rem;padding-bottom:4rem}.blog-featured{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);grid-template-columns:1fr 1fr;gap:0;min-height:440px;margin-bottom:4rem;display:grid;overflow:hidden}.blog-featured-img{min-height:440px;position:relative}.blog-featured-overlay{background:linear-gradient(90deg,rgba(76,77,82,.3) 0%,transparent 100%);position:absolute;top:0;bottom:0;left:0;right:0}.blog-featured-badge{background:var(--color-secondary);color:#fff;letter-spacing:.18em;text-transform:uppercase;border-radius:24px;padding:.3rem .9rem;font-size:.7rem;position:absolute;top:1.5rem;left:1.5rem}.blog-featured-content{background:var(--color-background);border:1px solid var(--color-medium-bg);border-radius:0 var(--radius-lg)var(--radius-lg)0;border-left:none;flex-direction:column;justify-content:center;padding:3rem;display:flex}.blog-featured-content h2{margin:.75rem 0 1rem}.blog-featured-content p{color:var(--color-warm);font-size:1rem;line-height:1.8}.blog-cat-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--color-secondary);font-size:.72rem;font-weight:600}.blog-meta{color:var(--color-warm);align-items:center;gap:1rem;margin-top:1rem;font-size:.82rem;display:flex}.blog-read-time:before{content:"·";margin-right:1rem}.blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.blog-card{background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-medium-bg);transition:transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.blog-card-img-link{display:block}.blog-card-img{height:220px;position:relative;overflow:hidden}.blog-card-overlay{background:var(--color-overlay);opacity:0;transition:opacity var(--transition-base);position:absolute;top:0;bottom:0;left:0;right:0}.blog-card:hover .blog-card-overlay{opacity:.4}.blog-card-body{flex-direction:column;gap:.6rem;padding:1.5rem;display:flex}.blog-card-body h3{font-family:var(--font-heading);color:var(--color-text);font-size:1.1rem;font-weight:400;line-height:1.35}.blog-card-body p{color:var(--color-warm);font-size:.9rem;line-height:1.7}.blog-card-footer{border-top:1px solid var(--color-medium-bg);justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1rem;display:flex}.blog-read-link{letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary);transition:color var(--transition-fast);font-size:.82rem}.blog-read-link:hover{color:var(--color-warm)}.blog-newsletter{background:var(--color-light-bg);border-top:1px solid var(--color-medium-bg);padding:5rem 2rem}.blog-newsletter-form{gap:.75rem;max-width:480px;margin:0 auto;display:flex}.blog-newsletter-input{border:1.5px solid var(--color-medium-bg);border-radius:var(--radius-sm);background:var(--color-background);font-family:var(--font-body);color:var(--color-text);transition:border-color var(--transition-fast);outline:none;flex:1;padding:.85rem 1.25rem;font-size:.95rem}.blog-newsletter-input:focus{border-color:var(--color-secondary)}.blog-newsletter-input::placeholder{color:var(--color-warm);opacity:.6}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-featured{grid-template-columns:1fr}.blog-featured-img{min-height:260px}.blog-featured-content{border-left:1px solid var(--color-medium-bg);border-radius:0 0 var(--radius-lg)var(--radius-lg);padding:2rem}.blog-grid{grid-template-columns:1fr}.blog-newsletter-form{flex-direction:column}}
