/* 74 Grand — page-specific overrides on top of shared ../styles.css */

/* before/after hero, full width above body */
.article__body > .ba-hero{
  float:none;
  width:100%;
  max-width:1180px;
  margin:0 auto 28px;
}
.ba-hero__pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.ba-hero__cell{position:relative;background:#000}
.ba-hero__cell img{
  width:100%;
  height:auto;
  display:block;
}
.ba-hero__label{
  position:absolute;
  top:14px;left:14px;
  background:rgba(0,0,0,.72);
  color:#fff;
  font-family:var(--sans);
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:6px 10px;
}
.ba-hero figcaption{
  font-size:12px;
  color:var(--muted);
  margin-top:10px;
  text-align:center;
  max-width:980px;
  margin-left:auto;margin-right:auto;
}

/* lead intro sentence — sets the tone before the 3-column body */
.lead-intro{
  font-family:var(--serif);
  font-size:22px;
  line-height:1.45;
  text-align:center;
  max-width:880px;
  margin:8px auto 32px;
  color:var(--ink);
  font-style:italic;
}

/* coda — two paragraphs in a narrower centered column between cols and kicker */
.coda{
  max-width:880px;
  margin:28px auto 0;
  padding-top:24px;
  border-top:1px solid var(--rule);
}
.coda p{
  font-size:15.5px;
  line-height:1.7;
  margin:0 0 16px;
  color:var(--ink);
}

@media (max-width:720px){
  .ba-hero__pair{grid-template-columns:1fr;gap:12px}
  .lead-intro{font-size:18px}
}