.current-foods {
  background: #fffdf8;
}

.current-foods-intro {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 1rem clamp(2rem, 7vw, 7rem);
  align-items: end;
  margin-bottom: clamp(2.5rem, 6vw, 5rem);
}

.current-foods-intro .kicker {
  grid-column: 1 / -1;
  margin-bottom: 0;
}

.current-foods-intro h2 {
  margin-bottom: 0;
  font-size: clamp(3rem, 6.3vw, 6.5rem);
}

.current-foods-intro h2 em {
  color: #d54576;
}

.current-foods-intro > p:last-child {
  margin-bottom: 0;
  color: #657064;
  font-size: 1.05rem;
}

.food-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.food-group {
  padding: clamp(1.3rem, 3vw, 2rem);
  border: 1px solid rgba(23, 32, 25, .12);
  border-radius: 1.5rem;
  background: #f7f2e8;
}

.food-group-protein {
  background: #17291d;
  color: #fff;
}

.food-group-fruit {
  background: #f1d9df;
}

.food-number {
  margin-bottom: 2rem;
  color: #d54576;
  font-family: Georgia, serif;
  font-size: 1rem;
  font-style: italic;
}

.food-group-protein .food-number {
  color: #dce77f;
}

.food-group h3 {
  margin-bottom: 1.5rem;
  font-size: clamp(1.7rem, 3vw, 2.6rem);
}

.food-group dl,
.food-group dl div {
  margin: 0;
}

.food-group dl div {
  padding: 1rem 0;
  border-top: 1px solid rgba(23, 32, 25, .13);
}

.food-group-protein dl div {
  border-color: rgba(255, 255, 255, .16);
}

.food-group dt {
  margin-bottom: .25rem;
  font-weight: 850;
}

.food-group dd {
  margin: 0;
  color: #657064;
  font-size: .86rem;
  line-height: 1.5;
}

.food-group-protein dd {
  color: rgba(255, 255, 255, .68);
}

.food-note {
  margin: 1.5rem 0 0;
  color: #657064;
  font-size: .74rem;
}

@media (max-width: 900px) {
  .current-foods-intro,
  .food-groups {
    grid-template-columns: 1fr;
  }

  .food-group {
    padding: 1.4rem;
  }
}