.featured-resources--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.featured-resources--grid {
  margin-top: 1.875rem;
  display: grid;
  grid-gap: 1.313rem;
}
@media screen and (width >= 71.25rem) {
  .featured-resources--grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
  .featured-resources--grid :first-child {
    grid-row: 1/span 3;
  }
}
.featured-resources--item {
  overflow: hidden;
  border-radius: 0.75rem;
  display: flex;
}
.featured-resources--item a {
  text-decoration: none;
}
.featured-resources--item:hover a {
  text-decoration: underline;
}
.featured-resources--image {
  width: 42%;
  max-width: 240px;
}
.featured-resources--image > :first-child {
  aspect-ratio: 240/196;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featured-resources--content {
  flex: 1;
  padding: 1.25rem;
}
@media screen and (width >= 48rem) {
  .featured-resources--content {
    padding: 2.188rem 2.5rem;
  }
}
.featured-resources--title {
  font-size: clamp(1.125rem, 0.6816rem + 1.6694vw, 1.75rem);
  line-height: 1.1;
  letter-spacing: -0.018rem;
  margin-top: 0.625rem;
  margin-bottom: 1rem;
}
.featured-resources--item:first-child {
  color: var(--Pale-Periwinkle);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.featured-resources--item:first-child .featured-resources--image {
  width: 100%;
  max-width: unset;
}
.featured-resources--item:first-child .featured-resources--image > :first-child {
  aspect-ratio: 669/320;
}
.featured-resources--item:first-child .featured-resources-content {
  padding-top: 2.813rem;
  padding-bottom: 2.813rem;
}
@media screen and (width < 48rem) {
  .featured-resources--item:first-child .featured-resources-content {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
.featured-resources--item:first-child .featured-resources--title {
  margin-top: 1.125rem;
}