.l-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.l-container {
  width: var(--shell);
  margin-left: auto;
  margin-right: auto;
}

.l-main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  flex: 1 0 auto;
}

.l-band {
  flex: 1 1 100%;
  background: var(--ink-2);
  padding: var(--fluid-band) 0;
}

.l-band:nth-of-type(odd) {
  background: var(--ink-3);
}

.l-band.is-half {
  flex: 1 1 calc(50% - 0.5em);
  min-width: 18.75em;
}

.band-divider {
  flex: 1 1 100%;
}

.l-band:nth-of-type(odd) .band-copy {
  order: 1;
}

.l-band:nth-of-type(odd) .band-visual {
  order: 2;
}

.l-band:nth-of-type(even) .band-copy {
  order: 2;
}

.l-band:nth-of-type(even) .band-visual {
  order: 1;
}

.l-band.workbench-intro {
  background: linear-gradient(170deg, #1a1a1a 0%, #0d0d0d 78%);
  padding-top: var(--s4);
}

.l-band.write-to-us {
  background-image: linear-gradient(140deg, rgba(224, 85, 47, 0.22) 0%, rgba(13, 13, 13, 0.96) 55%), repeating-linear-gradient(115deg, #141414 0 2.6em, #191b20 2.6em 5.2em);
  background-attachment: fixed;
  background-size: cover;
}

.write-to-us .l-container {
  text-align: center;
}

.write-to-us .lede {
  margin-left: auto;
  margin-right: auto;
}

.asked-often .l-container {
  max-width: 54em;
}

.legal-lede {
  color: var(--mute);
  margin-bottom: var(--s4);
  max-width: 46em;
}

.legal-head {
  padding-bottom: var(--s2);
}

.legal-meta {
  color: var(--dim);
  font-size: 0.84em;
  margin-top: var(--s3);
}

.result-panel {
  max-width: 34em;
}

@media (min-width: 40em) {
  .l-container {
    width: var(--shell);
  }

  .stat-row .stat-tile {
    flex: 1 1 10em;
  }
}

@media (min-width: 48em) {
  .l-band {
    padding: var(--fluid-band) 0;
  }

  .legal-block p,
  .legal-block li {
    font-size: 1.02em;
  }
}

@media (min-width: 60em) {
  .band-grid {
    flex-wrap: nowrap;
  }

  .craft-list .band-grid,
  .why-handmade .band-grid {
    align-items: flex-start;
  }
}

@media (min-width: 64em) {
  .asked-often .l-container {
    max-width: 54em;
  }
}

.l-legal .l-container {
  max-width: 52em;
}

.result-band .l-container {
  max-width: 44em;
}