/* Front page — hero + card grids. Chrome is in style.css. */

.section-label{
  font-family:var(--font-h);font-size:18px;font-weight:700;color:var(--dark);
  text-transform:uppercase;letter-spacing:.06em;border-left:4px solid var(--red);
  padding-left:14px;margin:40px 0 24px;
}
.section-label:first-child{margin-top:0}

/* HERO */
.hero{position:relative;background:linear-gradient(135deg,#1a2d5a,#213770);background-size:cover;background-position:center;min-height:460px;display:flex;align-items:flex-end;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,18,40,.92) 0%,rgba(10,18,40,.35) 60%,rgba(10,18,40,.15) 100%)}
.hero-content{position:relative;z-index:2;max-width:var(--max-width);margin:0 auto;padding:60px 20px 50px;width:100%}
.hero-title{font-family:var(--font-h);font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.15;max-width:760px;margin-bottom:18px;letter-spacing:.01em}
.hero-title a{color:#fff}
.hero-meta{color:rgba(255,255,255,.7);font-size:13px;margin-bottom:26px}
.hero-meta span{margin-right:16px}
.btn-primary{display:inline-block;background:var(--red);color:#fff;font-family:var(--font-h);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:12px 28px;transition:background .2s}
.btn-primary:hover{background:#9a1015}

/* CARD GRIDS */
.cards-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{background:#fff;border:1px solid var(--border);overflow:hidden;transition:box-shadow .2s;display:flex;flex-direction:column}
.card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1)}
.card-img{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2d5a,#2c4a8a);color:rgba(255,255,255,.6);font-family:var(--font-h);font-size:13px;letter-spacing:.05em;text-transform:uppercase;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{padding:16px;flex:1;display:flex;flex-direction:column}
.card-title{font-family:var(--font-h);font-size:17px;font-weight:600;color:var(--dark);line-height:1.3;margin-bottom:8px;display:block}
.card-title:hover{color:var(--navy)}
.card-excerpt{font-size:13px;color:var(--gray);line-height:1.5;margin-bottom:10px;flex:1}
.card-meta{font-size:12px;color:#9ca3af}
.card-meta span{margin-right:10px}

@media (max-width:768px){
  .cards-grid-2{grid-template-columns:1fr}
  .hero{min-height:360px}
}