.latest-social {
  padding: clamp(4.5rem, 9vw, 8rem) clamp(1.25rem, 5vw, 5rem);
  background: #0d0d0b;
  border-block: 1px solid rgba(230, 214, 177, .14);
}

.latest-social__inner {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(150px, .35fr) minmax(0, 1fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: start;
}

.latest-social__meta {
  display: grid;
  gap: .65rem;
  color: rgba(237, 230, 214, .55);
  font-size: .72rem;
  letter-spacing: .16em;
}

.latest-social__meta time { color: #d7bc7e; }
.latest-social__kicker { margin: 0 0 1rem; color: #d7bc7e; font-size: .82rem; letter-spacing: .18em; }
.latest-social__body h2 { max-width: 18ch; margin: 0; color: #f2eee4; font-size: clamp(2rem, 5vw, 4.7rem); font-weight: 400; line-height: 1.08; }
.latest-social__body > p:not(.latest-social__kicker) { max-width: 48rem; margin: 1.6rem 0 2rem; color: rgba(237, 230, 214, .68); font-size: clamp(1rem, 1.4vw, 1.16rem); line-height: 1.85; }
.latest-social__link { display: inline-flex; gap: .65rem; color: #f2eee4; text-decoration: none; border-bottom: 1px solid #d7bc7e; padding-bottom: .45rem; }
.latest-social__link:hover { color: #d7bc7e; }

@media (max-width: 44rem) {
  .latest-social__inner { grid-template-columns: 1fr; gap: 1.6rem; }
  .latest-social__meta { display: flex; justify-content: space-between; }
}