/* MEDIA — newsroom: masthead rule, lead story, dated columns */
.news-head { background: var(--parchment); border-bottom: 3px double var(--indigo); }
.news-head .wrap { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: end; padding-bottom: 1.2rem; }
.news-head h1 { font-size: clamp(3rem, 1.5rem + 6vw, 7.5rem); line-height: .9; margin: 0; }
.news-head__date { text-align: right; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--slate); }
.news-head__bar { display: flex; flex-wrap: wrap; gap: .5rem 2rem; padding: .8rem 0; border-top: 1px solid var(--line-strong); font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--indigo); }

.lead { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 2.5rem 3.5rem; align-items: start; padding-bottom: 3rem; border-bottom: 1px solid var(--line-strong); }
.lead h2 { font-size: var(--fs-2xl); }
.lead .plate--mat { --ar: 16 / 9; }
.lead__side { border-left: 1px solid var(--line); padding-left: 2rem; }

.newsgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 2.5rem; }
.story { padding: 1.6rem 0; border-bottom: 1px solid var(--line); }
.story .meta { display: flex; flex-wrap: wrap; gap: .2rem .8rem; margin-bottom: .55rem; }
.story .meta .src { color: var(--soil-ink); }
.story h3 { font-size: 1.35rem; margin-bottom: .5rem; }
.story p { font-size: .94rem; margin-bottom: .6rem; }
.story--photo .plate--mat { --ar: 16 / 10; margin-bottom: 1rem; }

.press-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.press-strip .plate--mat { --ar: 16 / 10; }

@media (max-width: 1000px) {
  .lead { grid-template-columns: minmax(0, 1fr); }
  .lead__side { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); padding-top: 1.5rem; }
  .newsgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .press-strip { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .news-head .wrap { grid-template-columns: minmax(0, 1fr); }
  .news-head__date { text-align: left; }
  .newsgrid, .press-strip { grid-template-columns: minmax(0, 1fr); }
}