/* Separate cards prevent annotation and divider collisions in the focus grid. */
.focus {
  display: block;
}

.focus .section-label {
  margin-bottom: 52px;
}

.focus-intro {
  max-width: 920px;
  margin-bottom: 62px;
}

.focus-intro > p {
  margin-bottom: 0;
}

.focus-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  border: 0;
}

.focus-grid article,
.focus-grid article:nth-child(odd),
.focus-grid article:nth-child(even) {
  min-height: 285px;
  padding: 32px 38px 36px;
  border: 0;
  background: rgba(242, 239, 232, .5);
  box-shadow: none;
}

.focus-grid article:first-child {
  border-left: 3px solid var(--gold);
  padding-left: 31px;
}

.focus-grid .number { color: var(--muted); }
.focus-grid h3 { margin: 48px 0 18px; }
.focus-grid article p:last-child { max-width: 330px; }

@media (max-width: 760px) {
  .focus .section-label { margin-bottom: 42px; }
  .focus-intro { margin-bottom: 42px; }
  .focus-grid { grid-template-columns: 1fr; gap: 10px; }
  .focus-grid article,
  .focus-grid article:nth-child(odd),
  .focus-grid article:nth-child(even) { min-height: 210px; padding: 24px; }
  .focus-grid article:first-child { padding-left: 21px; }
  .focus-grid h3 { margin: 35px 0 15px; }
}