/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/ImageLightbox/ImageLightbox.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ImageLightbox_overlay__IBjRU {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  cursor: zoom-out;
}

.ImageLightbox_image__XZxWj {
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  cursor: default;
  display: block;
}

.ImageLightbox_close__8BTPD {
  position: fixed;
  top: 2rem;
  right: 2rem;
  background: none;
  border: none;
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  line-height: 1;
  opacity: 0.7;
  transition: opacity 0.15s;
}
.ImageLightbox_close__8BTPD:hover {
  opacity: 1;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/templates/project/TemplateA/TemplateA.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TemplateA_page__qFaea {
  padding-top: 13.9rem;
  padding-bottom: 14rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateA_page__qFaea {
    padding-top: 10rem;
    padding-bottom: 14rem;
  }
}
@media (max-width: 744px) {
  .TemplateA_page__qFaea {
    padding-top: 0.7rem;
    padding-bottom: 8rem;
  }
}

.TemplateA_topGradient__O2y3d {
  display: none;
}
@media (min-width: 1025px) {
  .TemplateA_topGradient__O2y3d {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.9rem;
    background: linear-gradient(to bottom, #fff 0%, #fff 55%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 100;
  }
}

.TemplateA_back__w_WT3 {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  text-decoration: underline;
}
.TemplateA_backCategory__9pccw {
  color: #2B2D33;
}
.TemplateA_top___hzne {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.4rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateA_top___hzne {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 744px) {
  .TemplateA_top___hzne {
    margin-bottom: 3.2rem;
  }
}

@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateA_topMetaDesktop__mRDMV {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateA_topMetaDesktop__mRDMV {
    display: none;
  }
}

.TemplateA_topMetaMobile__q6i3k {
  display: none;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateA_topMetaMobile__q6i3k {
    display: block;
    margin-bottom: 0;
  }
}
@media (max-width: 744px) {
  .TemplateA_topMetaMobile__q6i3k {
    display: block;
    margin-bottom: 0;
  }
}

.TemplateA_metaToggle__PjheR {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  cursor: pointer;
  padding: 1.2rem 0;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateA_metaToggle__PjheR {
    padding: 0.2rem 0;
  }
}
.TemplateA_metaToggleIcon__9d742 {
  font-size: 2rem;
  line-height: 1;
  font-weight: 300;
}
.TemplateA_metaToggleBody__Dzo1o {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.TemplateA_metaToggleBodyOpen__WJh1d {
  max-height: 40rem;
}
.TemplateA_metaToggleBodyInner__Ja_07 {
  padding-top: 1.6rem;
  padding-bottom: 0.8rem;
}
.TemplateA_topInner__E9iPd {
  flex: 1 1;
  min-width: 0;
}
.TemplateA_topMeta__KmOwI {
  gap: 0;
  justify-content: space-between;
  align-self: stretch;
  width: auto;
  max-width: 37rem;
  min-width: 21rem;
}
.TemplateA_heading__KLZ2g {
  font-size: 5.6rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #2B2D33;
  margin-bottom: 7.3rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateA_heading__KLZ2g {
    font-size: 4.8rem;
    margin-bottom: 4.4rem;
  }
}
@media (max-width: 744px) {
  .TemplateA_heading__KLZ2g {
    font-size: 3.2rem;
    margin-bottom: 3.2rem;
    overflow: hidden;
  }
}

.TemplateA_metaCol__lykQ8 {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.TemplateA_metaGroup__O1bWx {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.TemplateA_metaTitle__o_RNF {
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  line-height: 1.3;
  letter-spacing: 0.03em;
}
.TemplateA_metaItem__C5tlH {
  display: flex;
  gap: 0.8rem;
}
.TemplateA_metaLabel__mkCO4 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  color: #AAABAD;
}
.TemplateA_metaValue__Nvvh2 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  color: #AAABAD;
}
.TemplateA_cover__BwEPl {
  width: 100%;
  margin-bottom: 4.4rem;
}
.TemplateA_cover__BwEPl img {
  width: 100%;
  height: auto;
  display: block;
}
.TemplateA_main__KAvhf {
  display: flex;
  gap: 11.3rem;
  margin-bottom: 4.4rem;
}
.TemplateA_body___E__q {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  width: 100%;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateA_body___E__q {
    gap: 2.4rem;
  }
}
@media (max-width: 744px) {
  .TemplateA_body___E__q {
    gap: 2.4rem;
  }
}

.TemplateA_textBlock__ZjBJf {
  display: flex;
  gap: 1.2rem;
}
@media (max-width: 744px) {
  .TemplateA_textBlock__ZjBJf {
    flex-direction: column;
    gap: 2.4rem;
  }
}

.TemplateA_textItem__OvHLc {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.TemplateA_textPair__XwgO7 {
  width: 50%;
  display: flex;
  justify-content: space-between;
}
.TemplateA_textPair__XwgO7 .TemplateA_text__360HF {
  width: 26.4rem;
  font-weight: 400;
  font-size: 1.5rem;
}
@media (max-width: 744px) {
  .TemplateA_textPair__XwgO7 .TemplateA_text__360HF {
    width: 100%;
  }
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateA_textPair__XwgO7 {
    width: 50%;
    flex-direction: column;
    gap: 1.2rem;
  }
}
@media (max-width: 744px) {
  .TemplateA_textPair__XwgO7 {
    flex-direction: column;
    width: 100%;
    gap: 1.2rem;
  }
}

.TemplateA_text__360HF {
  white-space: pre-line;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.35;
  color: #2B2D33;
}
.TemplateA_images__nB870 {
  display: flex;
  gap: 1.2rem;
}
@media (max-width: 1024px) {
  .TemplateA_images__nB870 {
    display: none;
  }
}

.TemplateA_imageMain__j8kND {
  width: 50%;
  height: 45.6rem;
  overflow: hidden;
}
.TemplateA_imageMain__j8kND img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateA_imageMain__j8kND {
    width: 100%;
  }
}
@media (max-width: 744px) {
  .TemplateA_imageMain__j8kND {
    width: 100%;
    height: 29.6rem;
  }
}

.TemplateA_imageGrid__FpZ32 {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateA_imageGrid__FpZ32 {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateA_imageGrid__FpZ32 {
    display: none;
  }
}

.TemplateA_imageRow__Umf9R {
  display: flex;
  gap: 1.2rem;
}
.TemplateA_imageWrapInner__TIjLv {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  overflow: hidden;
}
.TemplateA_imageWrap__JMjyw {
  width: 21.6rem;
  height: 14.4rem;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
}
.TemplateA_imageStack__v644x {
  width: 44.3rem;
  height: 30rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  min-width: 0;
  overflow: hidden;
}
.TemplateA_image__gkNkq {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateA_imageMain__j8kND img,
.TemplateA_imageWrap__JMjyw img,
.TemplateA_imageStack__v644x img {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.TemplateA_imageMain__j8kND:hover img,
.TemplateA_imageWrap__JMjyw:hover img,
.TemplateA_imageStack__v644x:hover img {
  transform: scale(1.04);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/NavArrow/NavArrow.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavArrow_arrow__PALd0 {
  display: block;
  width: 5.4rem;
  height: 1.5rem;
  flex-shrink: 0;
}
@media (max-width: 744px) {
  .NavArrow_arrow__PALd0 {
    width: 4.4rem;
    height: 1.5rem;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/ProjectMedia/VideoPlayer.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoPlayer_wrap__qi17h {
  position: relative;
  display: block;
  line-height: 0;
}

.VideoPlayer_video__JJ_Pf {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.VideoPlayer_overlay__EQ1Mc {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: background 0.25s ease;
}
.VideoPlayer_overlay__EQ1Mc:hover {
  background: rgba(0, 0, 0, 0.18);
}

.VideoPlayer_playButton__BVdTh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.25);
  transition: transform 0.25s ease, background 0.25s ease;
}
.VideoPlayer_playButton__BVdTh svg {
  width: 2.6rem;
  height: 2.6rem;
  fill: #2B2D33;
}
.VideoPlayer_overlay__EQ1Mc:hover .VideoPlayer_playButton__BVdTh {
  transform: scale(1.08);
  background: #fff;
}
@media (max-width: 744px) {
  .VideoPlayer_playButton__BVdTh {
    width: 5.6rem;
    height: 5.6rem;
  }
  .VideoPlayer_playButton__BVdTh svg {
    width: 2rem;
    height: 2rem;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/ProjectImageSlider/ProjectImageSlider.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProjectImageSlider_slider__B1H88 {
  position: relative;
  width: 100%;
  display: none;
}
@media (max-width: 1024px) {
  .ProjectImageSlider_slider__B1H88 {
    display: block;
  }
}

@media (max-width: 744px) {
  .ProjectImageSlider_tabletOnly__5jlGA {
    display: none !important;
  }
}

@media (min-width: 745px) {
  .ProjectImageSlider_mobileOnly__CF_Ta {
    display: none !important;
  }
}

.ProjectImageSlider_trackWrapper__3wz_3 {
  position: relative;
  width: 100%;
}

.ProjectImageSlider_track__CwOXV {
  width: 100%;
  height: 56vw;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .ProjectImageSlider_track__CwOXV {
    height: 49.7rem;
  }
}
@media (max-width: 744px) {
  .ProjectImageSlider_track__CwOXV {
    height: 29.6rem;
  }
}

.ProjectImageSlider_image__s6rH3 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.ProjectImageSlider_track__CwOXV:hover .ProjectImageSlider_image__s6rH3 {
  transform: scale(1.04);
}

.ProjectImageSlider_arrow__B81t0 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  flex-shrink: 0;
  color: rgb(43, 45, 51);
  font-size: 2.8rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
  z-index: 2;
}
@media (max-width: 744px) {
  .ProjectImageSlider_arrow__B81t0 {
    top: 50%;
  }
}

.ProjectImageSlider_arrowPrev__ckNjo {
  left: 1.2rem;
}

.ProjectImageSlider_arrowNext__7fu1X {
  right: 1.2rem;
}

.ProjectImageSlider_arrowDisabled__4QF3f {
  color: rgb(170, 171, 173);
  cursor: default;
  pointer-events: none;
}

.ProjectImageSlider_pagination__inuBg {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1.4rem;
  padding: 0 0.5rem;
  margin-top: 2rem;
}

.ProjectImageSlider_pip__5AGLR {
  display: block;
  width: 0.1rem;
  height: 0.8rem;
  border-left: 0.1rem solid #AAABAD;
  transform: scaleY(0.65);
  transform-origin: bottom;
  transition: transform 1s ease;
  cursor: pointer;
  padding: 0.6rem 0.5rem;
  margin: -0.6rem -0.5rem;
  box-sizing: content-box;
}

.ProjectImageSlider_pipActive__BDmsn {
  transform: scaleY(0.95);
  border-left: 0.1rem solid #2B2D33;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/templates/project/TemplateB/TemplateB.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TemplateB_page__7N8_2 {
  padding-top: 13.9rem;
  padding-bottom: 14rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_page__7N8_2 {
    padding-top: 10rem;
    padding-bottom: 14rem;
  }
}
@media (max-width: 744px) {
  .TemplateB_page__7N8_2 {
    padding-top: 0.7rem;
    padding-bottom: 8rem;
  }
}

.TemplateB_topGradient__5COqa {
  display: none;
}
@media (min-width: 1025px) {
  .TemplateB_topGradient__5COqa {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.9rem;
    background: linear-gradient(to bottom, #fff 0%, #fff 55%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 100;
  }
}

.TemplateB_container__VNyZr {
  width: 144rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 4rem;
  overflow: visible;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_container__VNyZr {
    padding: 0 2rem;
  }
}
@media (max-width: 744px) {
  .TemplateB_container__VNyZr {
    padding: 0 1.6rem;
  }
}

.TemplateB_back__NZYj7 {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  text-decoration: underline;
}
.TemplateB_backCategory__deB4d {
  color: #2B2D33;
}
.TemplateB_top__Fvicn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.4rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_top__Fvicn {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 744px) {
  .TemplateB_top__Fvicn {
    margin-bottom: 3.2rem;
  }
}

@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_topMetaDesktop__GJsGT {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateB_topMetaDesktop__GJsGT {
    display: none;
  }
}

.TemplateB_topMetaMobile__DkZv1 {
  display: none;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_topMetaMobile__DkZv1 {
    display: block;
    margin-bottom: 0;
  }
}
@media (max-width: 744px) {
  .TemplateB_topMetaMobile__DkZv1 {
    display: block;
    margin-bottom: 0;
  }
}

.TemplateB_metaToggle__LaNDp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  cursor: pointer;
  padding: 1.2rem 0;
}

.TemplateB_metaToggleIcon__OIhB0 {
  font-size: 2rem;
  line-height: 1;
  font-weight: 300;
}

.TemplateB_metaToggleBody__9xQCn {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.TemplateB_metaToggleBodyOpen__0YYMo {
  max-height: 40rem;
}

.TemplateB_metaToggleBodyInner__mSUvQ {
  padding-top: 1.6rem;
  padding-bottom: 0.8rem;
}

.TemplateB_topInner__ACcNv {
  flex: 1 1;
  min-width: 0;
}
.TemplateB_topMeta__RZy5G {
  gap: 0;
  justify-content: space-between;
  align-self: stretch;
  width: auto;
  max-width: 37rem;
  min-width: 21rem;
}
.TemplateB_heading__ceqY8 {
  font-size: 5.6rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #2B2D33;
  margin-bottom: 7.3rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_heading__ceqY8 {
    font-size: 4.8rem;
    margin-bottom: 4.4rem;
  }
}
@media (max-width: 744px) {
  .TemplateB_heading__ceqY8 {
    font-size: 3.2rem;
    margin-bottom: 3.2rem;
    overflow: hidden;
  }
}

.TemplateB_metaCol__KqNXr {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.TemplateB_metaGroup__Mjqdb {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.TemplateB_metaTitle__7hHX5 {
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  line-height: 1.3;
  letter-spacing: 0.03em;
}
.TemplateB_metaItem__g32HC {
  display: flex;
  gap: 0.8rem;
}
.TemplateB_metaLabel__9ec_K {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  color: #AAABAD;
}
.TemplateB_metaValue__KDxcl {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  color: #AAABAD;
}
.TemplateB_cover__fUNsi {
  width: 100%;
  margin-bottom: 4.4rem;
}
.TemplateB_cover__fUNsi img {
  width: 100%;
  height: auto;
  display: block;
}
.TemplateB_main__U1exw {
  display: flex;
  gap: 11.3rem;
  margin-bottom: 4.4rem;
}
.TemplateB_body__iJttz {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 100%;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_body__iJttz {
    gap: 2.4rem;
  }
}
.TemplateB_textBlock__8NFbP {
  display: flex;
  gap: 1.2rem;
}
.TemplateB_textItem__aRln_ {
  width: 50%;
  flex-shrink: 0;
  display: flex;
}
.TemplateB_text__0GB_q {
  white-space: pre-line;
  width: 34rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.35;
  color: #2B2D33;
  margin-right: 11.5rem;
  margin-left: auto;
}
.TemplateB_textMobile__XAsPb {
  display: none;
  flex-direction: column;
  gap: 1.6rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_textMobile__XAsPb {
    display: flex;
  }
}
@media (max-width: 744px) {
  .TemplateB_textMobile__XAsPb {
    display: flex;
  }
}
.TemplateB_textMobile__XAsPb .TemplateB_text__0GB_q {
  width: 100%;
  margin: 0;
}

.TemplateB_images__bPT_b {
  display: flex;
  gap: 1.2rem;
}
@media (max-width: 1024px) {
  .TemplateB_images__bPT_b {
    display: none;
  }
}

.TemplateB_imageMain__ezfb6 {
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_imageMain__ezfb6 {
    width: 100%;
  }
}
@media (max-width: 744px) {
  .TemplateB_imageMain__ezfb6 {
    width: 100%;
  }
}

.TemplateB_imageMainLeft__Nmj7f {
  width: 56.7rem;
  height: 45.6rem;
  min-width: 0;
  cursor: default;
}
.TemplateB_imageMainLeft__Nmj7f img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_imageMainLeft__Nmj7f {
    width: 100%;
  }
}
@media (max-width: 744px) {
  .TemplateB_imageMainLeft__Nmj7f {
    width: 100%;
    height: 29.6rem;
  }
}

.TemplateB_imageRowRight__5H8CA {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 21.6rem;
  flex-shrink: 0;
}
.TemplateB_imageRowRightTop__2d7Sj {
  width: 68rem;
  height: 68rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
}
.TemplateB_imageRowRightTop__2d7Sj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_imageRowRightTop__2d7Sj {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateB_imageRowRightTop__2d7Sj {
    display: none;
  }
}

.TemplateB_imagesBottom__qnp2_ {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_imagesBottom__qnp2_ {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateB_imagesBottom__qnp2_ {
    display: none;
  }
}

.TemplateB_imageRowRightBottom__saIF4 {
  width: 34rem;
  height: 31.8rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
}
.TemplateB_imageRowRightBottom__saIF4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateB_imageGrid__kdwza {
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.2rem;
  position: relative;
  overflow: visible;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateB_imageGrid__kdwza {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateB_imageGrid__kdwza {
    display: none;
  }
}

.TemplateB_imageRow__dixpt {
  display: flex;
  gap: 1.2rem;
}
.TemplateB_imageGridWrap__87FiE {
  width: 21.5rem;
  height: 30.6rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
  flex-shrink: 0;
}
.TemplateB_imageGridWrap__87FiE img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateB_imageGridStack__VYN1Y {
  width: 44.1rem;
  height: 36.8rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
  flex-shrink: 0;
}
.TemplateB_imageGridStack__VYN1Y img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateB_imageGridInner__1HiQp {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  overflow: hidden;
}
.TemplateB_imageGridInnerItem__8se9E {
  width: 21.6rem;
  height: 14.4rem;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
}
.TemplateB_image__VvjdU {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateB_imageMainLeft__Nmj7f,
.TemplateB_imageRowRightTop__2d7Sj,
.TemplateB_imageRowRightBottom__saIF4,
.TemplateB_imageGridWrap__87FiE,
.TemplateB_imageGridStack__VYN1Y,
.TemplateB_imageGridInnerItem__8se9E {
  overflow: hidden;
}
.TemplateB_imageMainLeft__Nmj7f img,
.TemplateB_imageRowRightTop__2d7Sj img,
.TemplateB_imageRowRightBottom__saIF4 img,
.TemplateB_imageGridWrap__87FiE img,
.TemplateB_imageGridStack__VYN1Y img,
.TemplateB_imageGridInnerItem__8se9E img {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.TemplateB_imageMainLeft__Nmj7f:hover img,
.TemplateB_imageRowRightTop__2d7Sj:hover img,
.TemplateB_imageRowRightBottom__saIF4:hover img,
.TemplateB_imageGridWrap__87FiE:hover img,
.TemplateB_imageGridStack__VYN1Y:hover img,
.TemplateB_imageGridInnerItem__8se9E:hover img {
  transform: scale(1.04);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/templates/project/TemplateC/TemplateC.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TemplateC_page__To3L3 {
  padding-top: 13.9rem;
  padding-bottom: 0;
  overflow-x: clip;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_page__To3L3 {
    padding-top: 10rem;
  }
}
@media (max-width: 744px) {
  .TemplateC_page__To3L3 {
    padding-top: 0.7rem;
  }
}

.TemplateC_topGradient__80s14 {
  display: none;
}
@media (min-width: 1025px) {
  .TemplateC_topGradient__80s14 {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.9rem;
    background: linear-gradient(to bottom, #fff 0%, #fff 55%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 100;
  }
}

.TemplateC_container__egY0K {
  width: 144rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 4rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_container__egY0K {
    padding: 0 2rem;
  }
}
@media (max-width: 744px) {
  .TemplateC_container__egY0K {
    padding: 0 1.6rem;
  }
}

.TemplateC_back__j8X0V {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  text-decoration: underline;
}
.TemplateC_backCategory__zSWDK {
  color: #2B2D33;
}
.TemplateC_top__ejBJ3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.4rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_top__ejBJ3 {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 744px) {
  .TemplateC_top__ejBJ3 {
    margin-bottom: 3.2rem;
  }
}

@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_topMetaDesktop__Y7oQ8 {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateC_topMetaDesktop__Y7oQ8 {
    display: none;
  }
}

.TemplateC_topMetaMobile__prE2V {
  display: none;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_topMetaMobile__prE2V {
    display: block;
    margin-bottom: 0;
  }
}
@media (max-width: 744px) {
  .TemplateC_topMetaMobile__prE2V {
    display: block;
    margin-bottom: 0;
  }
}

.TemplateC_metaToggle__MG3WC {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  cursor: pointer;
  padding: 1.2rem 0;
}

.TemplateC_metaToggleIcon__jm3dW {
  font-size: 2rem;
  line-height: 1;
  font-weight: 300;
}

.TemplateC_metaToggleBody__80lQ5 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.TemplateC_metaToggleBodyOpen__YL7RY {
  max-height: 40rem;
}

.TemplateC_metaToggleBodyInner__eAwfU {
  padding-top: 1.6rem;
  padding-bottom: 0.8rem;
}

.TemplateC_topInner__0nxzD {
  flex: 1 1;
  min-width: 0;
}
.TemplateC_topMeta__4wxYU {
  gap: 0;
  justify-content: space-between;
  align-self: stretch;
  width: auto;
  max-width: 37rem;
  min-width: 21rem;
}
.TemplateC_heading__aC05t {
  font-size: 5.6rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #2B2D33;
  margin-bottom: 7.3rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_heading__aC05t {
    font-size: 4.8rem;
    margin-bottom: 4.4rem;
  }
}
@media (max-width: 744px) {
  .TemplateC_heading__aC05t {
    font-size: 3.2rem;
    margin-bottom: 3.2rem;
    overflow: hidden;
  }
}

.TemplateC_metaCol__bcImv {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.TemplateC_metaGroup__OPuCk {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.TemplateC_metaTitle__aW9JA {
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  line-height: 1.3;
  letter-spacing: 0.03em;
}
.TemplateC_metaItem__WLhiR {
  display: flex;
  gap: 0.8rem;
}
.TemplateC_metaLabel__JO_Ua {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  color: #AAABAD;
}
.TemplateC_metaValue__dF202 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  color: #AAABAD;
}
.TemplateC_cover__SfGkJ {
  width: 100%;
  margin-bottom: 4.4rem;
}
.TemplateC_cover__SfGkJ img {
  width: 100%;
  height: auto;
  display: block;
}
.TemplateC_main__NGGIG {
  display: flex;
  gap: 11.3rem;
}
.TemplateC_body__Pjfbd {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_body__Pjfbd {
    gap: 2.4rem;
    width: 100%;
  }
}
@media (max-width: 744px) {
  .TemplateC_body__Pjfbd {
    gap: 2.4rem;
  }
}

.TemplateC_textBlock__rIgIt {
  display: flex;
  gap: 1.2rem;
}
.TemplateC_textItem__XTf2C {
  width: 34rem;
  display: flex;
  align-self: flex-end;
}
.TemplateC_text__bftQE {
  white-space: pre-line;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.35;
  color: #2B2D33;
}
.TemplateC_textMobile__XiLMK {
  display: none;
  flex-direction: column;
  gap: 1.6rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_textMobile__XiLMK {
    display: flex;
  }
}
@media (max-width: 744px) {
  .TemplateC_textMobile__XiLMK {
    display: flex;
  }
}

.TemplateC_imagesPinTrack__mEUBB {
  position: relative;
  height: 150vh;
}
@media (max-width: 1024px) {
  .TemplateC_imagesPinTrack__mEUBB {
    display: none;
  }
}

.TemplateC_imagesPinSticky___SnAJ {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow-x: clip;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_imagesPinSticky___SnAJ {
    position: static;
    min-height: unset;
  }
}
@media (max-width: 744px) {
  .TemplateC_imagesPinSticky___SnAJ {
    position: static;
    min-height: unset;
  }
}

.TemplateC_images__jjhaD {
  display: flex;
  flex-direction: column-reverse;
  gap: 1.2rem;
  width: 100%;
  transform: translate3d(calc((1 - var(--reveal-progress, 0.85)) * 100vw), 0, 0);
  will-change: transform;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_images__jjhaD {
    transform: none;
  }
}
@media (max-width: 744px) {
  .TemplateC_images__jjhaD {
    transform: none;
  }
}

.TemplateC_imageMain__3liwi {
  width: 100%;
  height: 30.6rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1.2rem;
  overflow: hidden;
  position: relative;
  left: 23.5rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_imageMain__3liwi {
    left: 0;
    height: auto;
  }
}
@media (max-width: 744px) {
  .TemplateC_imageMain__3liwi {
    left: 0;
    height: auto;
  }
}

.TemplateC_imageMainLeft__i6U1o {
  width: 20.6rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
  height: 100%;
}
.TemplateC_imageMainLeft__i6U1o img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_imageMainLeft__i6U1o {
    width: 100%;
    height: 45.6rem;
  }
}
@media (max-width: 744px) {
  .TemplateC_imageMainLeft__i6U1o {
    width: 100%;
    height: 29.6rem;
  }
}

.TemplateC_imageRowRight__OFhdz {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 21.6rem;
  flex-shrink: 0;
}
.TemplateC_imageRowRightTop__utAZw {
  width: 56.7rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
}
.TemplateC_imageRowRightTop__utAZw img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_imageRowRightTop__utAZw {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateC_imageRowRightTop__utAZw {
    display: none;
  }
}

.TemplateC_imageRowRightBottom__Ar9QJ {
  width: 26.1rem;
  height: 14.1rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
}
.TemplateC_imageRowRightBottom__Ar9QJ img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_imageRowRightBottom__Ar9QJ {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateC_imageRowRightBottom__Ar9QJ {
    display: none;
  }
}

.TemplateC_imageGrid__AFb8_ {
  width: 100%;
  height: 40.9rem;
  display: flex;
  gap: 1.2rem;
  position: relative;
  left: 0;
  overflow: visible;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateC_imageGrid__AFb8_ {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateC_imageGrid__AFb8_ {
    display: none;
  }
}

.TemplateC_imageRow__7TGRE {
  display: flex;
  gap: 1.2rem;
}
.TemplateC_imageGridWrap__u_sd9 {
  width: 44.1rem;
  height: 30rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
  flex-shrink: 0;
}
.TemplateC_imageGridWrap__u_sd9 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateC_imageGridStack__YNCTc {
  width: 68rem;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  cursor: default;
  flex-shrink: 0;
}
.TemplateC_imageGridStack__YNCTc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateC_imageGridInner__4mplC {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  overflow: hidden;
}
.TemplateC_imageGridInnerItem__zU5jH {
  width: 21.6rem;
  height: 14.4rem;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
}
.TemplateC_image__nS3DR {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateC_imageMainLeft__i6U1o,
.TemplateC_imageRowRightTop__utAZw,
.TemplateC_imageRowRightBottom__Ar9QJ,
.TemplateC_imageGridWrap__u_sd9,
.TemplateC_imageGridStack__YNCTc,
.TemplateC_imageGridInnerItem__zU5jH {
  overflow: hidden;
}
.TemplateC_imageMainLeft__i6U1o img,
.TemplateC_imageRowRightTop__utAZw img,
.TemplateC_imageRowRightBottom__Ar9QJ img,
.TemplateC_imageGridWrap__u_sd9 img,
.TemplateC_imageGridStack__YNCTc img,
.TemplateC_imageGridInnerItem__zU5jH img {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.TemplateC_imageMainLeft__i6U1o:hover img,
.TemplateC_imageRowRightTop__utAZw:hover img,
.TemplateC_imageRowRightBottom__Ar9QJ:hover img,
.TemplateC_imageGridWrap__u_sd9:hover img,
.TemplateC_imageGridStack__YNCTc:hover img,
.TemplateC_imageGridInnerItem__zU5jH:hover img {
  transform: scale(1.04);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/templates/project/TemplateD/TemplateD.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TemplateD_page__oapym {
  padding-top: 13.9rem;
  padding-bottom: 14rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_page__oapym {
    padding-top: 10rem;
    padding-bottom: 14rem;
  }
}
@media (max-width: 744px) {
  .TemplateD_page__oapym {
    padding-top: 0.7rem;
    padding-bottom: 8rem;
  }
}

.TemplateD_topGradient__tdNQt {
  display: none;
}
@media (min-width: 1025px) {
  .TemplateD_topGradient__tdNQt {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.9rem;
    background: linear-gradient(to bottom, #fff 0%, #fff 55%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 100;
  }
}

.TemplateD_container__Yhg0R {
  width: 144rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 4rem;
  overflow: visible;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_container__Yhg0R {
    padding: 0 2rem;
  }
}
@media (max-width: 744px) {
  .TemplateD_container__Yhg0R {
    padding: 0 1.6rem;
  }
}

.TemplateD_back__6YoHw {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  text-decoration: underline;
}
.TemplateD_backCategory__CMGQT {
  color: #2B2D33;
}
.TemplateD_top__rCX7n {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.4rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_top__rCX7n {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 744px) {
  .TemplateD_top__rCX7n {
    margin-bottom: 3.2rem;
  }
}

@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_topMetaDesktop__MjesY {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateD_topMetaDesktop__MjesY {
    display: none;
  }
}

.TemplateD_topMetaMobile__8QNAi {
  display: none;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_topMetaMobile__8QNAi {
    display: block;
    margin-bottom: 0;
  }
}
@media (max-width: 744px) {
  .TemplateD_topMetaMobile__8QNAi {
    display: block;
    margin-bottom: 0;
  }
}

.TemplateD_metaToggle__MIxjE {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  cursor: pointer;
  padding: 1.2rem 0;
}

.TemplateD_metaToggleIcon__7IEZV {
  font-size: 2rem;
  line-height: 1;
  font-weight: 300;
}

.TemplateD_metaToggleBody__bsCcM {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.TemplateD_metaToggleBodyOpen__R8AoY {
  max-height: 40rem;
}

.TemplateD_metaToggleBodyInner__kzD5T {
  padding-top: 1.6rem;
  padding-bottom: 0.8rem;
}

.TemplateD_topInner__JrkMk {
  flex: 1 1;
  min-width: 0;
}
.TemplateD_topMeta__v7qKm {
  gap: 0;
  justify-content: space-between;
  align-self: stretch;
  width: auto;
  max-width: 37rem;
  min-width: 21rem;
}
.TemplateD_heading__ymLcA {
  font-size: 5.6rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #2B2D33;
  margin-bottom: 7.3rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_heading__ymLcA {
    font-size: 4.8rem;
    margin-bottom: 4.4rem;
  }
}
@media (max-width: 744px) {
  .TemplateD_heading__ymLcA {
    font-size: 3.2rem;
    margin-bottom: 3.2rem;
    overflow: hidden;
  }
}

.TemplateD_metaCol__pMamT {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.TemplateD_metaGroup__AccyE {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.TemplateD_metaTitle__6wtu1 {
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #2B2D33;
  line-height: 1.3;
  letter-spacing: 0.03em;
}
.TemplateD_metaItem__Feb6t {
  display: flex;
  gap: 0.8rem;
}
.TemplateD_metaLabel__uEXkQ {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  color: #AAABAD;
}
.TemplateD_metaValue__1tsiU {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  color: #AAABAD;
}
.TemplateD_cover__tfHwi {
  width: 100%;
  margin-bottom: 4.4rem;
}
.TemplateD_cover__tfHwi img {
  width: 100%;
  height: auto;
  display: block;
}
.TemplateD_main__V4z1t {
  display: flex;
  gap: 11.3rem;
  margin-bottom: 4.4rem;
}
.TemplateD_body__VIC8i {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 100%;
}
@media (min-width: 1025px) {
  .TemplateD_body__VIC8i {
    position: relative;
    right: 22.7rem;
  }
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_body__VIC8i {
    gap: 2.4rem;
  }
}
.TemplateD_textBlock__Dg9Ma {
  display: flex;
  gap: 1.2rem;
}
.TemplateD_textItem__74cHN {
  width: 50%;
  flex-shrink: 0;
  display: flex;
}
.TemplateD_text__hB6DF {
  white-space: pre-line;
  width: 34rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.35;
  color: #2B2D33;
  margin-right: 11.5rem;
  margin-left: auto;
}
.TemplateD_textMobile__ut2rN {
  display: none;
  flex-direction: column;
  gap: 1.6rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_textMobile__ut2rN {
    display: flex;
  }
}
@media (max-width: 744px) {
  .TemplateD_textMobile__ut2rN {
    display: flex;
  }
}
.TemplateD_textMobile__ut2rN .TemplateD_text__hB6DF {
  width: 100%;
  margin: 0;
}

.TemplateD_images__sbXZR {
  display: flex;
  gap: 1.2rem;
}
@media (max-width: 1024px) {
  .TemplateD_images__sbXZR {
    display: none;
  }
}

.TemplateD_imageMain__fJ9bA {
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_imageMain__fJ9bA {
    width: 100%;
  }
}
@media (max-width: 744px) {
  .TemplateD_imageMain__fJ9bA {
    width: 100%;
  }
}

.TemplateD_imageMainLeft__sHk1R {
  width: 56.7rem;
  height: 45.6rem;
  min-width: 0;
  cursor: default;
}
.TemplateD_imageMainLeft__sHk1R img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_imageMainLeft__sHk1R {
    width: 100%;
  }
}
@media (max-width: 744px) {
  .TemplateD_imageMainLeft__sHk1R {
    width: 100%;
    height: 29.6rem;
  }
}

.TemplateD_imageRowRight__c8vZT {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 21.6rem;
  flex-shrink: 0;
}
.TemplateD_imageRowRightTop__3NuJx {
  width: 68rem;
  height: 68rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
}
.TemplateD_imageRowRightTop__3NuJx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_imageRowRightTop__3NuJx {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateD_imageRowRightTop__3NuJx {
    display: none;
  }
}

.TemplateD_imagesBottom___kSLL {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_imagesBottom___kSLL {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateD_imagesBottom___kSLL {
    display: none;
  }
}

.TemplateD_imageRowRightBottom__uAo9H {
  width: 34rem;
  height: 31.8rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
}
.TemplateD_imageRowRightBottom__uAo9H img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateD_imageGrid__OMS6i {
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.2rem;
  position: relative;
  overflow: visible;
}
@media (min-width: 745px) and (max-width: 1024px) {
  .TemplateD_imageGrid__OMS6i {
    display: none;
  }
}
@media (max-width: 744px) {
  .TemplateD_imageGrid__OMS6i {
    display: none;
  }
}

.TemplateD_imageRow__gnHVW {
  display: flex;
  gap: 1.2rem;
}
.TemplateD_imageGridWrap__RGW_N {
  width: 21.5rem;
  height: 30.6rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
  flex-shrink: 0;
}
.TemplateD_imageGridWrap__RGW_N img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateD_imageGridStack__77XIZ {
  width: 44.1rem;
  height: 36.8rem;
  min-width: 0;
  overflow: hidden;
  cursor: default;
  flex-shrink: 0;
}
.TemplateD_imageGridStack__77XIZ img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateD_imageGridInner__rXG6f {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  overflow: hidden;
}
.TemplateD_imageGridInnerItem__rxdGv {
  width: 21.6rem;
  height: 14.4rem;
  flex-shrink: 0;
  min-width: 0;
  overflow: hidden;
}
.TemplateD_image__Y01c8 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.TemplateD_imageMainLeft__sHk1R,
.TemplateD_imageRowRightTop__3NuJx,
.TemplateD_imageRowRightBottom__uAo9H,
.TemplateD_imageGridWrap__RGW_N,
.TemplateD_imageGridStack__77XIZ,
.TemplateD_imageGridInnerItem__rxdGv {
  overflow: hidden;
}
.TemplateD_imageMainLeft__sHk1R img,
.TemplateD_imageRowRightTop__3NuJx img,
.TemplateD_imageRowRightBottom__uAo9H img,
.TemplateD_imageGridWrap__RGW_N img,
.TemplateD_imageGridStack__77XIZ img,
.TemplateD_imageGridInnerItem__rxdGv img {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.TemplateD_imageMainLeft__sHk1R:hover img,
.TemplateD_imageRowRightTop__3NuJx:hover img,
.TemplateD_imageRowRightBottom__uAo9H:hover img,
.TemplateD_imageGridWrap__RGW_N:hover img,
.TemplateD_imageGridStack__77XIZ:hover img,
.TemplateD_imageGridInnerItem__rxdGv:hover img {
  transform: scale(1.04);
}