/* fonts */
@font-face {
  font-family: "Optima";
  font-style: normal;
  font-weight: normal;
  src: local("Optima"), url("./fonts/Optima.woff2?v=1") format("woff2");
}
@font-face {
  font-family: "Optima";
  font-style: normal;
  font-weight: 700;
  src: local("Optima Bold"), url("./fonts/Optima_Bold.woff2?v=1") format("woff2");
}
@font-face {
  font-family: "Optima";
  font-style: italic;
  font-weight: normal;
  src: local("Optima Italic"), url("./fonts/Optima_Italic.woff2?v=1") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: normal;
  src: local("Mulish"), url("./fonts/Mulish-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: normal;
  src: local("Mulish"), url("./fonts/Mulish-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 500;
  src: local("Mulish"), url("./fonts/Mulish-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 500;
  src: local("Mulish"), url("./fonts/Mulish-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 700;
  src: local("Mulish"), url("./fonts/Mulish-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 700;
  src: local("Mulish"), url("./fonts/Mulish-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 800;
  src: local("Mulish"), url("./fonts/Mulish-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "DINPro";
  font-style: normal;
  font-weight: normal;
  src: local("DINPro"), url("./fonts/DINPro-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "DINPro";
  font-style: normal;
  font-weight: 500;
  src: local("DINPro"), url("./fonts/DINPro-Medium.woff2") format("woff2");
}
body .region-content section.kv {
  margin-bottom: 60px;
}
body .region-content section.kv .kv-banner {
  position: absolute;
  z-index: -1;
  width: 100%;
  aspect-ratio: 1440/520;
  -o-object-position: right bottom;
     object-position: right bottom;
}
body .region-content section.kv .title-wrapper {
  padding-top: calc(36.1111111111vw - 120px);
}
body .region-content section.kv .title-wrapper .title {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 84.52%);
  padding-top: 1.5em;
  margin-bottom: 2em;
}
@media (min-width: 576px) {
  body .region-content section.kv .title-wrapper {
    padding-top: calc(36.1111111111vw - 136px);
  }
}
@media (min-width: 768px) {
  body .region-content section.kv .title-wrapper {
    padding-top: calc(36.1111111111vw - 160px);
  }
}
@media (min-width: 992px) {
  body .region-content section.kv .title-wrapper {
    padding-top: calc(36.1111111111vw - 184px);
  }
}
@media (min-width: 1200px) {
  body .region-content section.kv .title-wrapper {
    padding-top: calc(36.1111111111vw - 208px);
  }
}
@media (min-width: 1280px) {
  body .region-content section.kv .title-wrapper {
    padding-top: calc(36.1111111111vw - 252px);
  }
}
body .region-content section.kv .section-sub-title {
  font-weight: normal;
  font-size: 1.25rem;
  color: #FFFFFF;
}
@media (min-width: 992px) {
  body .region-content section.kv .section-sub-title {
    font-size: 1.778rem;
  }
}
body .region-content section.kv .section-title {
  color: unset;
  font-size: 6.222rem;
  -webkit-text-fill-color: unset;
  text-transform: uppercase;
  max-width: -moz-min-content;
  max-width: min-content;
}
@media (max-width: 1279px) {
  body .region-content section.kv .section-title {
    font-size: 4.778rem;
  }
}
@media (max-width: 1199px) {
  body .region-content section.kv .section-title {
    font-size: 4rem;
  }
}
@media (max-width: 991px) {
  body .region-content section.kv .section-title {
    font-size: 3.556rem;
  }
}
@media (max-width: 767px) {
  body .region-content section.kv .section-title {
    font-size: 2.778rem;
  }
}
@media (max-width: 575px) {
  body .region-content section.kv .section-title {
    font-size: 2.222rem;
  }
}
body .region-content section.kv .desc {
  max-width: 100%;
}
@media (min-width: 992px) {
  body .region-content section.kv .desc {
    max-width: 70%;
  }
}
@media (min-width: 992px) {
  body .region-content section.kv {
    margin-bottom: 180px;
  }
  body .region-content section.kv .btn-container .btn {
    position: relative;
    bottom: -50px;
    font-weight: 700;
    letter-spacing: 1.31px;
  }
}/*# sourceMappingURL=homepage.css.map */