main h2 {
  color: var(--clr-primary-400);

  font-size: var(--fs-xl);
}

main > section {
  padding-block: calc(var(--global-space) * 2);
}
main > section:last-of-type {
  padding-block-end: calc(var(--global-space) * 4);
}

main .columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  gap: calc(var(--global-space) * 4);
}
@media screen and (width < 768px) {
  main .columns {
    grid-template-columns: 1fr;
  }
}

main :not(.member).image-loader {
  border: 4px solid var(--clr-secondary-400);
  border-radius: var(--border-radius);
}

main .van {
  --image-position: 90% 50%;
  min-height: 250px;
}

main .couple-pic {
  --image-position: 50% 8%;

  display: block;

  width: 100%;
  height: 100%;
  min-height: 250px;

  margin-block: auto;
}

section#values li {
  font-style: italic;
}
section#values h3 {
  color: var(--clr-secondary-400);
}

section#team {
  text-align: center;
}
section#team h3 {
  color: var(--clr-primary-400);
  margin-block-start: calc(var(--global-space));
  margin-block-end: calc(var(--global-space) / 4);
}
section#team p {
  max-width: 50ch;
  margin-inline: auto;
}
section#team ul {
  --flow-spacer: calc(var(--global-space) * 2);

  list-style: none;

  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  gap: calc(var(--global-space) * 2);
}
section#team ul > * {
  flex: 0 1 250px;
}
section#team li p {
  color: var(--clr-secondary-400);
}
section#team .member {
  --image-position: top;

  display: block;
  aspect-ratio: 1 / 1;

  border-radius: var(--border-radius);
  box-shadow: 1px 1px 4px hsl(0, 0%, 0%, 0.5);
}

section#guarantee p {
  margin-block-start: var(--global-space);
  padding: calc(var(--global-space) * 2);
  border: 1px solid var(--clr-secondary-400);
  background-color: hsl(var(--hsl-secondary-200), 0.1);
}
