#wrap{background-color: #000; min-height: calc(var(--vh) * 100);}
/*.m_inner.our_team{align-items: unset;}*/
.ot_title{padding: 160px 168px 0 56px; height: 100%; width: 400px; box-sizing: border-box;}
.ot_title h1{color: #fff; font-size: 64px; font-style: normal; font-weight: 500; line-height: 120%;}

.ot_el{display: flex; align-items: flex-end; height: 100%; padding: 154px 0 80px; margin-right: 200px;}
.ot_el:last-child{margin-right: 360px;}
.ot_el_in{display: flex; align-items: flex-end; gap: 40px;}
.ot_el:nth-child(2n + 1){align-items: flex-start; }
.ot_el:nth-child(2n + 1) .ot_el_in{padding-bottom: 106px;}
.ot_el:nth-child(2n) .ot_el_in{padding-top: 106px;}
.ot_img_ani{width:max-content; aspect-ratio: 3 / 4; position: relative; height: 100%; width: calc((100vw / 12) * 3); display: flex; align-items: flex-end;}
.ot_img_w{aspect-ratio: 345 / 460; width: 0; max-height: calc(100vh - 340px); height: 100%; overflow: hidden; transition: ease 1s width;}
.active.ot_img_w{width: 100%;     }
.ot_img_w img{width: calc((100vw / 12) * 3); width: unset; height: 100%; max-width: unset;}
.ot_txt_w{color: #fff; white-space: nowrap;}
.ot_txt_w a{color: #FFF;}
.ot_link{display: block; width: 24px; height: 24px; margin-bottom: 12px;}
.ot_position{font-family: 'Futura'; font-size: 20px; font-weight: 500; line-height: 140%; font-weight: 400;}
.ot_name{display: flex; align-items: flex-end; padding: 4px 0 8px;}
.ot_name h1{font-family: 'Futura'; font-size: 36px; font-style: normal; font-weight: 400; line-height: 130%;}
.ot_name p{font-size: 13px; font-weight: 500; line-height: 150%; letter-spacing: 7.8px; text-transform: uppercase; display: block; padding:0 0 8px 12px;}
.ot_contact{gap: 32px; display: flex;}
.ot_email::before{content: 'E'; padding-right: 12px;}
.ot_phone::before{content: 'T'; padding-right: 12px;}

.ot_link, .ot_position,.ot_name h1, .ot_name p, .ot_email, .ot_phone{opacity: 0; transform: translateY(20px); transition: opacity 1.5s ease, transform 1.5s ease; display: block;}
.active .ot_link, .active .ot_position, .active .ot_name h1, .active .ot_name p, .active .ot_email, .active .ot_phone{opacity: 1; transform: translateY(0);}
.ot_link{transition-delay: 0.0s;}
.ot_position{transition-delay: 0.1s;}
.ot_name h1{transition-delay: 0.2s;} 
.ot_name p{transition-delay: 0.3s;}
.ot_email{transition-delay: 0.4s;} 
.ot_phone{transition-delay: 0.5s;}

.ot_title h1 {background: 50% 100% / 50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent);  -webkit-background-clip: text;  background-clip: text;  color: transparent;  font-size: 64px;  font-family: "Source Sans Pro", sans-serif;  animation: reveal 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;}
.ot_title div{font-size: 16px; width: 120px; position: relative; padding-top: 12px; color: #fff; overflow: hidden; margin-top: 80px; opacity: 0; transition: ease 0.5s opacity; transition-delay: 0.6s;}
.ot_title div::after{content: ''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 0; left: 0; animation: scr_ani2 1.5s cubic-bezier(0, 0, 0.43, 1.06) both infinite;}
.ot_title div span{animation: posYstart 0.8s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 1.2s; display: block;}
.ot_title div.active{opacity: 1;}
@keyframes scr_ani2 {
  0% {transform: translateX(-100%);}
  100% {transform: translateX(100%);}
}

.ot_pos{position: fixed; display: flex; align-items: center; justify-content: center; height: 100%; width: 100dvw; top: 0;}
.ot_pos .count_title{ position: absolute; }
.ot_pos .count_title .ct_w{overflow: hidden;}
.ot_pos h1{color: #1F1F1F; font-family: Futura; font-size: 200px; font-style: normal; font-weight: 500; line-height: 100%; text-transform: uppercase;}
@keyframes reveal {
  80%{
    letter-spacing: 8px;
  }
  100% {
    background-size: 300% 300%;
  }
}
@keyframes glow {
  40% {
    text-shadow: 0 0 8px #fff;
  }
}

.h_bottom{display: none;}

@keyframes posYstart {
  0% {transform: translateY(120%) rotate(10deg); opacity: 0;}
  100% {transform: translateY(0)  rotate(0deg); opacity: 1;}
}

@keyframes posYend {
  0% {transform: translateY(0) rotate(0deg); opacity: 1;}
  100% {transform: translateY(-120%)  rotate(-5deg); opacity: 1;}
}
  .count_title h1{opacity: 0;}
  .ot_pos.pos_1 .count_title_1.on h1{opacity: 1; animation: posYstart 0.8s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.4s;}
  .ot_pos.pos_2 .count_title_2.on h1{opacity: 1; animation: posYstart 0.8s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.4s;}
  .ot_pos.pos_2 .count_title_2.on .ct_w:nth-child(2) h1{animation-delay: 0.5s;}
  .ot_pos.pos_3 .count_title_3.on h1{opacity: 1; animation: posYstart 0.8s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.4s;}
  .ot_pos .count_title.on h1{animation: posYend 0.8s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.0s; opacity: 0;}
@media(min-width:1024px){
  
}

@media(max-width:1024px){
  /*
  #wrap{padding-bottom: 240px;}
  .ot_title{width: unset;padding: 0; font-size: 32px; margin-bottom: 60px;}
  .ot_title h1{font-size: 32px;}
  .ot_el{margin-right: unset; padding-bottom: 80px; padding-top: unset; width: 100%;}
  .ot_el:nth-child(2n) .ot_el_in{padding-top: 0;}
  .ot_el:last-child{margin-right: 0;}
  .ot_el_in {display: flex; align-items: center; gap: 40px; flex-direction: column;  width: 100%;}
  .ot_img_ani{width: 50%;}
  .ot_txt_w{display: flex; flex-direction: column; align-items: center;}
  .ot_el:nth-child(2n + 1) .ot_el_in{padding-bottom: unset;}
  .ot_position{font-size: 14px;}
  .ot_name{padding: 4px 0 12px;}
  .ot_name h1{font-size: 20px;}
  .ot_name p{font-size: 10px;letter-spacing: 6px;}
  .ot_contact{gap: 20px;}
  .ot_contact a{font-size: 12px;}
  .ot_email::before, .ot_phone::before{padding-right: 8px;}
  */
  .m_inner { height: unset; position: relative; transform: unset !important; flex-direction: column;  }
  #wrap { padding-bottom: 66.667vw; padding-top: 160px;}
  .ot_title { width: unset; padding: 0; font-size: 8.889vw; margin-bottom: 16.667vw; }
  .ot_title h1 { font-size: 8.889vw; }
  .ot_el { margin-right: unset; padding-bottom: 22.222vw; padding-top: unset; width: 100%; }
  .ot_el:nth-child(2n) .ot_el_in { padding-top: 0; }
  .ot_el:last-child { margin-right: 0; }
  .ot_el_in { display: flex; align-items: center; gap: 11.111vw; flex-direction: column; width: 100%; }
  .ot_img_ani { width: 50%; }
  .ot_txt_w { display: flex; flex-direction: column; align-items: center; }
  .ot_el:nth-child(2n + 1) .ot_el_in { padding-bottom: unset; }
  .ot_position { font-size: 3.889vw; }
  .ot_name { padding: 1.111vw 0 3.333vw; }
  .ot_name h1 { font-size: 5.556vw; }
  .ot_name p { font-size: 2.778vw; letter-spacing: 1.667vw; }
  .ot_contact { gap: 5.556vw; }
  .ot_contact a { font-size: 3.333vw; }
  .ot_email::before,
  .ot_phone::before { padding-right: 2.222vw; }
  .ot_link{width: 6.667vw; height: 6.667vw;}
  .ot_pos{ }
  .ot_pos h1{font-size: 17.778vw;}


}