.shell {
  width: 100%;
  max-width: var(--shell);
  margin: 0 auto;
  padding: 0 var(--gutter);
}
.page { flex: 1 0 auto; }
.section { padding-bottom: 72px; }
.section--tight { padding-bottom: 26px; }
.section--narrow { padding-bottom: 40px; }
.section--roomy { padding-bottom: 100px; }
.section--head { padding-bottom: 20px; }
.section--filters { padding-bottom: 34px; }
.section--cards { padding: 30px 0 60px; }
.section--overlap {
  margin-top: -62px;
  position: relative;
  z-index: 2;
}
.section--overlap-lg { margin-top: -72px; }
@media (max-width: 900px) {
  .section { padding-bottom: 52px; }
  .section--roomy { padding-bottom: 64px; }
  .section--cards { padding: 24px 0 44px; }
  .section--overlap,
  .section--overlap-lg { margin-top: -50px; }
}

@media (max-width: 600px) {
  .section { padding-bottom: 40px; }
  .section--roomy { padding-bottom: 48px; }
  .section--cards { padding: 20px 0 36px; }
  .section--overlap,
  .section--overlap-lg { margin-top: -44px; }
}

.section-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 14px; }