/* =========================================================
   BLOG ARCHIVE — page-specific (bl- prefix)
   ========================================================= */

/* filter pills (mirror events, blog scope) */
/* shorter hero so cards are visible on first scroll */
.bl-hero{padding:72px 0 96px;}

/* category pills in a floating bar that overlaps the hero (matches Events) */
.bl-filterwrap{margin-top:-42px;position:relative;z-index:2;padding:0 var(--pad);max-width:var(--maxw);margin-left:auto;margin-right:auto;}
.bl-filterbar{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 16px 36px rgba(20,20,20,.10);}
.bl-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.bl-list-sec{padding-top:40px;}
@media(max-width:760px){
  .bl-hero{padding:56px 0 84px;}
  .bl-filterwrap{margin-top:-36px;}
}
.bl-pill{font-family:var(--body);font-weight:600;font-size:14px;padding:9px 18px;border-radius:30px;border:1.5px solid var(--line-strong);background:transparent;color:var(--ink-soft);cursor:pointer;transition:all .18s ease;text-decoration:none;}
.bl-pill:hover{border-color:var(--ink);color:var(--ink);}
.bl-pill.active{background:var(--ink);border-color:var(--ink);color:#fff;}

/* ---- featured lead post ---- */
.bl-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:0;margin-top:14px;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s ease, box-shadow .2s ease;}
.bl-lead:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(20,20,20,.11);}
.bl-lead .bl-thumb{aspect-ratio:auto;min-height:320px;}
.bl-lead-body{padding:44px 48px;display:flex;flex-direction:column;justify-content:center;gap:14px;}
.bl-lead-body h2{font-size:clamp(26px,3vw,36px);line-height:1.12;}
.bl-lead-body .bl-excerpt{font-size:16px;-webkit-line-clamp:3;}
.bl-leadtag{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow-deep);}

/* ---- post grid ---- */
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px;}
.bl-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s ease, box-shadow .2s ease;}
.bl-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(20,20,20,.12);}
.bl-card:hover .bl-thumb img{transform:scale(1.05);}
.bl-card:hover h3{color:var(--yellow-deep);}

/* thumb + graceful fallback tile */
.bl-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ink);}
.bl-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block;}
.bl-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:
  radial-gradient(120% 90% at 80% 0%, rgba(249,181,20,.22), transparent 60%),
  linear-gradient(160deg, var(--ink-soft), var(--ink));}
.bl-fallback .fb-spines{position:absolute;top:20px;right:22px;display:flex;gap:5px;opacity:.9;}
.bl-fallback .fb-spines i{display:block;width:9px;border-radius:2px;background:var(--yellow);}
.bl-fallback .fb-cat{font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);}
.bl-fallback .fb-word{font-family:var(--display);font-weight:700;font-size:22px;color:#fff;line-height:1.05;margin-top:4px;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.bl-thumb.has-img .bl-fallback{display:none;}

.bl-tag{position:absolute;top:14px;left:14px;background:var(--yellow);color:var(--ink);font-weight:600;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;padding:6px 12px;border-radius:20px;box-shadow:0 2px 0 rgba(20,20,20,.18);z-index:2;}

.bl-body{padding:24px 26px 26px;display:flex;flex-direction:column;gap:11px;flex:1;border-top:5px solid var(--yellow);}
.bl-card h3,.bl-lead-body h2{font-weight:600;color:var(--ink);line-height:1.28;transition:color .15s;}
.bl-card h3{font-size:19px;}
.bl-excerpt{font-size:14.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;}
.bl-meta{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);}
.bl-meta .bl-au{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink);}
.bl-meta .bl-au .dot{width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--yellow);font-family:var(--display);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none;}
.bl-meta .sep{color:var(--line-strong);}

/* ---- pagination ---- */
.bl-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:52px;}
.bl-pager a,.bl-pager span{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid var(--line-strong);font-weight:600;font-size:15px;color:var(--ink-soft);text-decoration:none;transition:all .15s;padding:0 6px;}
.bl-pager a:hover{border-color:var(--ink);color:var(--ink);}
.bl-pager .cur{background:var(--ink);border-color:var(--ink);color:#fff;}
.bl-pager .nxt{width:auto;padding:0 20px;gap:8px;}
.bl-pager .nxt svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;}

/* ---- newsletter band ---- */
.bl-news{background:var(--ink);border-radius:20px;padding:52px 56px;margin-top:64px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;position:relative;overflow:hidden;}
.bl-news::after{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;background:rgba(249,181,20,.12);}
.bl-news h2{color:#fff;font-size:clamp(24px,2.6vw,32px);margin-bottom:8px;position:relative;z-index:1;}
.bl-news p{color:rgba(255,255,255,.62);font-size:15px;position:relative;z-index:1;}
.bl-news-form{display:flex;gap:10px;position:relative;z-index:1;}
.bl-news-form input{flex:1;padding:14px 18px;border-radius:10px;border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font-family:var(--body);font-size:15px;}
.bl-news-form input::placeholder{color:rgba(255,255,255,.45);}
.bl-news-form input:focus{outline:2px solid var(--yellow);outline-offset:1px;border-color:transparent;}

@media(max-width:980px){
  .bl-grid{grid-template-columns:1fr 1fr;}
  .bl-lead{grid-template-columns:1fr;}
  .bl-lead .bl-thumb{min-height:220px;aspect-ratio:16/9;}
  .bl-lead-body{padding:32px 30px;}
  .bl-news{grid-template-columns:1fr;padding:38px 30px;}
}
@media(max-width:640px){
  .bl-grid{grid-template-columns:1fr;}
  .bl-news-form{flex-direction:column;}
}