.news {
  padding: 100px clamp(24px, 5vw, 76px);
  background: #f8f7f1;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(42px, 8vw, 120px);
}

.news-heading h2 {
  font: 500 clamp(38px, 4.5vw, 63px)/.98 "Fraunces", Georgia, serif;
  letter-spacing: -.055em;
  margin: 0 0 21px;
}

.news-heading > p:not(.eyebrow) {
  max-width: 320px;
  color: #526260;
  font-size: 15px;
}

.news-list { border-top: 1px solid rgba(17, 39, 39, .2); }
.news-card { padding: 24px 0 27px; border-bottom: 1px solid rgba(17, 39, 39, .2); }
.news-card.featured { padding-top: 25px; }
.news-meta { color: #27675f; font: 500 11px "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 13px; }
.news-meta span { color: #e67848; margin: 0 5px; }
.news-card h3 { max-width: 670px; margin: 0 0 8px; font: 500 clamp(25px, 2.3vw, 34px)/1.08 "Fraunces", Georgia, serif; letter-spacing: -.04em; }
.news-card p:not(.news-meta) { max-width: 620px; color: #465653; font-size: 15px; line-height: 1.5; margin: 0 0 15px; }
.news-card a { font-size: 14px; font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.news-card a span { color: #27675f; margin-left: 5px; }

@media (max-width: 760px) {
  .news { display: block; padding: 75px 24px; }
  .news-heading { margin-bottom: 40px; }
}