/* News & Events photo opening. */
.k-phead.news-banner {
  min-height: 480px;
  padding: 72px 0;
  background-color: #173c34;
  background-image: linear-gradient(rgba(7, 28, 43, .58), rgba(7, 28, 43, .58)),
    var(--banner-image);
  background-position: center, center 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.k-phead.news-banner .wrap {
  width: 100%;
}

.k-phead.news-banner .eyebrow {
  margin-bottom: 24px;
  background: #0b7549;
  color: #fff;
}

.k-phead.news-banner h1 {
  max-width: 18ch;
  color: #fff;
  font-family: var(--font-display);
  font-size: 62px;
  line-height: 1.08;
}

.k-phead.news-banner > .wrap > p:not(.eyebrow) {
  max-width: 58ch;
  margin-top: 20px;
  color: #fff;
  font-size: 18px;
  line-height: 1.55;
}

.k-phead.news-banner .phead-actions {
  margin-top: 28px;
}

.k-phead.news-banner .phead-actions a {
  background: #fff;
  border-color: #fff;
  color: #0c3149;
}

.k-phead.news-banner .phead-actions a:hover {
  background: #e8f0f4;
  border-color: #e8f0f4;
}

@media (max-width: 760px) {
  .k-phead.news-banner {
    min-height: 420px;
    padding: 58px 0;
    background-position: center, 78% center;
  }

  .k-phead.news-banner h1 {
    font-size: 44px;
  }

  .k-phead.news-banner > .wrap > p:not(.eyebrow) {
    max-width: 42ch;
    font-size: 16px;
  }
}

@media (max-width: 860px) {
  #recent-news { scroll-margin-top: 12px; }
}

@media (max-width: 380px) {
  .k-phead.news-banner {
    min-height: 0;
    padding: 48px 0 52px;
  }

  .k-phead.news-banner .eyebrow {
    margin-bottom: 20px;
  }

  .k-phead.news-banner h1 {
    font-size: 36px;
  }

  .k-phead.news-banner .phead-actions {
    width: 100%;
    margin-top: 24px;
  }
}

/* Page-only editorial treatment for the eight dated ministry reports. */
.news-section {
  background: #f4f8f5;
  padding: 88px 0 104px;
  border-bottom: 1px solid #dce4de;
}

.news-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  column-gap: 72px;
  align-items: end;
}

.news-intro .eyebrow {
  grid-column: 1 / -1;
  margin-bottom: 16px;
  color: #34644c;
}

.news-intro h2 {
  grid-column: 1;
  padding-bottom: 0;
  font-size: clamp(36px, 4vw, 52px);
  line-height: 1.08;
  color: #1f3027;
}

.news-intro h2::after {
  bottom: -18px;
  width: 52px;
  height: 2px;
  background: #8eae99;
}

.news-intro .lede {
  grid-column: 2;
  margin: 0;
  max-width: 44ch;
  font-size: 16px;
  line-height: 1.6;
  color: #536159;
}

.news-community-photo{grid-column:1 / -1;margin:42px 0 0;position:relative;overflow:hidden;background:#173c34}
.news-community-photo img{display:block;width:100%;height:clamp(270px,35vw,470px);object-fit:cover;object-position:center 65%}
.news-community-photo figcaption{position:absolute;left:0;bottom:0;width:100%;padding:26px 28px 15px;
  color:#fff;font-size:12px;font-weight:600;line-height:1.4;
  background:linear-gradient(transparent,rgba(5,30,31,.7))}

.news-feed {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 56px;
  margin-top: 58px;
  border-top: 1px solid #bccdc2;
  counter-reset: report;
}

.news-entry {
  position: relative;
  min-width: 0;
  padding: 32px 0 38px;
  border-bottom: 1px solid #dce4de;
}

.news-entry::before {
  counter-increment: report;
  content: counter(report, decimal-leading-zero);
  position: absolute;
  top: 34px;
  left: 0;
  color: #72867a;
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.news-entry > div {
  display: block;
  min-width: 0;
  padding-left: 36px;
}

.news-entry .meta {
  display: block;
  padding: 0;
  margin: 0 0 13px;
  color: #34644c;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
}

.news-entry h3 {
  display: block;
  max-width: 27ch;
  margin: 0 0 12px;
  color: #1f3027;
  font-size: clamp(23px, 2.3vw, 30px);
  line-height: 1.19;
  text-wrap: balance;
}

.news-entry p {
  display: block;
  max-width: 62ch;
  margin: 0;
  color: #4d5951;
  font-size: 15.5px;
  line-height: 1.68;
}

.news-entry:first-child {
  grid-column: 1 / -1;
  padding: 44px 40px 48px;
  background: #e7f0e9;
  border-top: 3px solid #547b61;
  margin-top: -1px;
}

.news-entry:first-child::before {
  top: 51px;
  left: 40px;
}

.news-entry:first-child > div {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  column-gap: 40px;
  padding-left: 0;
}

.news-entry:first-child .meta {
  grid-column: 1;
  grid-row: 1 / 3;
  padding-top: 33px;
  margin: 0;
  color: #315a43;
  font-family: var(--font-display);
  font-size: 27px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.news-entry:first-child h3,
.news-entry:first-child p {
  grid-column: 2;
}

.news-entry:first-child h3 {
  max-width: 27ch;
  margin-bottom: 18px;
  font-size: clamp(30px, 3.6vw, 44px);
  line-height: 1.12;
}

.news-entry:first-child p {
  max-width: 66ch;
  font-size: 16px;
}

.news-entry:last-child {
  grid-column: 1 / -1;
}

.news-entry:last-child > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: min-content min-content;
  column-gap: 56px;
  align-content: start;
}

.news-entry:last-child .meta {
  grid-column: 1;
  grid-row: 1;
}

.news-entry:last-child h3 {
  grid-column: 1;
  grid-row: 2;
}

.news-entry:last-child p {
  grid-column: 2;
  grid-row: 1 / 3;
  padding-top: 27px;
}

@media (max-width: 760px) {
  .news-community-photo{margin-top:28px}
  .news-community-photo img{height:280px}
  .news-section {
    padding: 68px 0 76px;
  }

  .news-intro {
    display: block;
  }

  .news-intro .lede {
    margin-top: 37px;
  }

  .news-feed {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 38px;
  }

  .news-entry {
    padding: 26px 0 30px;
  }

  .news-entry::before {
    top: 28px;
  }

  .news-entry h3 {
    max-width: 35ch;
    font-size: clamp(22px, 5.8vw, 28px);
  }

  .news-entry:first-child {
    padding: 30px 24px 36px;
  }

  .news-entry:first-child::before {
    top: 33px;
    left: 24px;
  }

  .news-entry:first-child > div,
  .news-entry:last-child > div {
    display: block;
  }

  .news-entry:first-child .meta {
    padding: 0 0 0 33px;
    margin-bottom: 16px;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 700;
  }

  .news-entry:first-child h3 {
    margin-bottom: 15px;
    font-size: clamp(27px, 7vw, 34px);
  }

  .news-entry:last-child p {
    padding-top: 0;
  }
}

@media (max-width: 380px) {
  .news-entry:first-child {
    padding-left: 20px;
    padding-right: 20px;
  }

  .news-entry:first-child::before {
    left: 20px;
  }
}

@media print {
  .news-section {
    background: #fff;
    padding: 18pt 0;
  }

  .news-entry:first-child {
    background: #fff;
  }

  .news-entry {
    break-inside: avoid;
  }
}