/* =========================================================
   NEWS — 1980 x 1669
   sections: hero 0-425 | grid 425-1245 | footer 1245-1669
   Page head and card come from p34-pages.css.
   ========================================================= */

/* ---------------------------------------------------------
   1. HERO   0 – 425

   No photograph. header.php always prints .hero__bg and
   .hero__veil, so they are blanked here rather than made
   conditional in PHP: header.php is shared with the four
   pixel-gated pages and must not change.
   --------------------------------------------------------- */

.hero{ height:42.5rem; overflow:hidden; }
.hero__bg{ display:none; }
.hero__veil{ display:none; }
.hero,
.s-nws{ background:var(--bg); }

/* ---------------------------------------------------------
   2. GRID   425 – 1245

   Three columns on a 63.2rem pitch starting at 4.6rem, three
   rows on a 23.6rem pitch. The card itself is 23.5rem tall,
   so the 1px of daylight between rows is the gap.
   --------------------------------------------------------- */

.s-nws{ height:82rem; }

.nws{
  position:absolute; left:4.6rem; top:0;
  display:grid;
  grid-template-columns:repeat(3, 62.4rem);
  column-gap:.8rem;
  row-gap:.1rem;
  width:188.8rem;
}

.nws__empty{
  position:absolute; left:4.6rem; top:2rem;
  font-size:1.8rem; font-weight:300;
  color:var(--muted);
}