section {
  padding: 44px max(48px, (100% - 1080px) / 2);
  transition: background var(--transition), color var(--transition);
}

section > :first-child {
  margin-top: 0;
}

section > :last-child {
  margin-bottom: 0;
}

section[data-size=wide] {
  padding: 44px 48px;
}

main > section:first-of-type {
  padding-top: 8px;
}

@media (max-width: 700px) {
  section,
  section[data-size=wide] {
    padding: 40px 24px;
  }
  main > section:first-of-type {
    padding-top: 6px;
  }
}
section[data-size=full] {
  padding: 0;
}

section[data-size=full] > * {
  margin: 0;
  border-radius: 0;
}

section[data-size=full] img {
  border-radius: 0;
}

main > section:last-of-type {
  flex-grow: 1;
}

main > section:nth-of-type(odd) {
  background: var(--background);
}

main > section:nth-of-type(even) {
  background: var(--background-alt);
}

/*# sourceMappingURL=section.css.map */