.blog-page{background:var(--color-white)}.blog-hero{padding:var(--space-24)0 var(--space-16);background:var(--color-cream);text-align:center}.blog-hero-inner{max-width:var(--max-width);padding:0 var(--space-8);margin:0 auto}.blog-hero-title{font-family:var(--font-serif);font-size:var(--text-5xl);color:var(--color-charcoal);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.blog-hero-desc{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--color-dark-gray);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.blog-filters{padding:var(--space-8)0;background:var(--color-white);border-bottom:var(--border-width)solid var(--color-border)}.blog-filters-inner{max-width:var(--max-width-wide);padding:0 var(--space-8);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.blog-filter-group{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.filter-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-dark-gray);min-width:70px}.filter-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--space-2)var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-gray);background:var(--color-cream);border:var(--border-width)solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);border-radius:100px}.filter-btn:hover{background:var(--color-tan-light);border-color:var(--color-tan-light);color:var(--color-charcoal)}.filter-btn.active{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-white)}.blog-no-results{text-align:center;padding:var(--space-16)var(--space-8)}.blog-no-results p{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-medium-gray);margin-bottom:var(--space-6)}.blog-grid-section{padding:var(--space-16)0 var(--space-24)}.blog-grid-inner{max-width:var(--max-width-wide);padding:0 var(--space-8);margin:0 auto}.blog-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.blog-card{background:var(--color-white);border:var(--border-width)solid var(--color-border);transition:all var(--transition-normal);border-radius:8px;text-decoration:none;display:block;overflow:hidden}.blog-card:hover{border-color:var(--color-tan-light);transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.blog-card-image{aspect-ratio:16/10;background:var(--color-cream);width:100%;position:relative;overflow:hidden}.blog-card-image img{transition:transform var(--transition-normal)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image-placeholder{width:100%;height:100%;color:var(--color-tan-dark);justify-content:center;align-items:center;display:flex}.blog-card-content{padding:var(--space-6)}.blog-card-categories{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.blog-card-category{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-tan-dark);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.blog-card-title{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-charcoal);line-height:var(--leading-snug);margin-bottom:var(--space-3)}.blog-card-excerpt{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-dark-gray);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-meta{align-items:center;gap:var(--space-4);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-medium-gray);display:flex}.blog-card-reading-time:before{content:"•";margin-right:var(--space-4)}.blog-pagination{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.blog-pagination-info{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-medium-gray)}.blog-pagination-controls{align-items:center;gap:var(--space-1);display:flex}.blog-pagination-btn{min-width:40px;height:40px;padding:0 var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-gray);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.blog-pagination-btn:hover:not(:disabled):not(.active){background:var(--color-cream);border-color:var(--color-tan-light);color:var(--color-charcoal)}.blog-pagination-btn.active{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-white)}.blog-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.blog-pagination-arrow{background:0 0;border:none}.blog-pagination-ellipsis{min-width:40px;height:40px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-medium-gray);justify-content:center;align-items:center;display:flex}@media (max-width:640px){.blog-pagination{gap:var(--space-4);flex-direction:column}.blog-pagination-btn{min-width:36px;height:36px;font-size:var(--text-xs)}}.blog-empty-state{text-align:center;padding:var(--space-16)var(--space-8)}.blog-empty-icon{color:var(--color-tan-dark);margin-bottom:var(--space-6)}.blog-empty-title{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-charcoal);margin-bottom:var(--space-4)}.blog-empty-desc{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-dark-gray);max-width:500px;margin:0 auto}.blog-post-page{background:var(--color-white)}.blog-post-hero{padding:var(--space-16)0;background:var(--color-cream)}.blog-post-hero-inner{max-width:800px;padding:0 var(--space-8);margin:0 auto}.blog-post-back{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-tan-dark);margin-bottom:var(--space-8);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.blog-post-back:hover{color:var(--color-charcoal)}.blog-post-categories{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.blog-post-category{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-tan-dark);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.blog-post-title{font-family:var(--font-serif);font-size:var(--text-5xl);color:var(--color-charcoal);line-height:var(--leading-tight);margin-bottom:var(--space-8)}.blog-post-meta{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.blog-post-author{align-items:center;gap:var(--space-3);display:flex}.blog-post-author-image{object-fit:cover;border-radius:50%;width:48px;height:48px}.blog-post-author-placeholder{background:var(--color-tan-dark);width:48px;height:48px;color:var(--color-white);font-family:var(--font-sans);font-weight:var(--font-semibold);font-size:var(--text-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.blog-post-author-info{flex-direction:column;display:flex}.blog-post-author-name{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-charcoal)}.blog-post-date,.blog-post-reading-time{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-medium-gray)}.blog-post-image-section{padding:0 var(--space-8)}.blog-post-image-wrapper{max-width:1200px;margin:0 auto;margin-top:calc(-1*var(--space-8));border-radius:8px;overflow:hidden;box-shadow:0 16px 48px #0000001f}.blog-post-featured-image{width:100%;height:auto;display:block}.blog-post-content{padding:var(--space-16)var(--space-8)}.blog-post-content-inner{max-width:720px;margin:0 auto}.blog-content-h1{font-family:var(--font-serif);font-size:var(--text-4xl);color:var(--color-charcoal);line-height:var(--leading-tight);margin:var(--space-12)0 var(--space-6)}.blog-content-h2{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-charcoal);line-height:var(--leading-tight);margin:var(--space-10)0 var(--space-4)}.blog-content-h3{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-charcoal);line-height:var(--leading-snug);margin:var(--space-8)0 var(--space-3)}.blog-content-h4{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-charcoal);line-height:var(--leading-snug);margin:var(--space-6)0 var(--space-3)}.blog-content-p{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-dark-gray);margin-bottom:var(--space-6);line-height:1.8}.blog-content-blockquote{border-left:4px solid var(--color-tan-dark);padding-left:var(--space-6);margin:var(--space-8)0;font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-charcoal);font-style:italic;line-height:var(--leading-relaxed)}.blog-content-ul,.blog-content-ol{margin:var(--space-6)0;padding-left:var(--space-6)}.blog-content-li{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-dark-gray);margin-bottom:var(--space-2);line-height:1.8}.blog-content-link{color:var(--color-tan-dark);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline}.blog-content-link:hover{color:var(--color-charcoal)}.blog-content-code{background:var(--color-cream);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.9em}.blog-content-image{margin:var(--space-10)0}.blog-content-image img{border-radius:8px}.blog-content-caption{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-medium-gray);text-align:center;margin-top:var(--space-3)}.blog-post-author-section{padding:0 var(--space-8)var(--space-16)}.blog-post-author-bio{gap:var(--space-6);max-width:720px;padding:var(--space-8);background:var(--color-cream);border-radius:8px;margin:0 auto;display:flex}.blog-post-author-bio-image{object-fit:cover;border-radius:50%;flex-shrink:0;width:80px;height:80px}.blog-post-author-bio-placeholder{background:var(--color-tan-dark);width:80px;height:80px;color:var(--color-white);font-family:var(--font-sans);font-weight:var(--font-semibold);font-size:var(--text-2xl);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.blog-post-author-bio-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-tan-dark);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.blog-post-author-bio-name{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-charcoal);margin:var(--space-1)0 var(--space-2)}.blog-post-author-bio-text{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-dark-gray);line-height:var(--leading-relaxed)}.blog-post-cta{padding:var(--space-16)var(--space-8);background:var(--color-charcoal);text-align:center}.blog-post-cta-inner{max-width:600px;margin:0 auto}.blog-post-cta-title{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-white);margin-bottom:var(--space-4)}.blog-post-cta-desc{font-family:var(--font-sans);font-size:var(--text-lg);color:#ffffffb3;margin-bottom:var(--space-8)}.blog-post-cta-button{padding:var(--space-4)var(--space-8);background:var(--color-primary-tan);color:var(--color-charcoal);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);transition:all var(--transition-fast);border-radius:4px;text-decoration:none;display:inline-flex}.blog-post-cta-button:hover{background:var(--color-tan-light);transform:translateY(-2px)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-filters-inner{gap:var(--space-6)}.blog-filter-group{flex-direction:column;align-items:flex-start}.filter-buttons{width:100%}.filter-btn{font-size:var(--text-xs);padding:var(--space-2)var(--space-3)}.blog-hero{padding:var(--space-16)0 var(--space-12)}.blog-hero-title{font-size:var(--text-4xl)}.blog-hero-desc{font-size:var(--text-lg)}.blog-grid{gap:var(--space-6);grid-template-columns:1fr}.blog-card-title{font-size:var(--text-lg)}.blog-post-hero{padding:var(--space-12)0}.blog-post-title{font-size:var(--text-3xl)}.blog-post-meta{flex-direction:column;align-items:flex-start}.blog-post-content{padding:var(--space-12)var(--space-6)}.blog-content-p{font-size:var(--text-base)}.blog-content-h2{font-size:var(--text-2xl)}.blog-content-h3{font-size:var(--text-xl)}.blog-post-author-bio{text-align:center;flex-direction:column;align-items:center}.blog-post-cta-title{font-size:var(--text-2xl)}}
