/* ═══════════════════════════════════════════════
   BLOG — shared styles for listing + article pages
   Inherits CSS variables from ../styles.css
═══════════════════════════════════════════════ */

/* ─── BLOG LISTING HERO ─── */
.bl-hero{padding:10rem 1.5rem 4rem;background:var(--charcoal);border-bottom:1px solid rgba(200,168,78,.1);text-align:center}
.bl-hero-inner{max-width:860px;margin:0 auto}
.bl-h1{font-family:var(--fh);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--white);margin:.5rem 0 1rem;line-height:1.1}
.bl-lead{font-size:1rem;color:var(--gray);line-height:1.8;max-width:600px;margin:0 auto 2rem}
.bl-cats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.bl-cat{font-family:var(--fm);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .9rem;border:1px solid rgba(200,168,78,.2);color:var(--gray);cursor:pointer;transition:all .3s}
.bl-cat.active,.bl-cat:hover{border-color:var(--gold);color:var(--gold);background:rgba(200,168,78,.06)}

/* ─── BLOG GRID ─── */
.bl-grid-sect{padding:4rem 1.5rem 0;max-width:1200px;margin:0 auto}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem}
.bl-card{background:var(--charcoal);border:1px solid rgba(200,168,78,.08);overflow:hidden;display:flex;flex-direction:column;transition:border-color .4s,transform .4s}
.bl-card:hover{border-color:rgba(200,168,78,.25);transform:translateY(-4px)}
.bl-card.featured{grid-column:1/-1;flex-direction:row}
.bl-card-img-link{display:block;position:relative;overflow:hidden;text-decoration:none}
.bl-card .bl-card-img-link{aspect-ratio:16/10;flex-shrink:0}
.bl-card.featured .bl-card-img-link{width:45%;aspect-ratio:auto}
.bl-card-img{width:100%;height:100%;background:var(--dark);background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
.bl-card:hover .bl-card-img{transform:scale(1.05)}
.bl-img-1{background-image:url('../assets/photos/Pictures of company/54164eb9-b29d-4d7b-8120-722aa43c44c4.JPG')}
.bl-img-2{background-image:url('../assets/photos/Pictures of company/4c3c93ce-6a7f-41b4-bc72-d9eab00099f2.JPG')}
.bl-img-3{background-image:url('../assets/photos/Pictures of company/373b499d-4efc-4b56-ab55-83bc2feae5e4.JPG')}
.bl-img-4{background-image:url('../assets/photos/Pictures of company/54164eb9-b29d-4d7b-8120-722aa43c44c4.JPG')}
.bl-img-5{background-image:url('../assets/photos/Pictures of company/4c3c93ce-6a7f-41b4-bc72-d9eab00099f2.JPG')}
.bl-img-6{background-image:url('../assets/photos/Pictures of company/373b499d-4efc-4b56-ab55-83bc2feae5e4.JPG')}
.bl-img-7{background-image:url('../assets/photos/Pictures of company/54164eb9-b29d-4d7b-8120-722aa43c44c4.JPG')}
.bl-img-8{background-image:url('../assets/photos/Pictures of company/4c3c93ce-6a7f-41b4-bc72-d9eab00099f2.JPG')}
.bl-img-9{background-image:url('../assets/photos/Pictures of company/373b499d-4efc-4b56-ab55-83bc2feae5e4.JPG')}
.bl-badge{position:absolute;top:.75rem;left:.75rem;background:var(--gold);color:var(--black);font-family:var(--fm);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;padding:.25rem .65rem}
.bl-card-body{padding:1.6rem;display:flex;flex-direction:column;gap:.75rem;flex:1}
.bl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-family:var(--fm);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gray)}
.bl-tag{background:rgba(200,168,78,.1);color:var(--gold);padding:.15rem .55rem;font-family:var(--fm);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase}
.bl-card-h{margin:0}
.bl-card-h a{font-family:var(--fh);font-size:1rem;font-weight:700;color:var(--white);text-decoration:none;line-height:1.4;transition:color .3s;display:block}
.bl-card-h a:hover{color:var(--gold)}
.bl-card p{font-size:.85rem;color:var(--gray);line-height:1.7;flex:1;margin:0}
.bl-read{font-family:var(--fm);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-decoration:none;margin-top:auto;padding-top:.5rem;transition:letter-spacing .3s}
.bl-read:hover{letter-spacing:.2em}

/* ─── BLOG CTA BAND ─── */
.bl-cta-band{background:var(--charcoal);border-top:1px solid rgba(200,168,78,.1);border-bottom:1px solid rgba(200,168,78,.1);padding:3.5rem 1.5rem;text-align:center;margin:0 -1.5rem}
.bl-cta-inner{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}
.bl-cta-inner h3{font-family:var(--fh);font-size:1.4rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--white);margin:0}
.bl-cta-inner p{color:var(--gray);font-size:.9rem;margin:0}

/* ─── BLOG FOOTER ─── */
.bl-foot{background:var(--charcoal);border-top:1px solid rgba(200,168,78,.1);padding:2.5rem 1.5rem;margin-top:4rem}
.bl-foot-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}
.bl-foot-inner p{font-family:var(--fm);font-size:.58rem;letter-spacing:.08em;color:var(--gray);margin:0}

/* ─── ARTICLE HERO ─── */
.art-wrap{max-width:100%;overflow:hidden}
.art-hero{padding:9rem 1.5rem 4rem;background:linear-gradient(180deg,var(--charcoal) 0%,var(--black) 100%);border-bottom:1px solid rgba(200,168,78,.1)}
.art-hero-inner{max-width:900px;margin:0 auto}
.art-breadcrumb{font-family:var(--fm);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);margin-bottom:1.2rem;display:flex;gap:.5rem;flex-wrap:wrap}
.art-breadcrumb a{color:var(--gray);text-decoration:none;transition:color .3s}
.art-breadcrumb a:hover{color:var(--gold)}
.art-breadcrumb span{color:rgba(255,255,255,.25)}
.art-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.art-h1{font-family:var(--fh);font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.2;color:var(--white);margin:0 0 1.5rem}
.art-byline{display:flex;align-items:center;gap:.85rem}
.art-author-dot{width:36px;height:36px;border-radius:50%;background:var(--gold);flex-shrink:0}
.art-byline strong{display:block;font-family:var(--fh);font-size:.75rem;letter-spacing:.06em;color:var(--white)}
.art-byline span{display:block;font-family:var(--fm);font-size:.58rem;letter-spacing:.08em;color:var(--gray);margin-top:.15rem}

/* ─── ARTICLE BODY LAYOUT ─── */
.art-body{display:grid;grid-template-columns:1fr 320px;gap:3rem;max-width:1200px;margin:0 auto;padding:3.5rem 1.5rem}

/* ─── ARTICLE CONTENT ─── */
.art-content{min-width:0}
.art-lead{font-family:var(--fd);font-size:1.15rem;font-style:italic;line-height:1.85;color:rgba(255,255,255,.8);margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(200,168,78,.12)}
.art-content h2{font-family:var(--fh);font-size:1.25rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--white);margin:2.5rem 0 1rem;padding-top:.5rem}
.art-content h3{font-family:var(--fh);font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:1.8rem 0 .7rem}
.art-content p{font-family:var(--fb);font-size:.95rem;line-height:1.85;color:rgba(255,255,255,.75);margin-bottom:1.2rem}
.art-content ul,.art-content ol{padding-left:1.4rem;margin-bottom:1.4rem;display:flex;flex-direction:column;gap:.6rem}
.art-content li{font-family:var(--fb);font-size:.93rem;line-height:1.75;color:rgba(255,255,255,.75)}
.art-content li strong,.art-content p strong{color:var(--white);font-weight:600}
.art-content ul li::marker{color:var(--gold)}
.art-content ol li::marker{color:var(--gold);font-weight:700}

/* ─── CALLOUT BOXES ─── */
.art-callout{background:rgba(255,255,255,.04);border-left:3px solid rgba(200,168,78,.4);padding:1.2rem 1.4rem;margin:2rem 0;display:flex;gap:1rem;align-items:flex-start}
.art-callout.art-callout-gold{background:rgba(200,168,78,.07);border-left-color:var(--gold)}
.art-callout i{color:var(--gold);font-size:1.1rem;margin-top:.15rem;flex-shrink:0}
.art-callout p{font-family:var(--fb);font-size:.9rem;line-height:1.7;color:rgba(255,255,255,.8);margin:0}

/* ─── SIDEBAR ─── */
.art-side{display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:5.5rem;align-self:start}
.art-side-box{background:var(--charcoal);border:1px solid rgba(200,168,78,.1);padding:1.4rem;display:flex;flex-direction:column;gap:.75rem}
.art-side-box.art-side-box-gold{border-color:rgba(200,168,78,.3);background:rgba(200,168,78,.06)}
.art-side-box h4{font-family:var(--fh);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0}
.art-side-box p{font-size:.8rem;color:var(--gray);line-height:1.65;margin:0}
.art-side-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
.art-side-links a{font-family:var(--fb);font-size:.78rem;color:rgba(255,255,255,.6);text-decoration:none;line-height:1.5;transition:color .3s}
.art-side-links a:hover{color:var(--gold)}
.art-contact-box{gap:.6rem}
.art-contact-item{display:flex;align-items:center;gap:.7rem}
.art-contact-item i{color:var(--gold);width:16px;text-align:center;font-size:.85rem}
.art-contact-item a{font-family:var(--fb);font-size:.82rem;color:rgba(255,255,255,.7);text-decoration:none;transition:color .3s}
.art-contact-item a:hover{color:var(--gold)}
.art-contact-note{font-family:var(--fm);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);margin:0;padding-top:.25rem}

/* ─── BOTTOM CTA ─── */
.art-bottom-cta{background:var(--charcoal);border-top:2px solid var(--gold);padding:4rem 1.5rem;text-align:center}
.art-bottom-cta h3{font-family:var(--fh);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--white);margin:0 0 .75rem}
.art-bottom-cta p{color:var(--gray);font-size:.9rem;margin:0 0 1.5rem}
.art-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}


/* sidebar full-width buttons */
.art-side-btn{width:100%;justify-content:center;display:flex}
.art-side-btn-mt{margin-top:.75rem}

/* ─── INTEL SECTION CTA LINK ─── */
.it-cta{text-align:center;margin-top:2rem}

/* ─── FAQ IN ARTICLES ─── */
.art-faq{display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem}
.art-fq{border:1px solid rgba(200,168,78,.1);padding:1.2rem 1.4rem;background:rgba(255,255,255,.02)}
.art-fq h3{font-family:var(--fh);font-size:.88rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:0 0 .6rem}
.art-fq p{font-family:var(--fb);font-size:.9rem;line-height:1.75;color:rgba(255,255,255,.75);margin:0}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  .bl-card.featured{flex-direction:column}
  .bl-card.featured .bl-card-img-link{width:100%;aspect-ratio:16/9}
  .art-body{grid-template-columns:1fr}
  .art-side{position:static}
}
@media(max-width:768px){
  .bl-grid{grid-template-columns:1fr}
  .art-h1{font-size:1.5rem}
  .art-cta-btns{flex-direction:column;align-items:center}
}