/* Homepage-specific styles */

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3000;
  width: 100%;
  height: 100%;
  background: #000000;
}

.preloader .preloader-wrapper {
  position: relative;
  max-width: 1000px;
  height: 100%;
  margin: 0 auto;
}

.preloader .preloader-wrapper .preloader-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  padding: 22% 0 0 0;
  margin: auto;
}

.preloader .preloader-wrapper .preloader-content p {
  color: #FFF;
  text-align: center;
  font-size: 23px;
  text-transform: uppercase;
}

.preloader .preloader-wrapper .preloader-content .preloader-copy {
  width: min(860px, calc(100% - 32px));
  margin: 0 auto;
  font-size: clamp(18px, 2.1vw, 29px);
  line-height: 1.3;
  text-transform: none;
}

.preloader .preloader-wrapper .preloader-content .preloader-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section .section-container {
  max-width: 1280px;

}

.section .section-container>.section-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0;
}

.section .section-container>.section-wrapper>.section-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section#section-factory {
  --factory-smoke-headroom: clamp(120px, 13vw, 420px);
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: visible;
}

@media (max-width: 767px) {
  .section#section-factory {
    --factory-smoke-headroom: clamp(72px, 20vw, 140px);
    min-height: 0;
    align-items: flex-start;
    padding-top: clamp(92px, 22vw, 128px);
  }
}

.section#section-factory .container,
.section#section-factory .row,
.section#section-factory .col-md-12 {
  width: 100%;
}

.section#section-factory .section-container {
  width: min(calc(100vw - 24px), calc((100vh - 120px) * 1.5609756));
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .section#section-factory .section-container {
    width: min(calc(100vw - 24px), calc(100vh * 1.5609756));
  }
}

.section#section-factory .section-container>.section-wrapper {
  height: 0;
  padding-top: 64.0625%;
  overflow: visible;
}

.section#section-factory .section-container>.section-wrapper>.section-canvas {
  top: calc(var(--factory-smoke-headroom) * -1);
  height: calc(100% + var(--factory-smoke-headroom));
}

.section#section-about {
  background-position: center top;
  background-repeat: repeat-x;
  background-size: auto 100%;
}

.section#section-about .section-container>.section-wrapper {
  padding-top: 75%;
}
.section#section-strategy {

  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: auto 10.52631579%;
}

.section#section-strategy:before {
  display: block;
  content: '';
  width: 100%;
  background-position: center top;
  background-repeat: repeat-x;
}

.section#section-strategy .section-container>.section-wrapper {
  padding-top: 79.0625%;
}

.section#section-service .section-container>.section-wrapper {
  padding-top: 68.75%;
}