.site-container {
  width: min(100%, calc(var(--ait-content) + (2 * var(--ait-gutter))));
  margin-inline: auto;
  padding-inline: var(--ait-gutter);
}

.site-container > *,
.section-grid > * {
  min-width: 0;
}

.reading-width {
  width: min(100%, var(--ait-reading));
}

.site-main {
  min-height: 50vh;
}

.section-band {
  padding-block: var(--ait-section);
}

.section-band--mineral {
  background: var(--ait-mineral-50);
}

.section-band--dark {
  background: var(--ait-forest-950);
  color: var(--ait-mineral-100);
}

.section-grid {
  display: grid;
  gap: clamp(2.5rem, 7vw, 6rem);
}

.circuit-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.circuit-panel::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(90deg, transparent 49.5%, rgb(66 185 111 / 12%) 50%, transparent 50.5%),
    linear-gradient(transparent 49.5%, rgb(66 185 111 / 12%) 50%, transparent 50.5%);
  background-size: 4rem 4rem;
  content: "";
  mask-image: linear-gradient(110deg, #000, transparent 72%);
}

@media (min-width: 64rem) {
  .section-grid--split {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  }
}