/************************************************
    Machine
*************************************************/
.machine {
  padding-block: 5em;
  padding-inline: var(--gutter);
}
@supports not (padding-block: 5em) {
  .machine {
    -webkit-padding-before: 5em;
    padding-block-start: 5em;
    -webkit-padding-after: 5em;
    padding-block-end: 5em;
  }
}
@supports not (padding-inline: var(--gutter)) {
  .machine {
    -webkit-padding-start: var(--gutter);
    padding-inline-start: var(--gutter);
    -webkit-padding-end: var(--gutter);
    padding-inline-end: var(--gutter);
  }
}
@media (min-width: 48rem) {
  .machine {
    display: -ms-grid;
    display: grid;
    align-items: start;
    padding-block: 6.25em;
    padding-inline: 2.5em;
  }
  @supports not (padding-block: 6.25em) {
    .machine {
      -webkit-padding-before: 6.25em;
      padding-block-start: 6.25em;
      -webkit-padding-after: 6.25em;
      padding-block-end: 6.25em;
    }
  }
  @supports not (padding-inline: 2.5em) {
    .machine {
      -webkit-padding-start: 2.5em;
      padding-inline-start: 2.5em;
      -webkit-padding-end: 2.5em;
      padding-inline-end: 2.5em;
    }
  }
}
@media (min-width: 48rem) {
  .machine:nth-of-type(odd) {
    -ms-grid-columns: 1fr minmax(-webkit-min-content, 13.75em) 25em 2.5em 35em minmax(-webkit-min-content, 13.75em) 1fr;
    -ms-grid-columns: 1fr minmax(min-content, 13.75em) 25em 2.5em 35em minmax(min-content, 13.75em) 1fr;
    grid-template-columns: 1fr minmax(-webkit-min-content, 13.75em) 25em 2.5em 35em minmax(-webkit-min-content, 13.75em) 1fr;
    grid-template-columns: 1fr minmax(min-content, 13.75em) 25em 2.5em 35em minmax(min-content, 13.75em) 1fr;
  }
}
.machine:nth-of-type(even) {
  background-color: white;
}
@media (min-width: 48rem) {
  .machine:nth-of-type(even) {
    -ms-grid-columns: 1fr minmax(-webkit-min-content, 13.75em) 35em 2.5em 25em minmax(-webkit-min-content, 13.75em) 1fr;
    -ms-grid-columns: 1fr minmax(min-content, 13.75em) 35em 2.5em 25em minmax(min-content, 13.75em) 1fr;
    grid-template-columns: 1fr minmax(-webkit-min-content, 13.75em) 35em 2.5em 25em minmax(-webkit-min-content, 13.75em) 1fr;
    grid-template-columns: 1fr minmax(min-content, 13.75em) 35em 2.5em 25em minmax(min-content, 13.75em) 1fr;
  }
}
.machine-contents {
  color: white;
  background-color: var(--theme-color);
  padding-block: 2.5em;
  padding-inline: var(--gutter);
  border-radius: 0.625em;
}
@supports not (padding-block: 2.5em) {
  .machine-contents {
    -webkit-padding-before: 2.5em;
    padding-block-start: 2.5em;
    -webkit-padding-after: 2.5em;
    padding-block-end: 2.5em;
  }
}
@supports not (padding-inline: var(--gutter)) {
  .machine-contents {
    -webkit-padding-start: var(--gutter);
    padding-inline-start: var(--gutter);
    -webkit-padding-end: var(--gutter);
    padding-inline-end: var(--gutter);
  }
}
@media (min-width: 48rem) {
  .machine-contents {
    -ms-grid-row: 1;
    grid-row: 1;
    min-block-size: 12.5em;
    padding-inline: 4.125em;
  }
  @supports not (padding-inline: 4.125em) {
    .machine-contents {
      -webkit-padding-start: 4.125em;
      padding-inline-start: 4.125em;
      -webkit-padding-end: 4.125em;
      padding-inline-end: 4.125em;
    }
  }
}
@media (min-width: 48rem) {
  .machine:nth-of-type(odd) .machine-contents {
    -ms-grid-column: 3;
    grid-column: 3;
  }
}
@media (min-width: 48rem) {
  .machine:nth-of-type(even) .machine-contents {
    -ms-grid-column: 5;
    grid-column: 5;
  }
}
.machine__title {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  margin: 0;
}
.machine__title::after {
  content: "";
  display: block;
  background-color: currentColor;
  inline-size: 2.5em;
  block-size: 0.1875em;
  -webkit-margin-before: 0.59375em;
  margin-block-start: 0.59375em;
  margin-inline: auto;
}
@supports not (margin-inline: auto) {
  .machine__title::after {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
}
.machine__content {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.625;
  -webkit-margin-before: 1.875em;
  margin-block-start: 1.875em;
}
.machine__content p {
  margin: 0;
}
@media (min-width: 48rem) {
  .machine-YouTube {
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
@media (min-width: 48rem) {
  .machine:nth-of-type(odd) .machine-YouTube {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-column: 5 / 7;
  }
}
@media (min-width: 48rem) {
  .machine:nth-of-type(even) .machine-YouTube {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
  }
}
.machine-YouTube {
  -webkit-margin-before: 1.25em;
  margin-block-start: 1.25em;
}
@media (min-width: 48rem) {
  .machine-YouTube {
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }
}
@supports not (aspect-ratio: 16 / 9) {
  .machine-YouTube .aspect-ratio {
    -webkit-padding-before: 56.25%;
    padding-block-start: 56.25%;
    position: relative;
  }
}
@supports not (aspect-ratio: 16 / 9) {
  .machine-YouTube .aspect-ratio iframe {
    inline-size: 100%;
    block-size: 100%;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }
  @supports not (inset-block-start: 0) {
    .machine-YouTube .aspect-ratio iframe {
      top: 0;
    }
  }
  @supports not (inset-inline-start: 0) {
    .machine-YouTube .aspect-ratio iframe {
      left: 0;
    }
  }
}

.machines {
  font-size: 0.875em;
  padding: 0;
  margin-block: 5em;
}
@supports not (margin-block: 5em) {
  .machines {
    -webkit-margin-before: 5em;
    margin-block-start: 5em;
    -webkit-margin-after: 5em;
    margin-block-end: 5em;
  }
}
@media (min-width: 48rem) {
  .machines {
    font-size: 1em;
    margin-block: 6.25em;
  }
  @supports not (margin-block: 6.25em) {
    .machines {
      -webkit-margin-before: 6.25em;
      margin-block-start: 6.25em;
      -webkit-margin-after: 6.25em;
      margin-block-end: 6.25em;
    }
  }
}
.page__introduction + .machines {
  -webkit-margin-before: -2.5em;
  margin-block-start: -2.5em;
}
/*# sourceMappingURL=../maps/machine.css.map */