@charset "utf-8";

@supports (-webkit-text-stroke: 3px #151515) or (text-stroke: 3px #151515) {
  div.text-interaction .itr-text-li.isSelected .itr-text-div-wrap a,
  div.text-interaction .itr-text-li.isSelected:hover .itr-text-div-wrap a {
    /* color: transparent;
    -webkit-text-stroke: 3px #151515;
    text-stroke: 3px #151515; */
} }

@media screen and (max-width: 767px) {
  @supports (-webkit-text-stroke: 1px #151515) or (text-stroke: 1px #151515) {
    div.text-interaction .itr-text-li.isSelected .itr-text-div-wrap a,
    div.text-interaction .itr-text-li.isSelected:hover .itr-text-div-wrap a {
    /*   -webkit-text-stroke: 1px #151515;
      text-stroke: 1px #151515;  */} } }

/* .overflowHidden,div.loading { overflow: hidden; } */

/* Pages */
::-webkit-scrollbar {
	width: 0px;
  	height: 0px;
}


.stage-right-div .txt1,
.stage-right-div .txt2,
.stage-right-div .txt3,
.stage-right-div .txt4{overflow:hidden;}
.stage-right-div .txt1 span{display:inline-block;}
.stage-right-div .txt2 span{display:inline-block;}
.stage-right-div .txt3 span{display:inline-block;}
.stage-right-div .txt4 span{display:inline-block;}

.text-interaction .stage-right-div {
	background: #fff;
	width:50%;
	height: 100vh;
	z-index: 7;
	position: absolute;
	left:0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.text-interaction .stage-right-div.isClosed > div p,
.text-interaction .stage-right-div.isClosed > div .txt2 span{
	 -webkit-transform: rotate3d(0, 1, 0, 0deg) translateZ(0) scale(0.7);
	transform: rotate3d(0, 1, 0, 0deg) translateZ(0) scale(0.7);
	opacity: 0;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
          
.text-interaction .stage-right-div > div{opacity: 0;}
.text-interaction .stage-right-div.active > div{opacity: 1;}
.text-interaction .stage-right-div > div p{}
.text-interaction .stage-right-div > div p span.b{color:#0080d4;font-weight: 700;}
.text-interaction .stage-right-div > div .txt1 span{font-family: 'Poppins',sans-serif;font-weight: 700;font-size: 68px;letter-spacing: 3.48px;color:#1988ff;line-height: 68px;overflow: hidden;position: relative;}
.text-interaction .stage-right-div > div .txt2{position: relative;margin-top: 12px;margin-bottom: 40px;}
.text-interaction .stage-right-div > div .txt2 span{position: relative;font-family: 'SpoqaHanSansNeo',sans-serif;font-weight: 700;font-size:42px;letter-spacing:2px;color:#1988ff;line-height: 42px;display: inline-block;width:46px;}
.text-interaction .stage-right-div > div .txt3 span{position: relative;font-family: 'SpoqaHanSansNeo', sans-serif;font-weight: 400;font-size: 30px;letter-spacing:-0.52px;color:#000;line-height:30px;}
/* 
.text-interaction .stage-right-div.active > div .txt1{
-webkit-animation: show-text calc(1 * 1s) calc(0.3 * 1s) steps(1) both;
animation: show-text calc(1 * 1s) calc(0.3 * 1s) steps(1) both;
}
.text-interaction .stage-right-div.active > div .txt1:after {
  content: '';top: 0;right: 0;bottom: 0;left: 0;background: #0036ff;position: absolute;
  -webkit-animation: block-reveal calc(1 * 1s) calc(0.3 * 1s) both;
  animation: block-reveal calc(1 * 1s) calc(0.3 * 1s) both;
}

.text-interaction .stage-right-div.active > div .txt2{
-webkit-animation: show-text calc(1 * 1s) calc(0.5 * 1s) steps(1) both;
animation: show-text calc(1 * 1s) calc(0.5 * 1s) steps(1) both;
}
.text-interaction .stage-right-div.active > div .txt2:after {
  content: '';top: 0;right: 0;bottom: 0;left: 0;background: #0036ff;position: absolute;
  -webkit-animation: block-reveal calc(1 * 1s) calc(0.5 * 1s) both;
  animation: block-reveal calc(1 * 1s) calc(0.5 * 1s) both;
}

.text-interaction .stage-right-div.active > div .txt2 span{
-webkit-animation: show-text calc(1 * 1s) calc(0.5 * 1s) steps(1) both;
animation: show-text calc(1 * 1s) calc(0.5 * 1s) steps(1) both;
}

.text-interaction .stage-right-div.active > div .txt3{
-webkit-animation: show-text calc(1 * 1s) calc(0.7 * 1s) steps(1) both;
animation: show-text calc(1 * 1s) calc(0.7 * 1s) steps(1) both;
}
.text-interaction .stage-right-div.active > div .txt3 span{
-webkit-animation: show-text2 calc(1 * 1s) calc(0.7 * 1s) steps(1) both;
animation: show-text2 calc(1 * 1s) calc(0.7 * 1s) steps(1) both;
}
.text-interaction .stage-right-div.active > div .txt3:after {
  content: '';top: 0;right: 0;bottom: 0;left: 0;background: #0036ff;position: absolute;
  -webkit-animation: block-reveal calc(1 * 1s) calc(0.7 * 1s) both;
  animation: block-reveal calc(1 * 1s) calc(0.7 * 1s) both;
}

.text-interaction .stage-right-div.active > div .txt4{
-webkit-animation: show-text calc(1 * 1s) calc(0.9 * 1s) steps(1) both;
animation: show-text calc(1 * 1s) calc(0.9 * 1s) steps(1) both;
}
.text-interaction .stage-right-div.active > div .txt4 span{
-webkit-animation: show-text2 calc(1 * 1s) calc(0.9 * 1s) steps(1) both;
animation: show-text2 calc(1 * 1s) calc(0.9 * 1s) steps(1) both;
}
.text-interaction .stage-right-div.active > div .txt4:after {
  content: '';top: 0;right: 0;bottom: 0;left: 0;background: #0036ff;position: absolute;
  -webkit-animation: block-reveal calc(1 * 1s) calc(0.9 * 1s) both;
  animation: block-reveal calc(1 * 1s) calc(0.9 * 1s) both;
}
 */

@-webkit-keyframes show-text {
  0% {
    color: transparent;
  }
  50%, 100% {
    color: #000;
  }
}
@-webkit-keyframes show-text2 {
  0% {
    color: transparent;
  }
  50%, 100% {
    color: #0080d4;
  }
}
@-webkit-keyframes show-text3 {
  0% {
    color: transparent;
  }
  50%, 100% {
    color: #0080d5;
  }
}
@-webkit-keyframes block-reveal {
  0% {
    -webkit-transform: translate(-110%, 0);
            transform: translate(-110%, 0);
  }
  45%, 55% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(110%, 0);
            transform: translate(110%, 0);
  }
}



.text-interaction .stage-vue {
	position: absolute;
	width: 50%;
	-webkit-perspective: 100vw;
	perspective: 100vw;
	right:0;
	background: #001a2f;
	z-index: 15
}

.text-interaction:not(.isMobile) .stage-vue {
  height: 100vh;
/*   overflow-x: hidden;
  overflow-y: hidden; */
  }

.text-interaction .stageContainer {
  position: relative;
  width: 100%;
  height:100%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.text-interaction .stage {
  position: fixed;
  top: 0;
/*   left: 121px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: center;
  width: 100%;
  height:100%;
/*   padding: 5vw 5vw calc(7.5vw + 67px) 0; */
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
/*   top: -63px; */
	padding-top:22px;
  }

.text-interaction.safari .stage {
  position: absolute;
  padding-bottom: 0; }

.text-interaction.isMobile .stage {
  position: static; }

.text-interaction .itr-text-ul {
  position: relative;
  margin: 0;
  padding-left: 0;
  list-style: none;
  text-align: right;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.text-interaction .itr-text-li {
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding-bottom: 54px;
/*   padding-top: 10px; */
/*   padding-right: 6%; */
}

.text-interaction .itr-text-div-wrap {
  -webkit-transform: rotate3d(0, 1, 0, 0) translateZ(0) scale(1);
  transform: rotate3d(0, 1, 0, 0) translateZ(0) scale(1);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
/*   display: flex; */
/*   align-items: center; */
text-align: left;
  }
  @media screen and (min-width: 768px) {
    .text-interaction .itr-text-div-wrap {
      -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); } }

.text-interaction:not(.intro) .itr-text-li:hover .itr-text-div-wrap,
.text-interaction:not(.intro) .itr-text-li.isHovered .itr-text-div-wrap {
  -webkit-transform: rotate3d(0, 1, 0, 0) translateZ(0) scale(1);
          transform: rotate3d(0, 1, 0, 0) translateZ(0) scale(1);
  -webkit-transition-duration: 1s;
          transition-duration: 1s; }

.text-interaction .itr-text-li.isSelected .itr-text-div-wrap,
.text-interaction .itr-text-li.isSelected:hover .itr-text-div-wrap {
  -webkit-transform: rotate3d(0, 1, 0, 0deg) translateZ(0) scale(1);
          transform: rotate3d(0, 1, 0, 0deg) translateZ(0) scale(1); }
  @media screen and (max-width: 767px) {
    .text-interaction .itr-text-li.isSelected .itr-text-div-wrap,
    .text-interaction .itr-text-li.isSelected:hover .itr-text-div-wrap {
      -webkit-transition: opacity 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: opacity 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); } }
  @supports (-webkit-text-stroke: 3px #151515) or (text-stroke: 3px #151515) {
    .text-interaction .itr-text-li.isSelected .itr-text-div-wrap a,
    .text-interaction .itr-text-li.isSelected:hover .itr-text-div-wrap a {
      -webkit-text-stroke: 0px #151515;
      text-stroke: 0px #151515; } }

.text-interaction:not(.intro) .itr-text-ul.isHovering .itr-text-li:hover a,
.text-interaction:not(.intro) .itr-text-ul.isHovering .itr-text-li.isHovered a {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s; 
/*           color:#0036ff; */
          }
	@supports (-webkit-text-stroke: 3px #151515) or (text-stroke: 3px #151515) {
	    .text-interaction:not(.intro) .itr-text-ul.isHovering .itr-text-li:hover a.num,
	    .text-interaction:not(.intro) .itr-text-ul.isHovering .itr-text-li.isHovered a .num{left:-120px;} 
		.text-interaction:not(.intro) .itr-text-ul.isHovering .itr-text-li:hover a .num:before,
	    .text-interaction:not(.intro) .itr-text-ul.isHovering .itr-text-li.isHovered a .num:before{
		   width:100px;
/* 		   background:#0036ff; */
	    }
	}
	    
.text-interaction .itr-text-ul a {
  position: relative;
  color: #fff;
  -webkit-transition: color 0.5s, opacity 0.5s;
  transition: color 0.5s, opacity 0.5s;
  -webkit-text-stroke: 0px #ffffff;
  font-family: 'SpoqaHanSansNeo', sans-serif;
  letter-spacing: 1px;
  display: block;
  padding-left: 40px;
}
  @supports (-webkit-text-stroke: 3px #333) or (text-stroke: 3px #333) {
    .text-interaction .itr-text-ul a {
      /* -webkit-text-stroke: 0px #333;
      text-stroke: 0px #333; */ } }

.text-interaction .itr-text-ul a .num{
  position: absolute;
  font-size: 16px;
  font-weight: 400;
  vertical-align: top;
  line-height: 38px;
  top:50%;
  left:0;
  -moz-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   transition: all 0.5s ease-in-out;
}
.text-interaction .itr-text-ul a .txt{
  position: relative;
  font-size: 38px;
  vertical-align: top;
  font-weight: 700;
  line-height: 38px;
  white-space: nowrap;
  letter-spacing: 1px;
}
.text-interaction .itr-text-ul a .num:before{
	content:'';position: absolute;top:50%;left:40px;width:0;height:1px;background: #fff;
	transition-delay: 0.6s;
	-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.text-interaction .itr-text-ul > span{font-size: 16px;font-weight: normal;}
@media screen and (min-width: 768px) and (max-width: 1320px) {
  .text-interaction .itr-text-ul a {
    font-size: 7.4vw;}
    @supports (-webkit-text-stroke: 2px #333) or (text-stroke: 2px #333) {
      .text-interaction .itr-text-ul a {
        /* -webkit-text-stroke-width: 2px;
        text-stroke-width: 2px; */ } }
}

@media screen and (max-width: 767px) {
  .text-interaction {
    overflow-x: hidden; }
    .text-interaction .stage-vue {
      -webkit-perspective: 400vw;
              perspective: 400vw; }
    .text-interaction .stage {
      padding-top: 17vw;
      padding-bottom: 17vw; }
    @supports (-webkit-text-stroke: 1px #333) or (text-stroke: 1px #333) {
      .text-interaction .itr-text-ul a {
        -webkit-text-stroke-width: 1px;
        text-stroke-width: 1px; } }
    .text-interaction .itr-text-ul a:after {
      width: 1px; } }

@media screen and (max-width: 420px) {
  .text-interaction .stage {
    padding-top: 25vw; }
  .text-interaction .itr-text-ul a:before {
    top: 10px;
    left: -220px;
    font-size: 7px; }
  .text-interaction .itr-text-ul a:after {
    top: 10px;
    left: -15px; }
  .text-interaction .itr-text-ul {
    width: 100%; }
  .text-interaction .itr-text-ul a {
    font-size: 13vw;
    letter-spacing: normal; } }

.text-interaction:not(.isMobile).intro {
  pointer-events: none; }

.text-interaction.intro .stage {
  -webkit-transform: translate3d(0, -110%, 0);
          transform: translate3d(0, -110%, 0);
  -webkit-animation: introStage 2s forwards;
          animation: introStage 2s forwards; }

.text-interaction:not(.isMobile).intro .stage {
  position: absolute; }

.text-interaction.intro .itr-text-div-wrap {
  visibility: hidden;
  -webkit-transition: none;
  transition: none;
  -webkit-animation: introTextCtn 0.8s forwards;
          animation: introTextCtn 0.8s forwards; }

.text-interaction.intro .itr-text-li:nth-child(1) .itr-text-div-wrap {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s; }

.text-interaction.intro .itr-text-li:nth-child(2) .itr-text-div-wrap {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s; }

.text-interaction.intro .itr-text-li:nth-child(3) .itr-text-div-wrap {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s; }

.text-interaction.intro .itr-text-li:nth-child(4) .itr-text-div-wrap {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; }

.text-interaction.intro .itr-text-li:nth-child(5) .itr-text-div-wrap {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s; }

.text-interaction.intro .itr-text-li:nth-child(6) .itr-text-div-wrap {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }

.text-interaction.intro .itr-text-li:nth-child(7) .itr-text-div-wrap {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }

.text-interaction.intro .itr-text-li:nth-child(8) .itr-text-div-wrap {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes introStage {
  0% {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes introStage {
  0% {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes introTextCtn {
  0% {
    visibility: visible;
    opacity: 0;
    -webkit-transform: rotate3d(0, 1, 0, -100deg) translateZ(0) scale(1);
            transform: rotate3d(0, 1, 0, -100deg) translateZ(0) scale(1); }
  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotate3d(0, 1, 0, 0) translateZ(0) scale(1);
            transform: rotate3d(0, 1, 0, 0) translateZ(0) scale(1); } }

@keyframes introTextCtn {
  0% {
    visibility: visible;
    opacity: 0;
    -webkit-transform: rotate3d(0, 1, 0, -100deg) translateZ(0) scale(1);
            transform: rotate3d(0, 1, 0, -100deg) translateZ(0) scale(1); }
  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotate3d(0, 1, 0, 0) translateZ(0) scale(1);
            transform: rotate3d(0, 1, 0, 0) translateZ(0) scale(1); } }

.text-interaction.outro:not(.isMobile) {
  pointer-events: none; }

.text-interaction.outro .stageContainer {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-animation: outro 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.15s forwards;
          animation: outro 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.15s forwards; }

.text-interaction.outro .itr-text-div-wrap {
  -webkit-transition: opacity 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }

.text-interaction.outro .itr-text-li:not(.isSelected) .itr-text-div-wrap {
  -webkit-transform: rotate3d(0, 1, 0, -114deg) translateZ(0) scale(1);
          transform: rotate3d(0, 1, 0, -114deg) translateZ(0) scale(1);
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s; }

.text-interaction.outro .itr-text-li:not(.isSelected):nth-child(1) .itr-text-div-wrap {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s; }

.text-interaction.outro .itr-text-li:not(.isSelected):nth-child(2) .itr-text-div-wrap {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s; }

.text-interaction.outro .itr-text-li:not(.isSelected):nth-child(3) .itr-text-div-wrap {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s; }

.text-interaction.outro .itr-text-li:not(.isSelected):nth-child(4) .itr-text-div-wrap {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s; }

.text-interaction.outro .itr-text-li:not(.isSelected):nth-child(5) .itr-text-div-wrap {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s; }

.text-interaction.outro .itr-text-li:not(.isSelected):nth-child(6) .itr-text-div-wrap {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }

.text-interaction.outro .itr-text-li:not(.isSelected):nth-child(7) .itr-text-div-wrap {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s; }

.text-interaction.outro .itr-text-li:not(.isSelected):nth-child(8) .itr-text-div-wrap {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }

.text-interaction.outro .itr-text-li:not(.isSelected):nth-child(9) .itr-text-div-wrap {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s; }

.text-interaction.outro .itr-text-li.isSelected .itr-text-div-wrap,
.text-interaction.outro .itr-text-li.isSelected:hover .itr-text-div-wrap {
  -webkit-transform: rotate3d(0, 1, 0, 0deg) translateZ(0) scale(0.7);
          transform: rotate3d(0, 1, 0, 0deg) translateZ(0) scale(0.7);
  opacity: 0;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s; }

.text-interaction.outro .itr-text-li.isSelected .itr-text-div-wrap a {
  -webkit-transition-delay: 1.15s;
          transition-delay: 1.15s; }

.text-interaction.outro .itr-text-li.isSelected .itr-text-div-wrap a:before, .text-interaction.outro .itr-text-li.isSelected .itr-text-div-wrap a:after {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0.15s;
  transition: opacity 0.2s ease-out 0.15s; }

@-webkit-keyframes outro {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, -25vh, 0);
            transform: translate3d(0, -25vh, 0); } }

@keyframes outro {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, -25vh, 0);
            transform: translate3d(0, -25vh, 0); } }

.text-interaction .para-vue{
  -webkit-perspective-origin: 50% var(--perspective-origin-y);
          perspective-origin: 50% var(--perspective-origin-y);
  will-change: perspective-origin; }
  
.intr-logo{
    width: 156px;
    position: absolute;
    bottom: 100px;
    left: 91px;
}