/* News & Events — the few rules the compiled utility build does not carry.
   Loaded only on the news pages (see functions-iri.php). */

/* Hero: never cropped. Landscape fills the column; portrait is capped by width
   and stays left-aligned with the text, so a tall photo cannot run the page. */
.iri-news-media{display:block;width:100%;height:auto;background:#12263a}
.iri-news-portrait{max-width:560px}

.iri-news-video{display:block;width:100%;max-width:760px;height:auto;margin-left:auto;margin-right:auto;background:#12263a}

/* Uniform tiles ARE cropped, biased upward so faces survive the crop. */
.iri-news-thumb{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 28%}
.iri-news-wide{grid-column:1/-1}
.iri-news-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.iri-news-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 28%}
@media (max-width:767px){
  .iri-news-portrait{max-width:100%}
  .iri-news-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
}