.quart-section {
  --_vspace: var(--quart-section--vspace, 0px);
  --_content-vspace: var(--quart-section--content-vspace, var(--vspace, 96px));
  --_hspace: var(--quart-section--hspace, var(--hspace));
  --_background: var(--quart-section--background, var(--background));
  --_text-color: var(--quart-section--text-color, var(--text-color));
  --_min-height: var(--quart-section--min-height, none);
  --_content-max-width: var(--quart-section--content-max-width, 1680px);
  --_content-inner-max-width: var(--quart-section--content-inner-max-width, none);
  --_background-object-fit: var(--quart-section--background-object-fit, cover);
  --_background-object-position: var(--quart-section--background-object-position, center);
  --_background-overlay-background: var(--quart-section--background-overlay-background, linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.00) 100%));
}

.quart-section {
  position: relative;
  color: var(--_text-color);
  display: grid;
  align-items: center;
  justify-items: center;
  padding-inline: var(--_hspace);
  margin-block: var(--_vspace);
  min-height: var(--_min-height);
}
.quart-section__content {
  margin-block: var(--_content-vspace);
  position: relative;
  max-width: var(--_content-max-width);
  width: 100%;
}
.quart-section__content-inner {
  max-width: var(--_content-inner-max-width);
}
.quart-section__background {
  position: absolute;
  inset: 0;
  background: var(--_background);
  pointer-events: none;
}
.quart-section__background * {
  position: revert;
}
.quart-section__background img, .quart-section__background svg, .quart-section__background video, .quart-section__background iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--_background-object-fit);
  object-position: var(--_background-object-position);
}
.quart-section--has-background .quart-section__background::after {
  content: "";
  background: var(--_background-overlay-background);
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.quart-section__mc1 {
  margin-block: 500px;
}
.quart-section__mc2 {
  margin-block: -500px;
}