/* blog.css */
#page-hero{position:relative;min-height:52vh;margin-top:var(--nav-height);background:var(--bg-card);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:60px 48px 80px;}
.page-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(26,92,58,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(26,92,58,0.06) 1px,transparent 1px);background-size:52px 52px;z-index:0;}
#page-hero::after{content:'';position:absolute;bottom:0;right:0;left:0;height:200px;background:linear-gradient(to bottom,transparent,var(--bg-darkest));z-index:1;pointer-events:none;}
.page-hero-content{position:relative;z-index:2;max-width:680px;}
.page-hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px;animation:fade-up 0.7s ease both;}
.page-hero-eyebrow span:last-child{font-size:var(--fs-xs);letter-spacing:4px;color:var(--color-gold);text-transform:uppercase;}
.page-hero-title{font-family:var(--font-display);font-size:clamp(40px,5vw,72px);font-weight:300;line-height:1.05;margin-bottom:20px;animation:fade-up 0.7s 0.1s ease both;}
.page-hero-desc{font-size:var(--fs-base);color:var(--text-muted);line-height:1.8;font-weight:300;max-width:560px;animation:fade-up 0.7s 0.2s ease both;}
.page-hero-deco{position:absolute;top:50%;left:48px;transform:translateY(-50%);font-family:var(--font-display);font-size:clamp(80px,12vw,160px);font-weight:300;color:rgba(201,168,76,0.04);white-space:nowrap;z-index:0;user-select:none;pointer-events:none;}
.breadcrumb{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-bottom:32px;animation:fade-up 0.6s ease both;}
.breadcrumb a{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:1px;transition:color .2s;}
.breadcrumb a:hover{color:var(--color-gold);}
.breadcrumb-sep{font-size:var(--fs-xs);color:var(--text-faint);}
.breadcrumb span:last-child{font-size:var(--fs-xs);color:var(--color-gold);letter-spacing:1px;}

/* Filters */
#blog-filters{padding:var(--space-lg) 48px 0;background:var(--bg-card);}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;}
.filter-btn{background:transparent;border:0.5px solid var(--border-gold);color:var(--text-muted);padding:8px 20px;font-size:var(--fs-sm);font-family:var(--font-arabic);cursor:pointer;transition:all .2s;}
.filter-btn:hover,.filter-btn.active{background:var(--color-gold);color:var(--bg-darkest);border-color:var(--color-gold);font-weight:700;}

/* Blog Grid */
#blog-grid{padding:var(--space-lg) 48px var(--space-2xl);background:var(--bg-card);}

/* Featured */
.blog-featured{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl);background:var(--bg-card);border:0.5px solid var(--border-gold);}
.blog-featured-img{min-height:320px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;}
.blog-img-placeholder{font-size:64px;opacity:0.4;}
.blog-featured-content{padding:var(--space-lg);}
.blog-meta{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-sm);flex-wrap:wrap;}
.blog-category{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--color-gold);background:rgba(201,168,76,0.08);border:0.5px solid var(--border-gold);padding:3px 10px;}
.blog-date,.blog-read{font-size:11px;color:var(--text-faint);}
.blog-featured-title{font-family:var(--font-display);font-size:clamp(22px,2.5vw,32px);font-weight:300;color:var(--text-primary);line-height:1.2;margin-bottom:var(--space-sm);}
.blog-featured-excerpt{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.8;margin-bottom:var(--space-md);}
.blog-read-more{font-size:var(--fs-xs);color:var(--color-gold);letter-spacing:1px;text-transform:uppercase;transition:color .2s;}
.blog-read-more:hover{color:var(--color-gold-light);}

/* Cards Grid */
.blog-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl);}
.blog-card{background:var(--bg-card);border:0.5px solid var(--bg-mid);transition:border-color .3s,transform .3s;}
.blog-card:hover{border-color:var(--border-gold);transform:translateY(-4px);}
.blog-card-img{height:180px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;border-bottom:0.5px solid var(--bg-mid);}
.blog-card-img .blog-img-placeholder{font-size:40px;}
.blog-card-content{padding:var(--space-md);}
.blog-card h3{font-family:var(--font-arabic);font-size:var(--fs-base);font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:8px;}
.blog-card p{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.7;margin-bottom:var(--space-sm);}

/* Load More */
.blog-load-more{text-align:center;}

/* Newsletter */
#blog-newsletter{padding:var(--space-2xl) 48px;background:var(--bg-card);text-align:center;}
.newsletter-content .section-title{margin-bottom:var(--space-sm);}
#blog-newsletter p{font-size:var(--fs-base);color:var(--text-muted);max-width:480px;margin:0 auto var(--space-lg);line-height:1.7;}
.newsletter-form{display:flex;gap:0;max-width:440px;margin:0 auto;}
.newsletter-form input{flex:1;background:var(--bg-card);border:0.5px solid var(--border-gold);border-left:none;color:var(--text-primary);font-family:var(--font-arabic);font-size:var(--fs-sm);padding:12px 16px;outline:none;}
.newsletter-form input::placeholder{color:var(--text-faint);}
.newsletter-form .btn-primary{white-space:nowrap;border:none;}

/* Hidden cards */
.blog-card.hidden{display:none;}

@media(max-width:900px){
  #blog-filters{padding:var(--space-md) var(--space-md) 0;}
  #blog-grid{padding:var(--space-md);}
  .blog-featured{grid-template-columns:1fr;}
  .blog-posts-grid{grid-template-columns:1fr;}
  #blog-newsletter{padding:var(--space-xl) var(--space-md);}
  .newsletter-form{flex-direction:column;}
  .newsletter-form input{border-left:0.5px solid var(--border-gold);border-bottom:none;}
}