/* ----------------- CONTAINER ----------------- */

.container {

  width: min(var(--container-width), 92vw);

  margin-inline: auto;

}

/* ----------------- SECTION ----------------- */

.section {

  position: relative;

  padding-block:

    clamp(5rem, 7vw, 7rem);

}

/* ----------------- SECTION TRANSITION ----------------- */

.section::after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  width: min(1200px, 88vw);

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(201,168,76,0.08),
      transparent
    );

}

/* ----------------- FLEX HELPERS ----------------- */

.flex {

  display: flex;

}

.flex-center {

  display: flex;

  align-items: center;

  justify-content: center;

}

.flex-between {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

/* ----------------- GRID ----------------- */

.grid {

  display: grid;

}

/* ----------------- SPACING ----------------- */

.mt-sm { margin-top: 1rem; }
.mt-md { margin-top: 2rem; }
.mt-lg { margin-top: 4rem; }

.mb-sm { margin-bottom: 1rem; }
.mb-md { margin-bottom: 2rem; }
.mb-lg { margin-bottom: 4rem; }