/* ==========================================================
   L'ART — LAYOUT
========================================================== */

.container,
.container-wide,
.container-text,
.container-narrow {
  width: min(100%, var(--content));
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 4vw, 4.5rem);
}

.container-wide { width: min(100%, var(--wide)); }
.container-text { width: min(100%, var(--text)); }
.container-narrow { width: min(100%, 920px); }

.section {
  padding-block: clamp(2.75rem, 4.5vw, 4.25rem);
}

.section-small {
  padding-block: clamp(2.25rem, 3.5vw, 3.5rem);
}

.section-header {
  width: min(100%, 760px);
  margin: 0 auto clamp(1.75rem, 3vw, 2.75rem);
  padding-inline: 1.25rem;
  text-align: center;
}

.section-header h2 {
  margin-bottom: 1rem;
}

.section-header p:last-child {
  margin-bottom: 0;
}

.text-center { text-align: center; }
.max-text { width: min(100%, 760px); margin-inline: auto; }

.stack > * { margin-block: 0; }
.stack > * + * { margin-top: 1.25rem; }

@media (max-width: 781px) {
  .section { padding-block: 3rem; }
  .section-small { padding-block: 2.5rem; }
  .section-header { text-align: left; }
}