:root{
  --gold:#B37E10;--gold-light:#F8DD7B;--gold-mid:#D4A843;
  --black:#000000;--black-soft:#0d0d0d;--black-card:#111111;
  --white:#FFFFFF;--border-gold:rgba(212,168,67,0.5);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--black);color:var(--white);font-family:'Montserrat',sans-serif;font-weight:300;overflow-x:hidden}

/* NAV */

/* HERO */
.blog-hero{padding:10rem 6rem 5rem;text-align:center;position:relative;overflow:hidden;}
.blog-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 30%,rgba(179,126,16,0.06) 0%,transparent 70%);}
.blog-hero-deco{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--gold-mid),var(--gold-light),var(--gold-mid),transparent);opacity:.5;}
.eyebrow{font-size:0.90rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;}
.eyebrow::before,.eyebrow::after{content:'';width:30px;height:1px;background:var(--gold);opacity:.5;}
.blog-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:300;line-height:1;margin-bottom:1rem;}
.blog-title em{font-style:italic;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.blog-sub{font-size:0.98rem;color:rgba(255,255,255,0.75);letter-spacing:.1em;line-height:1.8;max-width:500px;margin:0 auto 3rem;}

/* FILTER BAR */
.filter-bar{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:4rem;padding:0 6rem;}
.filter-btn{padding:.4rem 1.2rem;font-size:0.85rem;letter-spacing:.18em;text-transform:uppercase;background:transparent;border:1px solid var(--border-gold);color:rgba(248,221,123,0.7);cursor:pointer;font-family:'Montserrat',sans-serif;transition:all .25s;}
.filter-btn:hover,.filter-btn.active{border-color:var(--gold-mid);color:var(--gold-light);background:rgba(179,126,16,0.07);}

/* GRID */
.blog-container{max-width:1200px;margin:0 auto;padding:0 6rem 6rem;}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.blog-card{border:1px solid var(--border-gold);background:var(--black-card);overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer;text-decoration:none;display:block;color:var(--white);}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 16px 50px rgba(179,126,16,0.12);}
.blog-card-img{aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--black-soft);}
.blog-card-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.85);transition:transform .5s,filter .3s;}
.blog-card:hover .blog-card-img img{transform:scale(1.05);filter:brightness(.95);}
.blog-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.2;}
.blog-card-cat{position:absolute;top:1rem;left:1rem;background:var(--gold);color:var(--black);font-size:0.82rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:.2rem .7rem;}
.blog-card-body{padding:1.75rem;}
.blog-card-meta{font-size:0.85rem;letter-spacing:.14em;color:rgba(248,221,123,0.90);text-transform:uppercase;margin-bottom:.75rem;display:flex;gap:1rem;}
.blog-card-title{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;line-height:1.25;margin-bottom:.75rem;color:var(--white);}
.blog-card-excerpt{font-size:0.95rem;color:rgba(255,255,255,0.75);line-height:1.8;margin-bottom:1.25rem;}
.blog-card-link{font-size:0.88rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);transition:color .2s;}
.blog-card:hover .blog-card-link{color:var(--gold-light);}

/* FEATURED (primer post) */
.blog-card.featured{grid-column:span 3;}
.blog-card.featured .blog-card-img{aspect-ratio:21/7;}
.blog-card.featured .blog-card-title{font-size:2rem;}
.blog-card.featured .blog-card-body{padding:2.5rem;}
.blog-card.featured .blog-card-excerpt{max-width:680px;}

/* EMPTY */
.blog-empty{text-align:center;padding:6rem 2rem;grid-column:span 3;}
.blog-empty-icon{font-size:3rem;opacity:.2;margin-bottom:1.5rem;}
.blog-empty-text{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-style:italic;color:rgba(255,255,255,0.45);}
.blog-empty-sub{font-size:0.85rem;color:rgba(255,255,255,0.4);letter-spacing:.15em;margin-top:.5rem;}

/* LOAD MORE */
.load-more-wrap{text-align:center;margin-top:3rem;}
.btn-ghost{padding:.8rem 2.5rem;background:transparent;color:var(--gold-light);font-size:0.88rem;letter-spacing:.25em;text-transform:uppercase;font-weight:400;text-decoration:none;border:1px solid rgba(212,168,67,0.65);font-family:'Montserrat',sans-serif;transition:all .3s;cursor:pointer;}
.btn-ghost:hover{border-color:var(--gold-light);color:var(--white);}

/* GOLD SEP */
.gold-sep{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--gold-mid),var(--gold-light),var(--gold-mid),transparent);opacity:.3;}

/* FOOTER */
.mini-footer{padding:2rem 4rem;border-top:1px solid var(--border-gold);display:flex;align-items:center;justify-content:space-between;}
.mini-footer-copy{font-size:0.85rem;color:rgba(255,255,255,0.60);letter-spacing:.1em;}
.mini-footer-link{font-size:0.85rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(248,221,123,0.65);text-decoration:none;transition:color .2s;}
.mini-footer-link:hover{color:var(--gold-light);}

/* WA */
.wa-float{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,#25D366,#1db954);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;z-index:400;box-shadow:0 4px 25px rgba(37,211,102,0.35);text-decoration:none;transition:transform .3s;}
.wa-float:hover{transform:scale(1.1);}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* --- HAMBURGER --- */

/* --- TABLET (max 1024px) --- */
@media(max-width:1024px){
  .blog-hero{padding:8rem 3rem 4rem;}
  .filter-bar{padding:0 3rem;margin-bottom:3rem;}
  .blog-container{padding:0 3rem 5rem;}
  .blog-grid{grid-template-columns:repeat(2,1fr);}
  .blog-card.featured{grid-column:span 2;}
  .blog-card.featured .blog-card-img{aspect-ratio:21/8;}
  .blog-card.featured .blog-card-title{font-size:1.7rem;}
  .blog-empty{grid-column:span 2;}
  .mini-footer{padding:2rem;}
}

/* --- MOBILE (max 768px) --- */
@media(max-width:768px){
  /* NAV */

  /* HERO */
  .blog-hero{padding:7rem 1.25rem 3rem;}
  .blog-title{font-size:clamp(2.2rem,10vw,3.5rem);}
  .blog-sub{font-size:0.92rem;margin-bottom:2rem;}

  /* FILTERS */
  .filter-bar{padding:0 1.25rem;gap:.4rem;margin-bottom:2.5rem;}
  .filter-btn{padding:.35rem .9rem;font-size:0.72rem;}

  /* GRID */
  .blog-container{padding:0 1.25rem 4rem;}
  .blog-grid{grid-template-columns:1fr;gap:1.25rem;}
  .blog-card.featured{grid-column:span 1;}
  .blog-card.featured .blog-card-img{aspect-ratio:16/9;}
  .blog-card.featured .blog-card-title{font-size:1.35rem;}
  .blog-card.featured .blog-card-body{padding:1.5rem;}
  .blog-card-body{padding:1.25rem;}
  .blog-card-title{font-size:1.2rem;}
  .blog-empty{grid-column:span 1;}

  /* FOOTER */
  .mini-footer{flex-direction:column;gap:.75rem;text-align:center;padding:1.5rem 1.25rem;}

  /* WA */
  .wa-float{width:50px;height:50px;font-size:1.2rem;bottom:1.25rem;right:1.25rem;}
}

/* --- SMALL MOBILE (max 380px) --- */
@media(max-width:380px){
  .blog-title{font-size:2rem;}
  .blog-card-title{font-size:1.1rem;}
}