@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-Light.eot");
  src: local("TT Firs Neue Light"), local("TTFirsNeue-Light"), url("../fonts/TTFirsNeue-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-Light.woff2") format("woff2"), url("../fonts/TTFirsNeue-Light.woff") format("woff"), url("../fonts/TTFirsNeue-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-Regular.eot");
  src: local("TT Firs Neue Regular"), local("TTFirsNeue-Regular"), url("../fonts/TTFirsNeue-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-Regular.woff2") format("woff2"), url("../fonts/TTFirsNeue-Regular.woff") format("woff"), url("../fonts/TTFirsNeue-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-BoldItalic.eot");
  src: local("TT Firs Neue Bold Italic"), local("TTFirsNeue-BoldItalic"), url("../fonts/TTFirsNeue-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-BoldItalic.woff2") format("woff2"), url("../fonts/TTFirsNeue-BoldItalic.woff") format("woff"), url("../fonts/TTFirsNeue-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-DemiBoldItalic.eot");
  src: local("TT Firs Neue DemiBold Italic"), local("TTFirsNeue-DemiBoldItalic"), url("../fonts/TTFirsNeue-DemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-DemiBoldItalic.woff2") format("woff2"), url("../fonts/TTFirsNeue-DemiBoldItalic.woff") format("woff"), url("../fonts/TTFirsNeue-DemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-ExtraLight.eot");
  src: local("TT Firs Neue ExtraLight"), local("TTFirsNeue-ExtraLight"), url("../fonts/TTFirsNeue-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-ExtraLight.woff2") format("woff2"), url("../fonts/TTFirsNeue-ExtraLight.woff") format("woff"), url("../fonts/TTFirsNeue-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-ThinItalic.eot");
  src: local("TT Firs Neue Thin Italic"), local("TTFirsNeue-ThinItalic"), url("../fonts/TTFirsNeue-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-ThinItalic.woff2") format("woff2"), url("../fonts/TTFirsNeue-ThinItalic.woff") format("woff"), url("../fonts/TTFirsNeue-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-MediumItalic.eot");
  src: local("TT Firs Neue Medium Italic"), local("TTFirsNeue-MediumItalic"), url("../fonts/TTFirsNeue-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-MediumItalic.woff2") format("woff2"), url("../fonts/TTFirsNeue-MediumItalic.woff") format("woff"), url("../fonts/TTFirsNeue-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-DemiBold.eot");
  src: local("TT Firs Neue DemiBold"), local("TTFirsNeue-DemiBold"), url("../fonts/TTFirsNeue-DemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-DemiBold.woff2") format("woff2"), url("../fonts/TTFirsNeue-DemiBold.woff") format("woff"), url("../fonts/TTFirsNeue-DemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-BlackItalic.eot");
  src: local("TT Firs Neue Black Italic"), local("TTFirsNeue-BlackItalic"), url("../fonts/TTFirsNeue-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-BlackItalic.woff2") format("woff2"), url("../fonts/TTFirsNeue-BlackItalic.woff") format("woff"), url("../fonts/TTFirsNeue-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-LightItalic.eot");
  src: local("TT Firs Neue Light Italic"), local("TTFirsNeue-LightItalic"), url("../fonts/TTFirsNeue-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-LightItalic.woff2") format("woff2"), url("../fonts/TTFirsNeue-LightItalic.woff") format("woff"), url("../fonts/TTFirsNeue-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-ExtraLightItalic.eot");
  src: local("TT Firs Neue ExtraLight Italic"), local("TTFirsNeue-ExtraLightItalic"), url("../fonts/TTFirsNeue-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-ExtraLightItalic.woff2") format("woff2"), url("../fonts/TTFirsNeue-ExtraLightItalic.woff") format("woff"), url("../fonts/TTFirsNeue-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-Bold.eot");
  src: local("TT Firs Neue Bold"), local("TTFirsNeue-Bold"), url("../fonts/TTFirsNeue-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-Bold.woff2") format("woff2"), url("../fonts/TTFirsNeue-Bold.woff") format("woff"), url("../fonts/TTFirsNeue-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-ExtraBold.eot");
  src: local("TT Firs Neue ExtraBold"), local("TTFirsNeue-ExtraBold"), url("../fonts/TTFirsNeue-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-ExtraBold.woff2") format("woff2"), url("../fonts/TTFirsNeue-ExtraBold.woff") format("woff"), url("../fonts/TTFirsNeue-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-Medium.eot");
  src: local("TT Firs Neue Medium"), local("TTFirsNeue-Medium"), url("../fonts/TTFirsNeue-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-Medium.woff2") format("woff2"), url("../fonts/TTFirsNeue-Medium.woff") format("woff"), url("../fonts/TTFirsNeue-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-Thin.eot");
  src: local("TT Firs Neue Thin"), local("TTFirsNeue-Thin"), url("../fonts/TTFirsNeue-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-Thin.woff2") format("woff2"), url("../fonts/TTFirsNeue-Thin.woff") format("woff"), url("../fonts/TTFirsNeue-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-ExtraBoldItalic.eot");
  src: local("TT Firs Neue ExtraBold Italic"), local("TTFirsNeue-ExtraBoldItalic"), url("../fonts/TTFirsNeue-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/TTFirsNeue-ExtraBoldItalic.woff") format("woff"), url("../fonts/TTFirsNeue-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-Black.eot");
  src: local("TT Firs Neue Black"), local("TTFirsNeue-Black"), url("../fonts/TTFirsNeue-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-Black.woff2") format("woff2"), url("../fonts/TTFirsNeue-Black.woff") format("woff"), url("../fonts/TTFirsNeue-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("../fonts/TTFirsNeue-Italic.eot");
  src: local("TT Firs Neue Italic"), local("TTFirsNeue-Italic"), url("../fonts/TTFirsNeue-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue-Italic.woff2") format("woff2"), url("../fonts/TTFirsNeue-Italic.woff") format("woff"), url("../fonts/TTFirsNeue-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
body {
  margin: 0;
  padding: 0;
}

.container {
  padding-left: calc(120 / 3840 * 200vw);
  padding-right: calc(120 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .container {
    padding-left: calc(16 / 375 * 100vw);
    padding-right: calc(16 / 375 * 100vw);
  }
}

.main-header {
  padding-top: calc(50 / 3840 * 200vw);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 1100px) {
  .main-header .container {
    justify-content: center;
  }
}
@media (max-width: 1100px) {
  .main-header {
    padding-top: calc(30 / 375 * 100vw);
  }
}
.main-header .logo {
  width: calc(150 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .main-header .logo {
    width: calc(100 / 375 * 100vw);
  }
}

.main-menu {
  display: flex;
  gap: calc(40 / 3840 * 200vw);
  align-items: center;
}
@media (max-width: 1100px) {
  .main-menu {
    display: none;
  }
}

.slide-content {
  display: flex;
  align-items: start;
  width: calc(1000 / 3840 * 200vw);
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.slide-content .slide-content-text {
  width: calc(570 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .slide-content .slide-content-text {
    width: 100%;
  }
}
@media (max-width: 1100px) {
  .slide-content {
    width: 100%;
    align-items: start;
    justify-content: start;
    box-sizing: border-box;
    padding-top: calc(233 / 375 * 100vw);
  }
}
.slide-content h3 {
  color: #FFF;
  font-family: "TT Firs Neue";
  font-size: calc(64 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin: 0;
  margin-bottom: calc(40 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .slide-content h3 {
    font-size: calc(32 / 375 * 100vw);
    margin-bottom: sizes(20);
  }
}

.slide-content-text {
  color: #FFF;
  font-family: "TT Firs Neue";
  font-size: calc(20 / 3840 * 200vw);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: calc(60 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .slide-content-text {
    font-size: calc(16 / 375 * 100vw);
    margin-bottom: calc(40 / 375 * 100vw);
  }
}

.scroll-wrap {
  position: absolute;
  cursor: pointer;
  width: calc(40 / 3840 * 200vw);
  height: calc(40 / 3840 * 200vw);
  border-radius: calc(10 / 3840 * 200vw);
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(50 / 3840 * 200vw);
  z-index: 3;
  border: 2px solid #fff;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .scroll-wrap {
    width: calc(40 / 375 * 100vw);
    height: calc(40 / 375 * 100vw);
    border-radius: calc(10 / 375 * 100vw);
    bottom: auto;
    top: calc(550 / 375 * 100vw);
  }
}
.scroll-wrap svg {
  width: calc(16 / 3840 * 200vw);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  animation: scrollAnimation 2s infinite;
}
@media (max-width: 1100px) {
  .scroll-wrap svg {
    width: calc(16 / 375 * 100vw);
  }
}

@keyframes scrollAnimation {
  0% {
    transform: translate(-50%, -150%);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    transform: translate(-50%, 150%);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -150%);
    opacity: 0;
  }
}
.swiper-pagination {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  left: calc(130 / 3840 * 200vw) !important;
  position: absolute !important;
  gap: calc(10 / 3840 * 200vw) !important;
  bottom: calc(50 / 3840 * 200vw) !important;
}
@media (max-width: 1100px) {
  .swiper-pagination {
    left: 50% !important;
    transform: translateX(-50%);
    gap: calc(10 / 375 * 100vw) !important;
    bottom: auto !important;
    top: calc(624 / 375 * 100vw) !important;
    justify-content: center;
  }
}

.swiper-button-next,
.swiper-button-prev {
  display: none;
}

.swiper-pagination-bullet {
  width: calc(15 / 3840 * 200vw) !important;
  height: calc(10 / 3840 * 200vw) !important;
  border-radius: calc(10 / 3840 * 200vw) !important;
  box-sizing: border-box;
  border: calc(2 / 3840 * 200vw) solid var(--White, #FFF);
  background-color: transparent !important;
  opacity: 1 !important;
  cursor: pointer;
}
@media (max-width: 1100px) {
  .swiper-pagination-bullet {
    width: calc(15 / 375 * 100vw) !important;
    height: calc(10 / 375 * 100vw) !important;
    border-radius: calc(10 / 375 * 100vw) !important;
  }
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFF !important;
}

.slide-content-bt {
  padding: calc(30 / 3840 * 200vw);
  border-radius: calc(10 / 3840 * 200vw);
  border: 2px solid #FFF;
  color: #FFF;
  font-family: "TT Firs Neue";
  font-size: calc(20 / 3840 * 200vw);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  cursor: pointer;
  transition: transform 300ms;
}
@media (max-width: 1100px) {
  .slide-content-bt {
    padding: calc(20 / 375 * 100vw);
    border-radius: calc(10 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }
}
.slide-content-bt:hover {
  transform: scale(1.05);
}

.projects-section {
  height: 100vh;
  position: relative;
  max-width: 100vw;
  overflow: hidden;
}

.project-slide {
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  width: 100%;
  height: 100vh;
}
.project-slide::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 0;
  left: 0;
  top: 0;
}

.main-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.main-header a {
  color: var(--White, #FFF);
  text-align: center;
  font-family: "TT Firs Neue";
  font-size: calc(20 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  text-decoration-color: transparent;
  padding: 0;
  cursor: pointer;
  transition: text-decoration-color 300ms;
}
.main-header a:hover {
  text-decoration-color: #FFF;
}

.projects-container {
  display: flex;
  gap: calc(96 / 3840 * 200vw);
}

.project-item {
  flex-direction: column-reverse;
  gap: calc(55 / 3840 * 200vw);
  display: flex;
}
.project-item.active .project-name {
  color: #000;
  font-family: "TT Firs Neue";
  font-size: calc(48 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.project-item.active img {
  display: block;
}
.project-item .project-name {
  color: var(--Gray-4, #BDBDBD);
  font-family: "TT Firs Neue";
  font-size: calc(32 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: transparent;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  cursor: pointer;
}
.project-item img {
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  width: calc(864 / 3840 * 200vw);
  height: calc(550 / 3840 * 200vw);
  border-radius: calc(30 / 3840 * 200vw);
  display: none;
}

.projects-list {
  display: flex;
  flex-direction: column;
  gap: calc(60 / 3840 * 200vw);
}

.projects-details {
  padding-top: calc(150 / 3840 * 200vw);
  padding-bottom: calc(150 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .projects-details {
    padding-top: calc(50 / 375 * 100vw);
    padding-bottom: calc(50 / 375 * 100vw);
  }
}

.projects-details-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(65 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .projects-details-top {
    margin-bottom: calc(40 / 375 * 100vw);
    flex-direction: column;
    align-items: start;
    gap: calc(20 / 375 * 100vw);
  }
}
.projects-details-top h2 {
  color: #000;
  font-family: "TT Firs Neue";
  font-size: calc(64 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0 !important;
}
@media (max-width: 1100px) {
  .projects-details-top h2 {
    font-size: calc(32 / 375 * 100vw);
  }
}

.projects-details-ch {
  display: flex;
  align-items: center;
  gap: calc(20 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .projects-details-ch {
    justify-content: space-between;
    width: 100%;
  }
}
.projects-details-ch[data-active="1"] .projects-details-ch-name:first-of-type {
  color: #000;
}
.projects-details-ch[data-active="2"] .projects-details-ch-name:last-of-type {
  color: #000;
}
.projects-details-ch[data-active="2"] .projects-details-ch-c::after {
  transform: translateX(100%);
}

.projects-details-ch-name {
  color: #BDBDBD;
  font-family: "TT Firs Neue";
  font-size: calc(20 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 1100px) {
  .projects-details-ch-name {
    font-size: calc(16 / 375 * 100vw);
  }
}

.projects-details-ch-c {
  border-radius: calc(10 / 3840 * 200vw);
  background: #F2F2F2;
  display: flex;
  padding: calc(5 / 3840 * 200vw);
  min-width: calc(50 / 3840 * 200vw);
  box-sizing: border-box;
  justify-content: start;
}
@media (max-width: 1100px) {
  .projects-details-ch-c {
    padding: calc(5 / 375 * 100vw);
    min-width: calc(50 / 375 * 100vw);
    border-radius: calc(10 / 375 * 100vw);
  }
}
.projects-details-ch-c::after {
  content: "";
  width: calc(20 / 3840 * 200vw);
  height: calc(20 / 3840 * 200vw);
  border-radius: calc(5 / 3840 * 200vw);
  background: var(--Black, #000);
  cursor: pointer;
  transition: transform 300ms;
}
@media (max-width: 1100px) {
  .projects-details-ch-c::after {
    width: calc(20 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
    border-radius: calc(5 / 375 * 100vw);
  }
}

.about-section {
  background-color: #F2F2F2;
  padding-top: calc(150 / 3840 * 200vw);
  padding-bottom: calc(150 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .about-section {
    padding-top: calc(50 / 375 * 100vw);
    padding-bottom: calc(50 / 375 * 100vw);
  }
}
.about-section h2 {
  color: #000;
  font-family: "TT Firs Neue";
  font-size: calc(64 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: calc(65 / 3840 * 200vw) !important;
}
@media (max-width: 1100px) {
  .about-section h2 {
    font-size: calc(32 / 375 * 100vw) !important;
    margin-bottom: calc(40 / 375 * 100vw) !important;
  }
}

h2 {
  margin: 0 !important;
  padding: 0 !important;
}

.about-section-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .about-section-wrap {
    flex-direction: column;
    gap: calc(40 / 375 * 100vw);
    justify-content: start;
    align-items: start;
  }
}

.about-section-tl {
  color: #000;
  font-family: "TT Firs Neue";
  font-size: calc(20 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: calc(40 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .about-section-tl {
    font-size: calc(16 / 375 * 100vw);
    margin-bottom: calc(20 / 375 * 100vw);
  }
}

.project-image-container {
  min-width: calc(864 / 3840 * 200vw);
  height: calc(550 / 3840 * 200vw);
  max-width: calc(864 / 3840 * 200vw);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(30 / 3840 * 200vw);
  overflow: hidden;
  position: relative;
}
.project-image-container .swiper-pagination {
  width: -moz-fit-content;
  width: fit-content;
  left: 50% !important;
  transform: translateX(-50%);
}
@media (max-width: 1100px) {
  .project-image-container {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: calc(250 / 375 * 100vw);
    border-radius: calc(15 / 375 * 100vw);
  }
}

.about-section-wrap img {
  width: calc(528 / 3840 * 200vw);
  height: calc(400 / 3840 * 200vw);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(30 / 3840 * 200vw);
  overflow: hidden;
}
@media (max-width: 1100px) {
  .about-section-wrap img {
    width: 100%;
    height: calc(250 / 375 * 100vw);
    border-radius: calc(15 / 375 * 100vw);
  }
}

.about-section-wrap-in {
  display: flex;
  gap: calc(40 / 3840 * 200vw);
  align-items: flex-start;
}
@media (max-width: 1100px) {
  .about-section-wrap-in {
    gap: 0;
    flex-direction: column;
  }
}
.about-section-wrap-in ul {
  display: flex;
  flex-direction: column;
  gap: calc(25 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .about-section-wrap-in ul {
    gap: calc(20 / 375 * 100vw);
    padding: 0;
    padding-left: calc(30 / 375 * 100vw);
  }
}

.work-list {
  margin: 0;
}
.work-list li {
  color: #000;
  font-family: "TT Firs Neue";
  font-size: calc(20 / 3840 * 200vw);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 1100px) {
  .work-list li {
    font-size: calc(16 / 375 * 100vw);
  }
}

.project-status {
  display: none;
}

.project-block {
  display: flex;
  flex-direction: column;
  gap: calc(50 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .project-block {
    gap: calc(40 / 375 * 100vw);
    max-width: 100%;
    position: relative;
  }
}
.project-block .project-content {
  display: none;
}
.project-block.active .project-content {
  display: flex;
}
.project-block.active h2 {
  color: #000;
  font-family: "TT Firs Neue";
  font-size: calc(48 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  /* 48px */
}
@media (max-width: 1100px) {
  .project-block.active h2 {
    font-size: calc(24 / 375 * 100vw) !important;
    text-decoration: none !important;
  }
}

.projects-grid {
  display: flex;
  flex-direction: column;
  gap: calc(60 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .projects-grid {
    gap: calc(40 / 375 * 100vw);
    max-width: 100%;
  }
}

.project-header h2 {
  color: #BDBDBD;
  font-family: "TT Firs Neue";
  font-size: calc(32 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  cursor: pointer;
}
@media (max-width: 1100px) {
  .project-header h2 {
    font-size: calc(16 / 375 * 100vw) !important;
    text-decoration: underline !important;
  }
}

.project-content {
  display: flex;
  gap: calc(96 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .project-content {
    gap: calc(40 / 375 * 100vw);
    flex-direction: column;
  }
}
.project-content img {
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  width: calc(864 / 3840 * 200vw);
  height: calc(550 / 3840 * 200vw);
  border-radius: calc(30 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .project-content img {
    width: 100%;
    border-radius: calc(15 / 375 * 100vw);
    height: calc(250 / 375 * 100vw);
  }
}

.project-info {
  display: flex;
  flex-direction: column;
  gap: calc(40 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .project-info {
    gap: calc(20 / 375 * 100vw);
  }
}

.info-item {
  display: flex;
  flex-direction: column;
  gap: calc(20 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .info-item {
    gap: calc(10 / 375 * 100vw);
  }
}

.info-label {
  color: #000;
  font-family: "TT Firs Neue";
  font-size: calc(20 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
@media (max-width: 1100px) {
  .info-label {
    font-size: calc(16 / 375 * 100vw);
  }
}

.info-value {
  color: #000;
  font-family: "TT Firs Neue";
  font-size: calc(20 / 3840 * 200vw);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 1100px) {
  .info-value {
    font-size: calc(16 / 375 * 100vw);
  }
}

.main-footer {
  display: flex;
  padding: calc(100 / 3840 * 200vw) calc(120 / 3840 * 200vw);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background-color: #333;
}
@media (max-width: 1100px) {
  .main-footer {
    padding-top: calc(50 / 375 * 100vw);
    padding-bottom: calc(101 / 375 * 100vw);
  }
}
.main-footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 1100px) {
  .main-footer .container {
    padding: 0;
    justify-content: center;
  }
}

.main-footer-left {
  display: flex;
  flex-direction: column;
  gap: calc(25 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .main-footer-left {
    gap: calc(15 / 375 * 100vw);
    align-items: center;
    padding: 0;
    justify-content: center;
  }
}
.main-footer-left div {
  color: #FFF;
  font-family: "TT Firs Neue";
  font-size: calc(14 / 3840 * 200vw);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 1100px) {
  .main-footer-left div {
    font-size: calc(12 / 375 * 100vw);
  }
}
.main-footer-left a {
  color: #FFF;
  font-family: "TT Firs Neue";
  font-size: calc(16 / 3840 * 200vw);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media (max-width: 1100px) {
  .main-footer-left a {
    font-size: calc(12 / 375 * 100vw);
  }
}
.main-footer-left a:hover {
  text-decoration: none;
}

.main-footer-right {
  display: flex;
  gap: calc(40 / 3840 * 200vw);
}
@media (max-width: 1100px) {
  .main-footer-right {
    display: none;
  }
}
.main-footer-right a {
  color: #FFF;
  text-align: center;
  font-family: "TT Firs Neue";
  font-size: calc(14 / 3840 * 200vw);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 600ms;
}
.main-footer-right a:hover {
  text-decoration-color: #fff;
}/*# sourceMappingURL=style.css.map */