/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/layouts/PageEffect/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_transition__hbSyW {
  --clipPathG: "inset(100% 0% 0% 0%)";
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-clip-path: var(--clipPathG);
          clip-path: var(--clipPathG);
  background: var(--green);
}
.styles_transition_bg__QykSz {
  --clipPathB: "inset(100% 0% 0% 0%)";
  background: var(--dark-grey);
  -webkit-clip-path: var(--clipPathB);
          clip-path: var(--clipPathB);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.styles_transition_logo__tqrV1 {
  width: 48.1rem;
  height: auto;
  margin-right: 6.6rem;
}
.styles_transition_inner__QSZ2g {
  display: flex;
  font-size: 6vw;
  color: var(--light-green);
  overflow: hidden;
}
.styles_transition_inner__QSZ2g span {
  display: block;
}
.styles_transition__hbSyW .styles_space__EoCtG {
  flex: 0 0 auto;
  width: 0.25em;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Body/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__KXTR0 {
  box-sizing: border-box;
}

.styles_body_default__VIH4G {
  font-size: 1.6rem;
  line-height: 2.72rem;
}
@media (min-width: 768px) {
  .styles_body_default__VIH4G {
    font-size: 1.4rem;
    line-height: 2.24rem;
  }
}
@media (min-width: 1200px) {
  .styles_body_default__VIH4G {
    font-size: 1.8rem;
    line-height: 2.88rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_body1__sfogu {
  font-size: 1.6rem;
  line-height: 2.08rem;
}
@media (min-width: 768px) {
  .styles_body1__sfogu {
    font-size: 1.4rem;
    line-height: 1.82rem;
  }
}
@media (min-width: 1200px) {
  .styles_body1__sfogu {
    font-size: 1.6rem;
    line-height: 2.08rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_body1_sub__nWjRM {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2.04rem;
}
@media (min-width: 768px) {
  .styles_body1_sub__nWjRM {
    font-size: 1.4rem;
    font-style: normal;
    line-height: 1.82rem;
  }
}
@media (min-width: 1200px) {
  .styles_body1_sub__nWjRM {
    font-size: 1.6rem;
    line-height: 2.08rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_body2__mOFbb {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: 0rem;
}

.styles_body3__NStzj {
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 400;
  letter-spacing: 0rem;
}

.styles_body4__fT5kQ {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}
@media (min-width: 768px) {
  .styles_body4__fT5kQ {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .styles_body4__fT5kQ {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_body4_sub__bR7Sd {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 500;
  letter-spacing: 0rem;
}

.styles_body24__bdQes {
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .styles_body24__bdQes {
    font-size: 2.4rem;
  }
}

.styles_body18__1Lja_ {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.4rem;
}
@media (min-width: 768px) {
  .styles_body18__1Lja_ {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.82rem;
  }
}
@media (min-width: 1200px) {
  .styles_body18__1Lja_ {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.34rem;
  }
}

.styles_white__xSQZx {
  color: #ffffff;
}

.styles_black__EMSdp {
  color: #000000;
}

.styles_orange__XPPx_ {
  color: #ff6b02;
}

.styles_lightGreen__NdXF_ {
  color: #bbc703;
}

.styles_lightGreen2__QbQZ2 {
  color: #a6bea8;
}

.styles_lightGrey__zNuib {
  color: #e8e8e8;
}

.styles_darkGrey2__mdayV {
  color: #131716;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Caption/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__P3sOf {
  box-sizing: border-box;
}

.styles_caption__w2KMV {
  font-size: 1.4rem;
  line-height: 2.52rem;
  font-weight: 500;
  letter-spacing: 0rem;
}

.styles_caption_sub__U_DEk {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.56rem;
}
@media (min-width: 768px) {
  .styles_caption_sub__U_DEk {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.82rem;
  }
}
@media (min-width: 1200px) {
  .styles_caption_sub__U_DEk {
    font-size: 1.4rem;
    line-height: 1.82rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_white__arz5O {
  color: #ffffff;
}

.styles_black__5_f19 {
  color: #000000;
}

.styles_orange__d7F1r {
  color: #ff6b02;
}

.styles_lightGreen__h7hSl {
  color: #bbc703;
}

.styles_lightGreen2__hB_nY {
  color: #a6bea8;
}

.styles_lightGrey__pWtaq {
  color: #e8e8e8;
}

.styles_darkGrey2__hEoz8 {
  color: #131716;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Display/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__PSXLI {
  box-sizing: border-box;
}

.styles_d0___iBnK {
  font-size: 7.2rem;
  font-weight: 500;
  line-height: 8.64rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d0___iBnK {
    font-size: 16rem;
    font-weight: 500;
    line-height: 6.4rem;
  }
}
@media (min-width: 1200px) {
  .styles_d0___iBnK {
    font-size: 30rem;
    line-height: 6.4rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d1__OD2fm {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 4.8rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d1__OD2fm {
    font-size: 11rem;
    font-weight: 500;
    line-height: 11rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_d1__OD2fm {
    font-size: 20rem;
    line-height: 20rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d2__PPI5I {
  font-size: 14.5rem;
  line-height: 15.95rem;
  font-weight: 400;
  letter-spacing: 0rem;
}

.styles_d3__mmeh7 {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 4.8rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d3__mmeh7 {
    font-size: 7.2rem;
    font-weight: 500;
    line-height: 7.2rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_d3__mmeh7 {
    font-size: 12rem;
    line-height: 12rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d4__9EweT {
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 500;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d4__9EweT {
    font-size: 5.2rem;
    line-height: 5.2rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_d4__9EweT {
    font-size: 10rem;
    line-height: 10rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d5__4gYaA {
  font-size: 4.8rem;
  line-height: 4.8rem;
  letter-spacing: 0rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .styles_d5__4gYaA {
    font-size: 7rem;
    line-height: 7.7rem;
    letter-spacing: 0rem;
    font-weight: 500;
  }
}
@media (min-width: 1200px) {
  .styles_d5__4gYaA {
    font-size: 9rem;
    line-height: 9rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d5_sub__2vv_W {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 4.16rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d5_sub__2vv_W {
    font-size: 5.2rem;
    font-weight: 500;
    line-height: 5.2rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_d5_sub__2vv_W {
    font-size: 9rem;
    line-height: 10.8rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_d6__mbR_5 {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_d6__mbR_5 {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_d6__mbR_5 {
    font-size: 6rem;
    line-height: 6rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_white__sT7c_ {
  color: #ffffff;
}

.styles_black__0l2qw {
  color: #000000;
}

.styles_orange__QQunr {
  color: #ff6b02;
}

.styles_lightGreen__010qV {
  color: #bbc703;
}

.styles_lightGreen2__cCwq8 {
  color: #a6bea8;
}

.styles_lightGrey__ZGkNe {
  color: #e8e8e8;
}

.styles_darkGrey2__F0lbv {
  color: #131716;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Heading/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__AgtDV {
  box-sizing: border-box;
}

.styles_h1__XlGJL {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  .styles_h1__XlGJL {
    font-size: 5.4rem;
    line-height: 9.72rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_h2__PTfOS {
  font-size: 5.2rem;
  line-height: 6.44rem;
  font-weight: 500;
  letter-spacing: 0rem;
}

.styles_h2_sub__VPKoA {
  font-size: 3.2rem;
  line-height: 3.84rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_h2_sub__VPKoA {
    font-size: 4.8rem;
    line-height: 5.76rem;
  }
}
@media (min-width: 1200px) {
  .styles_h2_sub__VPKoA {
    font-size: 5.2rem;
    line-height: 6.24rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_h3__1Brqv {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 2.4rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_h3__1Brqv {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 3.2rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_h3__1Brqv {
    font-size: 4.8rem;
    line-height: 4.8rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_h3_sub__yzXso {
  font-size: 3.3rem;
  line-height: 3.63rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_h3_sub__yzXso {
    font-size: 3.2rem;
    line-height: 3.52rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_h3_sub__yzXso {
    font-size: 4.8rem;
    line-height: 5.28rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_h4___8kAh {
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .styles_h4___8kAh {
    font-size: 2.4rem;
    line-height: 2.64rem;
  }
}
@media (min-width: 1200px) {
  .styles_h4___8kAh {
    font-size: 4.2rem;
    line-height: 4.62rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_h5__0sSDZ {
  font-size: 3.6rem;
  line-height: 3.96rem;
  font-weight: 400;
  letter-spacing: 0rem;
}

.styles_h6__U3eEh {
  font-size: 2rem;
  line-height: 2.4rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .styles_h6__U3eEh {
    font-size: 3.4rem;
    line-height: 3.4rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_white__6l4MI {
  color: #ffffff;
}

.styles_black__0IBkI {
  color: #000000;
}

.styles_orange__nks4S {
  color: #ff6b02;
}

.styles_lightGreen__CuElW {
  color: #bbc703;
}

.styles_lightGreen2__9JiQi {
  color: #a6bea8;
}

.styles_lightGrey__q72PO {
  color: #e8e8e8;
}

.styles_darkGrey2__8svDQ {
  color: #131716;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Label/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__wpVyR {
  box-sizing: border-box;
}

.styles_label__u_0dj {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 3.24rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_label__u_0dj {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.08rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_label__u_0dj {
    font-size: 1.8rem;
    line-height: 3.24rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_label_sub__3T5lj {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  .styles_label_sub__3T5lj {
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_white__lwhjV {
  color: #ffffff;
}

.styles_black__q_YSh {
  color: #000000;
}

.styles_orange__0WEJ1 {
  color: #ff6b02;
}

.styles_lightGreen__Ov4PM {
  color: #bbc703;
}

.styles_lightGreen2__LbKzX {
  color: #a6bea8;
}

.styles_lightGrey__9mvao {
  color: #e8e8e8;
}

.styles_darkGrey2__KbMws {
  color: #131716;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Typography/Title/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography__Qa00b {
  box-sizing: border-box;
}

.styles_title_default__KgjOP {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4rem;
}
@media (min-width: 768px) {
  .styles_title_default__KgjOP {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.12rem;
  }
}
@media (min-width: 1200px) {
  .styles_title_default__KgjOP {
    font-size: 3.2rem;
    line-height: 4.16rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_title__mNC8J {
  font-size: 20px;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_title__mNC8J {
    font-size: 20px;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_title__mNC8J {
    font-size: 3.2rem;
    line-height: 3.2rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_title_sub__PZx0I {
  font-size: 2.4rem;
  line-height: 2.88rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .styles_title_sub__PZx0I {
    font-size: 2.4rem;
    line-height: 2.64rem;
    letter-spacing: 0rem;
    font-weight: 400;
  }
}
@media (min-width: 1200px) {
  .styles_title_sub__PZx0I {
    font-size: 3.2rem;
    line-height: 3.52rem;
    font-weight: 400;
    letter-spacing: 0rem;
  }
}

.styles_subtitle1__LC9y5 {
  font-size: 2.8rem;
  line-height: 3.36rem;
  font-weight: 500;
  letter-spacing: 0rem;
}

.styles_subtitle2__mkWMr {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.16rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_subtitle2__mkWMr {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 2.2rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_subtitle2__mkWMr {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_subtitle3__wVEkO {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_subtitle3__wVEkO {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.8rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_subtitle3__wVEkO {
    font-size: 2.4rem;
    line-height: 3.12rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_subtitle3_sub__RFrhA {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .styles_subtitle3_sub__RFrhA {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.8rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .styles_subtitle3_sub__RFrhA {
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}

.styles_white__BlRh1 {
  color: #ffffff;
}

.styles_black__5cXpZ {
  color: #000000;
}

.styles_orange__StcXC {
  color: #ff6b02;
}

.styles_lightGreen__VNJGA {
  color: #bbc703;
}

.styles_lightGreen2__GtVP4 {
  color: #a6bea8;
}

.styles_lightGrey__Fviry {
  color: #e8e8e8;
}

.styles_darkGrey2__CpG3w {
  color: #131716;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/interactive/Paragraph/Line/Fade/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_lineFade__gA_Tb .word {
  will-change: transform;
  backface-visibility: hidden;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/Hero/style.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_hero__BXivW {
  height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 13rem;
}
@media (min-width: 768px) {
  .style_hero__BXivW {
    padding-top: 9.5rem;
  }
}
.style_hero_brand__KQlog {
  position: relative;
  bottom: 1.1rem;
}
.style_hero_brand_wrapper__qmtnK {
  position: relative;
  width: 100%;
}
.style_hero_brand_inner__NDJF7 {
  bottom: 1.1rem;
}
.style_hero_brand_inner__NDJF7 svg {
  width: 100%;
  height: auto;
}
.style_hero_mascot__f0sq8 {
  position: relative;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .style_hero_mascot__f0sq8 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
.style_hero_mascot__f0sq8 svg {
  aspect-ratio: 604/568;
  width: 32.9rem;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .style_hero_mascot__f0sq8 svg {
    width: 60.4rem;
  }
}
.style_hero_text__876Em {
  position: relative;
  height: 100%;
}
.style_hero_text_inner__l_TAk {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.style_hero_text_title___aKtH {
  position: relative;
}
.style_hero_text_asterisk__mz32W {
  position: absolute;
  left: 25rem;
  top: -4rem;
  margin-left: -1rem;
}
@media (min-width: 1200px) {
  .style_hero_text_asterisk__mz32W {
    left: 38rem;
  }
}
.style_hero_text_asterisk__mz32W * {
  font-size: 9rem;
  font-weight: 400 !important;
}
@media (min-width: 768px) {
  .style_hero_text_asterisk__mz32W * {
    font-size: 7rem;
  }
}
@media (min-width: 1200px) {
  .style_hero_text_asterisk__mz32W * {
    font-size: 9rem;
  }
}
.style_hero_text_top__gEiy_ {
  margin-bottom: 2.2rem;
}
@media (min-width: 768px) {
  .style_hero_text_top__gEiy_ {
    margin-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .style_hero_text_top__gEiy_ {
    margin-bottom: 4.1rem;
  }
}
@media (min-width: 768px) {
  .style_hero_text_bottom__H8NzF {
    max-width: 35.6rem;
    color: rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1200px) {
  .style_hero_text_bottom__H8NzF {
    max-width: 38rem;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/IconButton/style.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/VideoThumbnail/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_video_inner__IBPPr {
  position: relative;
  cursor: pointer;
}
.styles_video_inner__IBPPr video {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.5;
}
.styles_video_full__wJlVU {
  width: 0;
  height: 0;
  position: absolute;
}
.styles_video_playBtn__IKhy5 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  overflow: hidden;
}
.styles_video_playBtn__IKhy5 button {
  width: 5.6rem;
  height: 5.6rem;
}
@media (min-width: 768px) {
  .styles_video_playBtn__IKhy5 button {
    width: 8.7rem;
    height: 8.7rem;
  }
}
.styles_video_playBtn_text__8ON4K {
  color: rgb(255, 255, 255);
  font-size: 9rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0rem;
}
.styles_video_playBtn__IKhy5 svg {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/interactive/BoxParallax/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_boxParallax_inner__fVNBQ {
  --clipPath: inset(0% 0%);
  -webkit-clip-path: var(--clipPath);
          clip-path: var(--clipPath);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/interactive/Heading/Chars/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_headingChars__Eo837 .line {
  overflow: hidden;
  padding-bottom: 0.05em;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/Info/components/InfoCredos/style.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_infoCredos__D1h_s {
  padding-bottom: 11.6rem;
  row-gap: 3.4rem;
}
.style_infoCredos_title__a_BG3 * {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 4.16rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .style_infoCredos_title__a_BG3 {
    margin-bottom: 1rem;
  }
  .style_infoCredos_title__a_BG3 * {
    font-size: 5.2rem;
    font-weight: 500;
    line-height: 5.2rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .style_infoCredos_title__a_BG3 {
    margin-bottom: 5.7rem;
  }
  .style_infoCredos_title__a_BG3 * {
    font-size: 9rem;
    line-height: 9rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}
@media (min-width: 768px) {
  .style_infoCredos__D1h_s {
    row-gap: 4rem;
  }
}
@media (min-width: 1200px) {
  .style_infoCredos__D1h_s {
    row-gap: 7.7rem;
  }
}

.style_credosItem_title__85Zx9 {
  height: 7.6rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .style_credosItem_title__85Zx9 {
    height: auto;
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .style_credosItem_title__85Zx9 {
    height: 7.6rem;
    margin-bottom: 1rem;
  }
}
.style_credosItem_img__Ig0jA {
  margin-bottom: 2.6rem;
}
.style_credosItem_img1__u8LGw svg {
  width: 6.62rem;
  height: auto;
  aspect-ratio: 66/94;
}
.style_credosItem_img2__RVcsj svg {
  width: 7.3rem;
  height: auto;
  aspect-ratio: 73/94;
}
.style_credosItem_img3__uV7nN svg {
  width: 6rem;
  height: auto;
  aspect-ratio: 60/94;
}
.style_credosItem_img4__SJ5Jl svg {
  width: 6rem;
  height: auto;
  aspect-ratio: 60/94;
}
.style_credosItem_img5__rq9oN svg {
  width: 9.3rem;
  height: auto;
  aspect-ratio: 93/94;
}
.style_credosItem_img6__J5Mnj svg {
  width: 11.4rem;
  height: auto;
  aspect-ratio: 114/94;
}
.style_credosItem_img7__j4h_e svg {
  width: 8.3rem;
  height: auto;
  aspect-ratio: 83/94;
}
.style_credosItem_img8__Abuqo svg {
  width: 6rem;
  height: auto;
  aspect-ratio: 60/94;
}
@media (min-width: 768px) {
  .style_credosItem_content__jIJgW {
    padding-right: 5rem;
  }
}
@media (min-width: 1200px) {
  .style_credosItem_content__jIJgW {
    padding-right: 3.4rem;
  }
}

.style_readmore__AGwtz {
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/Info/components/InfoIntroduction/style.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_infoIntroduction__qjzSz {
  margin-bottom: 4.8rem;
}
@media (min-width: 768px) {
  .style_infoIntroduction__qjzSz {
    margin-bottom: 10.7rem;
  }
}
@media (min-width: 1200px) {
  .style_infoIntroduction__qjzSz {
    margin-bottom: 14.5rem;
  }
}
.style_infoIntroduction_title_wrapper__U7GVe {
  max-width: 131.2rem;
  position: relative;
  top: -2.5rem;
  margin-bottom: 2.3rem;
}
@media (min-width: 768px) {
  .style_infoIntroduction_title_wrapper__U7GVe {
    top: -13.8rem;
  }
}
@media (min-width: 1200px) {
  .style_infoIntroduction_title_wrapper__U7GVe {
    top: -30rem;
  }
}
.style_infoIntroduction_title_inner__9_trS {
  width: 100%;
  position: relative;
  height: 0;
}
.style_infoIntroduction_content__gc9KS {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-top: 9rem;
}
@media (min-width: 768px) {
  .style_infoIntroduction_content__gc9KS {
    margin-top: 10.5rem;
    padding-left: 4.4rem;
  }
}
@media (min-width: 1200px) {
  .style_infoIntroduction_content__gc9KS {
    margin-top: 18rem;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/Info/style.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_aboutInfo__8bv5n {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.style_aboutInfo_video__Ihwai {
  position: relative;
  aspect-ratio: 16/9;
  height: auto;
}
.style_aboutInfo_video__Ihwai img {
  width: 100%;
  height: 100%;
}
.style_aboutInfo_content__j3DfX {
  position: relative;
  height: 100%;
  background-color: var(--green, #004e32);
  border-radius: 2rem 2rem 0 0;
}
@media (min-width: 768px) {
  .style_aboutInfo_content__j3DfX {
    border-radius: 5rem 5rem 0 0;
    margin-top: -4rem;
  }
}
.style_aboutInfo_playBtn__AnOZv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.style_aboutInfo_playBtn__AnOZv svg {
  width: 13.8rem;
  height: auto;
  aspect-ratio: 1/1;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/ImagePreload/style.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_imagePreload__mu1r3 {
  position: relative;
  width: 100%;
  height: 100%;
}
.style_imagePreload__mu1r3.style_isLoaded__KJaGt .style_imagePreload_placeholder__jBDVl {
  display: none;
}
.style_imagePreload_placeholder__jBDVl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/interactive/Paragraph/Line/Mask/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_LineMask__R5kbi .line {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.styles_LineMask__R5kbi .word {
  will-change: transform;
  backface-visibility: hidden;
  inset: 0;
  padding-bottom: 0.115em;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/Intro/style.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_aboutIntro__eNL6U {
  height: 84rem;
  position: relative;
  z-index: 0;
  padding-top: 18rem;
  padding-bottom: 9.1rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .style_aboutIntro__eNL6U {
    padding-top: 15rem;
    padding-bottom: 14rem;
    height: 70rem;
  }
}
@media (min-width: 1200px) {
  .style_aboutIntro__eNL6U {
    padding-bottom: 32.5rem;
    height: 133.4rem;
  }
}
.style_aboutIntro_wrapper__SKM4E {
  height: 100vh;
}
.style_aboutIntro_img__beeFe {
  position: absolute;
  top: 0;
  width: 100%;
}
.style_aboutIntro_img_item__bDvQ1 {
  z-index: -1;
}
.style_aboutIntro_img_item__bDvQ1 div {
  width: 100%;
  height: 100%;
}
.style_aboutIntro_img_item__bDvQ1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.style_aboutIntro_img_item__bDvQ1:nth-child(1) {
  position: absolute;
  left: calc(var(--gap-x) * -1);
  top: 8.75vh;
  width: 26.5rem;
  aspect-ratio: 447/637;
  height: auto;
}
@media (min-width: 768px) {
  .style_aboutIntro_img_item__bDvQ1:nth-child(1) {
    width: 24.3rem;
    left: 5.9375vw;
    top: 10vh;
  }
}
@media (min-width: 1200px) {
  .style_aboutIntro_img_item__bDvQ1:nth-child(1) {
    width: 44.7rem;
    left: 5.8125vw;
    top: 22.375vh;
  }
}
.style_aboutIntro_img_item__bDvQ1:nth-child(2) {
  position: absolute;
  left: 1.75vw;
  top: 60.375vh;
  width: 37.4rem;
  aspect-ratio: 550/340;
  height: auto;
}
@media (min-width: 768px) {
  .style_aboutIntro_img_item__bDvQ1:nth-child(2) {
    left: 56.25vw;
    top: 32vh;
    width: 30.1rem;
  }
}
@media (min-width: 1200px) {
  .style_aboutIntro_img_item__bDvQ1:nth-child(2) {
    left: 58.9375vw;
    top: 55vh;
    width: 55rem;
  }
}
.style_aboutIntro_img_item__bDvQ1:nth-child(3) {
  position: absolute;
  display: none;
  aspect-ratio: 390/233;
  height: auto;
}
@media (min-width: 768px) {
  .style_aboutIntro_img_item__bDvQ1:nth-child(3) {
    display: block;
    left: 28.875vw;
    top: 53.5vh;
    width: 21.2rem;
  }
}
@media (min-width: 1200px) {
  .style_aboutIntro_img_item__bDvQ1:nth-child(3) {
    left: 36.25vw;
    top: 90.75vh;
    width: 39rem;
  }
}
.style_aboutIntro_desc__v_qEV {
  max-width: 117rem;
  padding-top: 9.7rem;
}
@media (min-width: 768px) {
  .style_aboutIntro_desc__v_qEV {
    padding-top: 0;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/Button/style.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_button__NDhWB {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  background-color: transparent;
  cursor: pointer;
  padding: 1.6rem 0;
  touch-action: manipulation;
  color: var(--light-green, #bbc703);
}
@media (min-width: 1200px) {
  .style_button__NDhWB {
    padding: 2rem 0;
  }
}
.style_button_border__SWU9Z {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 10rem;
  border: 0.2rem solid var(--light-green, #bbc703);
  transition: border-color 0.4s var(--easeOutQuart);
}
.style_button_text__w3A_e {
  position: relative;
  display: block;
  overflow: hidden;
  transition: color 0.4s var(--easeOutQuart);
}
.style_button_text__w3A_e span {
  padding-bottom: 0.2em;
}
.style_button_text_clone__V9yS4 {
  position: absolute;
  display: block;
}
.style_button_icon__kqPCb {
  position: relative;
  display: block;
  overflow: hidden;
  transition: color 0.4s var(--easeOutQuart);
}
.style_button_icon_clone__MOAcp {
  position: absolute;
  display: block;
  left: -130%;
  top: 0;
}
.style_button__NDhWB.style_disabled__GUOCz {
  opacity: 0.3;
  cursor: not-allowed;
}
@keyframes style_loading__AonFt {
  100% {
    transform: rotate(360deg);
  }
}
.style_button__NDhWB.style_loading__AonFt .style_loader__9EstG {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  animation: style_loading__AonFt 1s infinite linear;
}
.style_button__NDhWB.style_block__2FK3_ {
  width: 100%;
}
.style_button__NDhWB.style_rounded__tpay2 {
  border-radius: 9999px;
}
.style_button__NDhWB:hover .style_button_text__w3A_e {
  color: white !important;
}
.style_button__NDhWB:hover .style_button_icon__kqPCb {
  color: white !important;
}
.style_button__NDhWB:hover .style_button_border__SWU9Z {
  border-color: white !important;
}

.style_primary__AwMV3 {
  background-color: var(--light-green, #bbc703);
  transition: transform 0.4s var(--easeOutQuart);
}

.style_secondary__RgStW {
  background-color: var(--white, #ffffff);
  transition: transform 0.4s var(--easeOutQuart), 0.4s background-color var(--easeOutQuart);
}

.style_contained__S3fbj.style_primary__AwMV3 {
  color: var(--white, #ffffff);
}
.style_contained__S3fbj.style_secondary__RgStW {
  color: var(--light-green, #bbc703);
}

.style_outlined__VEDZ_ {
  background: transparent !important;
}
.style_outlined__VEDZ_.style_primary__AwMV3 {
  border: 0.1rem solid var(--light-green, #bbc703);
  color: var(--light-green, #bbc703);
}
.style_outlined__VEDZ_.style_secondary__RgStW {
  border: 0.1rem solid var(--white, #ffffff);
  color: var(--white, #ffffff);
}

.style_plain__bFNJb {
  background: transparent !important;
  transition: 0.4s opacity var(--easeOutQuart);
}
.style_plain__bFNJb:not(:disabled):hover {
  opacity: 0.7;
}

.style_text__X1Pmw {
  background: transparent !important;
  padding: 0 !important;
  border: 0;
  transition: 0.4s opacity var(--easeOutQuart);
}
.style_text__X1Pmw:not(:disabled):hover {
  opacity: 0.7;
}

.style_desktop__IC_TA {
  width: 31.9rem;
}
@media (min-width: 1200px) {
  .style_desktop__IC_TA {
    width: 50rem;
  }
}

.style_mobile__7ZTkJ {
  width: 27.2rem;
}

.style_btn_text__nAcx2 {
  display: flex;
  gap: 4.5rem;
}

.style_white__xLNvH {
  color: #ffffff;
}

.style_black__o29_3 {
  color: #000000;
}

.style_orange__NYqV7 {
  color: #ff6b02;
}

.style_lightGreen__8fpia {
  color: #bbc703;
}

.style_lightGreen2__KuzIh {
  color: #a6bea8;
}

.style_lightGrey__rP7_v {
  color: #e8e8e8;
}

.style_darkGrey2__DoMEY {
  color: #131716;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/interactive/BoxParallax/MouseMove/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_moueMove__srklB {
  width: 100%;
  height: 100%;
  will-change: transform;
  backface-visibility: hidden;
}
.styles_moueMove_mask__qfjCj {
  --clipPath: inset(100% 0% 0% 0%);
  -webkit-clip-path: var(--clipPath);
          clip-path: var(--clipPath);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/Team/components/TeamContact/style.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_teamContact__X5YF5 {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
  padding-top: 11.4rem;
  height: 57.7rem;
  gap: 9rem;
}
@media (min-width: 768px) {
  .style_teamContact__X5YF5 {
    padding-top: 20.4rem;
    height: 71rem;
    margin-bottom: 22rem;
  }
}
@media (min-width: 1200px) {
  .style_teamContact__X5YF5 {
    padding-top: 40.3rem;
    height: 112rem;
    gap: 16rem;
  }
}
.style_teamContact_img1__z9sG2, .style_teamContact_img2__a1wnv {
  position: absolute;
  z-index: -1;
}
.style_teamContact_img1__z9sG2 {
  top: -6.25vh;
  left: -25vw;
  width: 12.8178rem;
  height: auto;
  aspect-ratio: 242/360;
  transform: rotate(15deg);
}
@media (min-width: 768px) {
  .style_teamContact_img1__z9sG2 {
    top: -8.75vh;
    width: 12.7229rem;
    left: 0;
  }
}
@media (min-width: 1200px) {
  .style_teamContact_img1__z9sG2 {
    width: 24.2rem;
  }
}
.style_teamContact_img1__z9sG2 img {
  -o-object-fit: cover;
     object-fit: cover;
}
.style_teamContact_img2__a1wnv {
  top: 0vh;
  right: -31.25vw;
  width: 22.459rem;
  height: auto;
  aspect-ratio: 356/239;
}
@media (min-width: 768px) {
  .style_teamContact_img2__a1wnv {
    width: 18.7368rem;
    top: -2.5vh;
    left: 73.1875vw;
  }
}
@media (min-width: 1200px) {
  .style_teamContact_img2__a1wnv {
    width: 35.6rem;
  }
}
.style_teamContact_img2__a1wnv img {
  -o-object-fit: cover;
     object-fit: cover;
}
.style_teamContact_brand__5Ph6W {
  top: 0;
  position: relative;
  text-align: center;
}
.style_teamContact_brand_wrapper__8ksZO {
  display: flex;
  justify-content: center;
}
.style_teamContact_brand_wrapper__8ksZO svg {
  width: 100%;
  height: auto;
}
.style_teamContact_brand_text___WO7_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  width: 33rem;
}
@media (min-width: 768px) {
  .style_teamContact_brand_text___WO7_ {
    width: 75rem;
  }
}
@media (min-width: 1200px) {
  .style_teamContact_brand_text___WO7_ {
    width: 100%;
    justify-content: space-around;
  }
}
.style_teamContact_brand_wrapper__8ksZO {
  position: relative;
  width: 100%;
}
.style_teamContact_brand_inner__JdCQG {
  bottom: 1.1rem;
}
.style_teamContact_brand_inner__JdCQG svg {
  width: 100%;
  height: auto;
}
.style_teamContact_mascot__B_PCm {
  position: absolute;
  top: -3.125vh;
  left: 8.4375vw;
}
@media (min-width: 768px) {
  .style_teamContact_mascot__B_PCm {
    top: -9.375vh;
    left: 20.625vw;
  }
}
@media (min-width: 1200px) {
  .style_teamContact_mascot__B_PCm {
    top: -13.125vh;
    left: 21.125vw;
  }
}
.style_teamContact_mascot__B_PCm svg {
  aspect-ratio: 358/336;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 13.6679rem;
}
@media (min-width: 768px) {
  .style_teamContact_mascot__B_PCm svg {
    width: 19.3161rem;
  }
}
@media (min-width: 1200px) {
  .style_teamContact_mascot__B_PCm svg {
    width: 35.8009rem;
  }
}
.style_teamContact_text__oR2Kj {
  position: relative;
  text-align: center;
}
@media (min-width: 1200px) {
  .style_teamContact_text__oR2Kj {
    padding: 0 7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.style_teamContact_text_desc___S69w {
  margin-bottom: 4.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.08rem;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  .style_teamContact_text_desc___S69w {
    max-width: 59.1rem;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.12rem;
    letter-spacing: 0rem;
  }
}
.style_teamContact_text__oR2Kj button {
  width: 100%;
}
.style_teamContact_btn_text__VZ39h {
  display: flex;
  gap: 4.5rem;
}
.style_teamContact_circle__pOTPc {
  position: absolute;
  height: auto;
  aspect-ratio: 187/169;
  width: 4.8rem;
  right: 3.75vw;
  top: 3.75vh;
}
@media (min-width: 768px) {
  .style_teamContact_circle__pOTPc {
    width: 8.4rem;
    right: 4.125vw;
    top: 11.25vh;
  }
}
@media (min-width: 1200px) {
  .style_teamContact_circle__pOTPc {
    width: 18.7rem;
    right: 6.25vw;
    top: 18.75vh;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/Team/components/TeamHero/style.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_teamHero__J0tqm {
  padding-top: 9.4rem;
  padding-bottom: 3.2rem;
}
@media (min-width: 768px) {
  .style_teamHero__J0tqm {
    padding-top: 19.2rem;
    padding-bottom: 7rem;
  }
}
@media (min-width: 1200px) {
  .style_teamHero__J0tqm {
    padding-top: 32.6rem;
    padding-bottom: 12.3rem;
  }
}
.style_teamHero_title__s_c_k {
  position: relative;
}
.style_teamHero_line__wWaRF {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.style_teamHero_line_wrapper__Mgkv_ {
  display: flex;
  align-items: center;
}
.style_teamHero_line_desc__HRa9_ {
  margin-top: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.56rem;
  font-weight: 500;
  width: 20.6rem;
}
@media (min-width: 768px) {
  .style_teamHero_line_desc__HRa9_ {
    font-size: 1.4rem;
    line-height: 1.82rem;
    font-weight: 500;
  }
}
@media (min-width: 1200px) {
  .style_teamHero_line_desc__HRa9_ {
    font-size: 1.6rem;
    line-height: 2.08rem;
    font-weight: 500;
    letter-spacing: 0rem;
    width: 29.8rem;
  }
}
.style_teamHero_line_text__fqy_A {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 4.16rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .style_teamHero_line_text__fqy_A {
    font-size: 6.8rem;
    font-weight: 500;
    line-height: 6.8rem;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  .style_teamHero_line_text__fqy_A {
    font-size: 12rem;
    line-height: 12rem;
    font-weight: 500;
    letter-spacing: 0rem;
  }
}
.style_teamHero_line__wWaRF:nth-child(1) {
  justify-content: start;
  align-items: center;
  gap: 0.9rem;
}
@media (min-width: 768px) {
  .style_teamHero_line__wWaRF:nth-child(1) {
    gap: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .style_teamHero_line__wWaRF:nth-child(1) {
    gap: 3.6rem;
  }
}
.style_teamHero_line__wWaRF:nth-child(1) svg {
  height: auto;
  aspect-ratio: 69/96;
  width: 2.1rem;
}
@media (min-width: 768px) {
  .style_teamHero_line__wWaRF:nth-child(1) svg {
    width: 3.8rem;
  }
}
@media (min-width: 1200px) {
  .style_teamHero_line__wWaRF:nth-child(1) svg {
    width: 6.9rem;
  }
}
.style_teamHero_line__wWaRF:nth-child(2) {
  align-items: center;
}
@media (min-width: 768px) {
  .style_teamHero_line__wWaRF:nth-child(2) {
    padding-left: 2rem;
  }
}
.style_teamHero_line__wWaRF:nth-child(2) .style_teamHero_line_wrapper__Mgkv_ {
  align-items: center;
  gap: 0.9rem;
}
@media (min-width: 768px) {
  .style_teamHero_line__wWaRF:nth-child(2) .style_teamHero_line_wrapper__Mgkv_ {
    gap: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .style_teamHero_line__wWaRF:nth-child(2) .style_teamHero_line_wrapper__Mgkv_ {
    gap: 6rem;
  }
}
.style_teamHero_line__wWaRF:nth-child(2) .style_teamHero_line_icon__8B5e1 svg {
  width: 2.5rem;
  height: auto;
  aspect-ratio: 66/86;
}
@media (min-width: 768px) {
  .style_teamHero_line__wWaRF:nth-child(2) .style_teamHero_line_icon__8B5e1 svg {
    width: 4.1rem;
  }
}
@media (min-width: 1200px) {
  .style_teamHero_line__wWaRF:nth-child(2) .style_teamHero_line_icon__8B5e1 svg {
    width: 6.62rem;
  }
}
.style_teamHero_line__wWaRF:nth-child(3) {
  align-items: center;
  display: block;
}
@media (min-width: 768px) {
  .style_teamHero_line__wWaRF:nth-child(3) {
    display: flex;
    padding-left: 1.2rem;
  }
}
.style_teamHero_line__wWaRF:nth-child(3) .style_teamHero_line_wrapper__Mgkv_:first-child {
  align-items: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  .style_teamHero_line__wWaRF:nth-child(3) .style_teamHero_line_wrapper__Mgkv_:first-child {
    gap: 2.6rem;
  }
}
@media (min-width: 1200px) {
  .style_teamHero_line__wWaRF:nth-child(3) .style_teamHero_line_wrapper__Mgkv_:first-child {
    gap: 5.9rem;
  }
}
.style_teamHero_line__wWaRF:nth-child(3) .style_teamHero_line_wrapper__Mgkv_:nth-child(2) {
  gap: 0.4rem;
}
@media (min-width: 768px) {
  .style_teamHero_line__wWaRF:nth-child(3) .style_teamHero_line_wrapper__Mgkv_:nth-child(2) {
    gap: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .style_teamHero_line__wWaRF:nth-child(3) .style_teamHero_line_wrapper__Mgkv_:nth-child(2) {
    gap: 1.4rem;
  }
}
.style_teamHero_line__wWaRF:nth-child(3) .style_teamHero_line_icon__8B5e1 svg {
  height: auto;
  aspect-ratio: 66/86;
  width: 2rem;
}
@media (min-width: 768px) {
  .style_teamHero_line__wWaRF:nth-child(3) .style_teamHero_line_icon__8B5e1 svg {
    width: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .style_teamHero_line__wWaRF:nth-child(3) .style_teamHero_line_icon__8B5e1 svg {
    width: 6.62rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/TextCrawl/style.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_textCrawl__kGE6A {
  overflow: hidden;
  max-width: 100%;
}
.style_textCrawl_wrapper__U2ORG {
  border-top: 0.2rem solid var(--light-green, #bbc703);
  border-bottom: 0.2rem solid var(--light-green, #bbc703);
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}
.style_textCrawl_wrapper__U2ORG.style_orange__3ADs8 {
  border-top: 0.2rem solid var(--orange, #ff6b02);
  border-bottom: 0.2rem solid var(--orange, #ff6b02);
}
@media (min-width: 768px) {
  .style_textCrawl_wrapper__U2ORG {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .style_textCrawl_wrapper__U2ORG {
    padding-top: 0.9rem;
    padding-bottom: 1.1rem;
  }
}
.style_textCrawl_row__IOuFH {
  display: flex;
  position: relative;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  backface-visibility: hidden;
  will-change: transform;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/interactive/ImageParallax/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_imgParallax__SW0Mr {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.styles_imgParallax_el__Ei1dX {
  -o-object-fit: cover;
     object-fit: cover;
}
.styles_imgParallax__SW0Mr img,
.styles_imgParallax__SW0Mr video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/Team/components/TeamIntro/style.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_teamIntro__HBSO3 {
  position: relative;
}
.style_teamIntro_img__oy8yH {
  overflow: hidden;
  position: relative;
  border-radius: 1.2rem;
  aspect-ratio: 358/246;
  transform: translateZ(0);
  backface-visibility: hidden;
}
@media (max-width: 767px) {
  .style_teamIntro_img__oy8yH {
    margin-left: -1.2rem;
    width: calc(100% + 2.4rem);
  }
}
@media (min-width: 768px) {
  .style_teamIntro_img__oy8yH {
    border-radius: 3rem;
    aspect-ratio: 820/427;
  }
}
.style_teamIntro_img__oy8yH img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 358/246;
  width: 100%;
  height: auto;
  scale: 1.3;
}
.style_teamIntro_crawlText__Lsm_m {
  position: absolute;
  left: calc(var(--padding-container) * -1);
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/Team/components/TeamMembers/TeamMemberItem/style.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_memberItem__IX0Gh {
  position: relative;
  aspect-ratio: 345/445;
  overflow: hidden;
  border-radius: 1.2rem;
  backface-visibility: hidden;
  transform: translateZ(0);
}
@media (min-width: 768px) {
  .style_memberItem__IX0Gh {
    border-radius: 3rem;
  }
}
.style_memberItem__IX0Gh img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  transition: transform 0.6s var(--easeOutQuart);
}
.style_memberItem_title__j_TIu {
  display: none;
}
.style_memberItem_title_name__wXHbv {
  margin-bottom: 0.7rem;
}
.style_memberItem__IX0Gh .style_overlay__PnIu3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.6s var(--easeOutQuart);
}
.style_memberItem__IX0Gh .style_memberItem_title__j_TIu {
  display: block;
  position: absolute;
  padding-left: 1.8rem;
  z-index: 2;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.6s var(--easeOutQuart);
  padding-bottom: 0.1em;
  bottom: 1.6rem;
}
@media (min-width: 768px) {
  .style_memberItem__IX0Gh .style_memberItem_title__j_TIu {
    bottom: 4.4rem;
  }
}
.style_memberItem__IX0Gh .style_memberItem_title_name__wXHbv, .style_memberItem__IX0Gh .style_memberItem_title_role__R1wBX {
  animation: style_textOut__AXec6 0.6s var(--easeOutQuart) forwards;
}
.style_memberItem__IX0Gh .style_memberItem_title__j_TIu:after {
  content: "";
  animation: style_hoverOut__sXLQ_ 0.6s var(--easeOutQuart) forwards;
  border-left: 0.5rem solid var(--light-green, #bbc703);
  display: block;
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.style_memberItem__IX0Gh:hover img {
  transform: scale(1.1);
}
.style_memberItem__IX0Gh:hover .style_memberItem_title__j_TIu {
  opacity: 1;
}
.style_memberItem__IX0Gh:hover .style_memberItem_title_name__wXHbv, .style_memberItem__IX0Gh:hover .style_memberItem_title_role__R1wBX {
  animation: style_textIn__9AGsm 0.6s var(--easeOutQuart) forwards;
}
.style_memberItem__IX0Gh:hover .style_memberItem_title__j_TIu:after {
  animation: style_hoverIn__V_Qfh 0.6s var(--easeOutQuart) forwards;
}
.style_memberItem__IX0Gh:hover .style_overlay__PnIu3 {
  opacity: 1;
}

@keyframes style_textIn__9AGsm {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes style_textOut__AXec6 {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes style_hoverIn__V_Qfh {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes style_hoverOut__sXLQ_ {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/Team/components/TeamMembers/style.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_teamMembers__OxvtD {
  padding-top: 1.4rem;
  position: relative;
  row-gap: 1.4rem;
}
@media (max-width: 767px) {
  .style_teamMembers__OxvtD {
    -moz-column-gap: 1.4rem !important;
         column-gap: 1.4rem !important;
    margin-left: -1.2rem;
    width: calc(100% + 2.4rem);
  }
}
@media (min-width: 768px) {
  .style_teamMembers__OxvtD {
    padding-top: 4rem;
    row-gap: 2.9rem;
  }
}
@media (min-width: 1200px) {
  .style_teamMembers__OxvtD {
    padding-top: 11.6rem;
  }
}
.style_teamMembers_img__ejdk3 {
  position: relative;
  border-radius: 3rem;
}
.style_teamMembers_crawlText__a9Ml2 {
  position: absolute;
  top: 56.375vh;
  left: -5.1rem;
  z-index: 9;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/Team/style.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_aboutTeam__HftDH {
  overflow-x: hidden;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/modules/AboutPage/style.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/