* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Pretendard', sans-serif;
  margin:0; padding:0;
}

#wrap{position:relative;}
.tear{color:#00FEFE;}
.fw-l{font-weight: 300;}
.fw-r{font-weight: 400;}
.fw-m{font-weight: 500;}
.fw-sb{font-weight: 600;}
.fw-b{font-weight: 700;}
  body{overflow-x: clip;}
  #wrap.page_onload > *:not(.intro2):not(.water-hero){opacity: 0;}

  .water-hero {position: absolute; top:0; left:0; width: 100%; height: 100vh; height: 100svh; overflow: hidden; background: #fff; z-index:2;}

  .water-hero__canvas {
    display: block;
    position:relative;
    left:-0%;
    transform:translate(-1%, 2%);
    width: 102%;
    height: 100%;
    touch-action: none;
  }
  .water-hero__controls{display:none;}
  .water_txt{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #FF0000; mix-blend-mode: exclusion; z-index: 3;}
  /*.water_txt span{font-size:16px; font-weight:bold; line-height:1.6;}
  .water_txt h1{font-size:128px; font-weight:500; font-family:'Charka'; line-height: 1.2; margin-top: 20px; }
  .water_txt_div{font-size:20px; font-weight:600; line-height:1.6; display:flex; flex-direction: column; position:absolute; left:50%; transform:translateX(-50%); bottom:0; justify-content:center; align-items:center; gap: 40px; color:#00FEFE; text-align:center;}
  .water_txt_div::after{content:''; display:block; height:80px; width:1px; background-color:#00FEFE;}*/
  .water_txt span{font-size:1.026vw; font-weight:bold; line-height:1.6;}
.water_txt h1{font-size:8.205vw; font-weight:500; font-family:'Charka'; line-height:1.0; text-transform: uppercase; margin-top:1.282vw; white-space: nowrap;}
.water_txt_div{font-size:1.282vw; font-weight:600; line-height:1.6; display:flex; flex-direction:column; position:absolute; left:50%; transform:translateX(-50%); bottom:0; justify-content:center; align-items:center; gap:2.564vw; color:#00FEFE; text-align:center;}
.water_txt_div .bar{content:''; position: relative; display:block; height:5.128vw; width:1px;  overflow: hidden;}
.water_txt_div .bar::after{content: ''; display: block; background-color:#00FEFE; width: 100%; height: 80%; animation: 1.4s ease-in-out infinite barMove; position: absolute; top: 0; left: 0;}
@keyframes barMove {
    0% {
        transform: translateY(-100%)
    }
    to {
        transform: translateY(130%)
    }
}

.water_scroll{font-size:16px; line-height:1.6; text-transform: uppercase; font-weight:700; position:absolute; bottom:10px; color:#FF0000; writing-mode: vertical-lr; mix-blend-mode: exclusion;}
.water_right{ right:4px;}
.water_left{ left:4px;}


    .test_1 #app {
			top: 0;
			left: 0;
      position: fixed;
      height: 100vh;
      font-family: "Montserrat", serif;
			width:100%;
			
    }

    .test_1 .hero {
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
		.test_1 .hero svg{width: calc((100% / 12) * 7); position:absolute; z-index: 2; pointer-events: none;}

    .test_1 h1, .test_1 h2 {
      margin: 0;
      padding: 0;
      color: black;
      text-transform: uppercase;
      text-shadow: 0 0 20px rgba(255, 255, 255, 1);
      line-height: 100%;
      user-select: none;
    }

    .test_1 h1 {
      position: relative;
      z-index: 2;
      font-size: 100px;
      font-weight: 700;
			opacity: 0;
    }

    .test_1 h2 {
      font-size: 80px;
      font-weight: 500;
			opacity: 0;
    }

    .test_1 #webgl-canvas {
      position: absolute;
      height: 100vh;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: hidden;
      z-index: 1;
    }

    .test_1.wrapper{height:250vh;background:/* radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(0,0,0,0.5) 200%);*/#fbfbfb;}
    .intro_1{position: fixed; transform: translateY(0%); transition: ease 0.8s all; background-color: #171727;}

    .intro_1:not(.intro_down){}
    .intro_1.intro_down{ background-color: #17172700;transition-delay: 0.6s; pointer-events: none;}


    .intro_start .logo{opacity: 0!important; filter:blur(10px); }
    .intro_1:not(.intro_down) .logo{opacity: 1; backdrop-filter:blur(0); transition: ease 1.5s all; transition-delay: 0.5s;}

    .intro_start .intro_img_2{opacity: 0!important; filter:blur(10px); }
    .intro_1:not(.intro_down) .intro_img_2{opacity: 1; backdrop-filter:blur(0); transition: ease 1.5s all;}

    
    .intro_start .intro_span_div_1 .intro_span{opacity: 0!important; filter:blur(10px);}
    .intro_1:not(.intro_down) .intro_span_div_1 .intro_span{opacity: 1; backdrop-filter:blur(0); transition: ease 1.5s all, ease 0s font-size;}

    /*.intro_start .scroll_to svg{opacity: 0!important; filter:blur(10px); }*/
    .intro_1:not(.intro_down) .scroll_to svg{opacity: 1; backdrop-filter:blur(0); transition: ease 2.5s all;}
    
    .intro_start .scroll_to{transform: translateY(110%)!important; opacity: 0!important;}
    .intro_1:not(.intro_down) .scroll_to{transform: translateY(000px); transition: ease 2.0s all; transition-delay: 1s; opacity: 1;}

    /*.intro_start .intro_span_div_2 span{opacity: 0!important; filter:blur(10px);}*/
    .intro_1:not(.intro_down) .intro_span_div_2 span{opacity: 1; backdrop-filter:blur(0); transition: ease 2.8s all;}

    
    .logo{transform: translateY(00%); opacity: 1; transition: ease 0.5s all;}
    .intro_img{transform: translateY(00%); opacity: 1; transition: ease 0.6s all;}
    .intro_span_div_1{transform: translateY(00%); opacity: 1; transition: ease 0.7s all; color: #fff;}
    .scroll_to svg{transform: translateY(00%); opacity: 1; transition: ease 0.8s all;}
    .intro_span_div_2{transform: translateY(00%); opacity: 1; transition: ease 0.9s all;}

    .intro_down .intro_img{transform: translateY(-100px); opacity: 0;transition: ease 0.5s all;}
    .intro_down .logo{transform: translateY(-100px); opacity: 0; transition-delay: 1s; transition: ease 1s all;}
    .intro_down .intro_span_div_1{transform: translateY(-80px); opacity: 0; transition-delay: 0.0s;}
    .intro_down .intro_span_div_2{transform: translateY(-80px); opacity: 0; transition-delay: 0.0s;}
    .intro_down .scroll_to svg{transform: translateY(-100px); opacity: 0; transition-delay: 0.0s;}


    .intro_span_div_1,.intro_span_div_2{position: relative;}
    .intro_span_div_1 span, .intro_span_div_2 span{display: inline-block;}
    .intro_span_div_1 span{font-weight: 400;}
    .intro_span_div_2 span{font-size: 13px; font-weight: 300;}
    .scroll_to{padding-bottom: 76px; position: absolute; bottom: 0; font-size: 13px; color: #fff;}
    /*.scroll_to::after{content: ''; display: block; width: 1px; height: 100px; animation: scroll_to_anim 1.5s infinite; background-color: #9595a1; position: absolute; left: 50%; top: calc(100% - 100px); transform: translateX(-50%); transition: ease 0.7s all; opacity: 1;}
    .intro_down .scroll_to::after{height: 0; opacity: 0;}*/



.test_1 {
  height: 100%;
}
.test_1 {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
.test_1 img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
 
.test_1 {
  margin: 0;
  min-height: 100%;   
  color: #333;
  background-color: #001;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.test_1 .hero_section.sticky {
  background-color: #000;
  top: 0;
}

.test_1 .button_reference {
  z-index: 20;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #252525;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: .25rem;
  justify-content: flex-start;
  align-items: baseline;
  padding: .5rem .75rem;
  font-family: Inconsolata, monospace;
  font-size: .8rem;
  line-height: 1em;
  text-decoration: none;
  display: flex;
}

.test_1 .button_reference.fix-bottom-left {
  position: fixed;
  bottom: .5rem;
  left: .5rem;
}

.test_1 .code_js,.test_1 .code_css {
  display: none;
}

.test_1 .hero_container {
  justify-content: space-between;
  align-items: flex-end;
  height: 100vh;
  display: flex;
  position: relative;
}

.test_1 .color-0 {
  color: #cde5df;
}

.test_1 .work_item {
  background-color: #171727;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.test_1 .work_video-wrapper {
  --work-video-gap: 2.5vw;
  z-index: 1;
  width: 100%;
  padding-top: 2.5641vw; /* 40px */
  grid-column-gap: var(--work-video-gap);
  grid-row-gap: var(--work-video-gap);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  visibility: hidden;
}

.test_1 .work-text-subtitle {
  text-align: right;
  grid-column-gap: .5vw;
  color: #fff;
  text-transform: uppercase;
  flex-flow: column;
  padding-right: 1vw;
  font-family: 'Pretendard', sans-serif;
  display: flex;
  align-items: flex-end;
  font-size: 1.2821vw; /* 20px */
}

.test_1 .work-text-subtitle .boska {
  font-weight: bold;
  font-size: 1.2821vw; /* 20px */
  line-height: 1.5;
}

.mb-16 {
  margin-bottom: 3.8462vw; /* 60px */
}

.test_1 .work-text-subtitle .line_span {
  font-size: 1.0256vw; /* 16px */
  line-height: 1.5;
}

.test_1 .work_video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  
  position: relative;
  overflow: hidden;  
}
.test_1 .work_video > video {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  right: -100%;
  bottom: -100%;
  top: -100%;
  left: -100%;
  object-fit: cover;
  z-index: -100;
}

.test_1 .work_video-container {
  aspect-ratio: 16 / 9;
  flex: 0 0 calc((100% - (var(--work-video-gap) * 2)) / 3);
  min-width: 0;
}

.test_1 .work_item-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  padding: 2vw 4vw;
  display: flex;
  position: relative;
}

.test_1 .work_text {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 4vw;
  display: flex;
  position: relative;
}

.test_1 .footer_image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.test_1 .hero_image {
  opacity: .6;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.test_1 .hero_text {
  color: #fff;
  text-transform: uppercase;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 4vw;
  padding-left: 4vw;
  padding-right: 4vw;
  font-family: Spacegrotesk, sans-serif;
  font-size: 12.5vw;
  font-weight: 500;
  line-height: .9;
  display: flex;
  position: relative;
}

.test_1 .work_image {
  opacity: .75;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.test_1 .color-3 {
  color: #e2ffe2;
}

.test_1 .work_image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.test_1 .work_text-title {
  color: #fff;
  text-transform: uppercase;
  flex-flow: column;
  font-family: 'Charka', sans-serif;
  font-size: 8.2051vw; /* 128px */
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: relative;
}

.test_1 .work_text-title .line {
  line-height: 0.9;
}

.test_1 .work_text-title .line p {
  display: inline-block;
}

.test_1 .work_text-title .orange {
  font-size: 1.2821vw; /* 20px */
  color: #fff;
  font-weight: 700;
  padding: 0 0 1.2821vw 0; /* 20px */
}

.test_1 .sticky {
  position: sticky;
}

.test_1 .nav_top-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem 4vw 1.25rem;
  display: flex;
  position: relative;
}

.test_1 .nav {
  z-index: 1;
  position: absolute;
  inset: 0% 0% auto;
}

.test_1 .nav_link {
  color: #fff;
  font-family: Inconsolata, monospace;
  font-size: 1.25rem;
  text-decoration: none;
  overflow: hidden;
}

.test_1 .nav_top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.test_1 .nav_top-line {
  width: calc(100% - 2rem);
  height: 1px;
  position: absolute;
  inset: auto 0% 0% 50%;
  transform: translate(-50%);
}

.test_1 .line {
  will-change: transform;
  line-height: 1;
}

.test_1 .line-wrapper {
  overflow: hidden;
  line-height: 1.2;
}
.test_1 ul.line{display:flex; gap:20px;}
.test_1 ul.line li {
  background-color: rgb(255 255 255 / 10%);
  backdrop-filter: blur(1.2821vw); /* 20px */
  padding: 0.2564vw 0.7692vw; /* 4px 12px */
  color: #fff;
  font-size: 1.2821vw; /* 20px */
  font-weight: 700;
  line-height: 1.5;
  list-style: none;
}

.test_1 .work_item-overlay {
  z-index: 2;
  pointer-events: none;
  background-color: #171727;
  display: none;
  position: absolute;
  inset: 0%;
}

.test_1 .footer_section {
  z-index: 1;
  background-color: #000;
  position: relative;
}

.test_1 .footer_image {
  opacity: .6;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.test_1 .color-2 {
  color: #bdd9ff;
}

.test_1 .color-1 {
  color: #ffd9b3;
}

.test_1 .footer_container {
  justify-content: space-between;
  align-items: flex-end;
  height: 100vh;
  display: flex;
  position: relative;
}

.test_1 .footer_text {
  color: #fff;
  text-transform: uppercase;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 4vw;
  padding-left: 4vw;
  padding-right: 4vw;
  font-family: Spacegrotesk, sans-serif;
  font-size: 12.5vw;
  font-weight: 500;
  line-height: .9;
  display: flex;
  position: relative;
}

@media screen and (max-width: 479px) {
  .work_text {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .work_text-title {
    font-size: 12.5vw;
  }
}


.last{background-color: #66557b; height: 100vh; width: 100%; position: relative; }
.last_txt{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;   color: #fff;font-family: 'Pretendard'; font-size: 20px; line-height: 1.55; font-weight: 400;text-align: center; flex-direction: column;}
.test_1 .work_item:last-child .work_item-overlay{background-color: #4601F7;}

.scroll_to{display: flex; flex-direction: column; align-items: center; gap: 20px;}
.scroll_to svg{width: 40px;}




.hx-3{color:#FF8262}
.whitespace{width: 0.25em; display: inline-block;}
.test3 .image-container{pointer-events: none;}
.window_btn{padding: 15px 35px 16px; border-radius: 4px; border:1px solid #fff; color: #fff; font-size: 20px; font-family: 'Pretendard'; text-decoration: none; background-color: rgb(255 255 255 / 20%); backdrop-filter: blur(10px); overflow: hidden; font-weight: 600; opacity: 0; transition: ease 1s opacity;}
.window_btn.active{opacity: 1;}
.window_btn > span{transition: ease 0.4s opacity; display: inline-block;}
.window_btn:hover > span{opacity: 0; transition: ease 0.2s opacity;}
.window_btn_txt{width: fit-content; position: absolute; display: flex; top: 0;
  --move-initial: calc(-25% + 1rem);
	--move-final: calc(-50% + 1rem);
	transform: translate3d(var(--move-initial), 0, 0);
	animation: marquee 1s linear infinite;
	/*animation-play-state: paused;*/
	opacity: 0;
}
.window_btn:hover .window_btn_txt{
    animation-play-state: running;
    opacity: 1;
    transition-duration: 0.4s;
}
.window_btn_txt span{padding: 16px 12px; width: max-content;}
/* main, */.pin-spacer ,main, .test_1, .test3{position: relative; z-index: 1!important;}
.last{position: relative; z-index: 3;}
footer{z-index: 2;}
@keyframes marquee {
	0% {
		transform: translate3d(var(--move-initial), 0, 0);
	}
	100% {
		transform: translate3d(var(--move-final), 0, 0);
	}
}
/*
.test3_wrapper{    translate: none;
    rotate: none;
    scale: none;
  inset: unset!important;}*/

@media (min-width: 1025px) {
  .mob{display: none;}
  .ghost_work-item{width: 100%; height: 300vh;}
}
@media (max-width: 1024px) {
  .pc{display: none;}
  .test_1 .work_video-container{flex-basis:60vw;}
  .mob_menu{height: 16px; position: relative; width: 24px; cursor: pointer;}
  .mob_menu span{background-color: #000; height: 2px; width: 100%; position: absolute; left: 0;}
  .mob_menu span:nth-child(1){top: 0;}
  .mob_menu span:nth-child(2){top: 50%;}
  .mob_menu span:nth-child(3){bottom: -2px;}

  
  .intro_span{justify-self: center; text-align: center;}
  .intro_span_div_1 span{font-size: 3vw; line-height: 1.5;}

  .test_1 .hero img{width: calc((100% / 12) * 9);}
  .content__title{transform: translate(-50%, -50%); left:50%; top:50%; position: absolute; text-align: center; width: 100%;}
  .content__title--right{align-items: center; font-size: 2.3vw;}
  .grid-wrap{height: 100vh; width: max-content;}
  .test_1 .work_text-title{font-size: 80px;}
  .test_1 .work_text-title .orange{font-size: 16px; padding: 0 0 20px 4px;}
  .test_1 .work_text{flex-direction: column;}
  .test_1 .work-text-subtitle{text-align: left; align-items: flex-start;}

  .ghost_work-item{width: 100%; height: 300vh;}

  /*.test_1, .pin-spacer, .test3, .last, footer header, main, .intro2 .trend, .intro_span_div_1, .scroll_to{display: none!important;}*/
  .window_btn.mob{opacity: 1;}
}
.hero svg{opacity: 0; transition: ease 0.3s opacity;}
.hero svg.show{opacity: 1;}
/*.intro2{display: none!important;}*/

main{ padding-top:150svh; padding-bottom:20svh;}

.sec_new {
  position: relative;
  /*min-height: 260vh;*/
  margin-top: 100svh;
  padding: 20svh 4vw 100svh;
  overflow: hidden;
  background: #111118;
  color: #fff;
  font-family: 'Boska', serif;
}

.sec-new-wave {
  position: relative;
  display: flex;
  width: 100%;
  gap: 25vw;
}

.sec-new-wave__column {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  gap: 1.25rem;
  font-size: clamp(2rem, 10vw, 3rem);
  font-weight: 400;
  line-height: .7;
}

.sec-new-wave__column--left {
  align-items: flex-start;
}

.sec-new-wave__column--right {
  align-items: flex-end;
  text-align: right;
}

.sec-new-wave__text {
  font-size:42px;
  width: max-content;
  max-width: 68vw;
  color: #9065FF;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 300ms ease-out;
  will-change: transform;
}

.sec-new-wave__text.is-focused {
  z-index: 3;
  color: #fff;
}

.sec-new-wave__image-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: grid;
  width: unset;
  height: auto;
  transform: translateX(-50%);
  place-items: center;
  pointer-events: none;
  text-align: center;
}
.sec-new-wave__image-wrap h1{
  font-size:/*7.8846vw*/6.0vw; /* 123px */
  line-height:1;
  font-family:'Charka';
  font-weight:500;
  color:#fff;
  text-transform:uppercase;
}

.sec-new-wave__image-wrap span{
  font-size:1vw/*.2821*/; /* 20px */
  font-weight:700;
  color:#fff;
  text-transform:uppercase;
  line-height:1.5;
}

.sec-new-wave__image {
  margin:1.2821vw 0 1.9231vw; /* 20px 0 30px */
  width:auto;
  height:auto;
  width:14vw;
}

@media (max-width: 1024px) {
  .sec_new {
    min-height: 220vh;
    margin-top: 0;
    padding: 65vh 5vw;
  }

  .sec-new-wave {
    gap: 10vw;
  }

  .sec-new-wave__column {
    gap: 2.5rem;
    font-size: 5vw;
  }

  .sec-new-wave__image-wrap {
    width: 50vw;
  }
}
.outro .hover_outro{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:10;     width: calc(var(--outro-mask-radius) * 2); border-radius: 100%; aspect-ratio: 1 / 1; cursor:pointer;}

.cursor{position:fixed; top:0; left:0; width: 0px; height: 0px; pointer-events: none; z-index: 9999;}

.outro_cursor{font-size:24px; font-weight:bold; line-height:1.5; color:#fff;  padding:10px; background-color: rgb(255 255 255 / 10%); backdrop-filter: blur(20px);}
.official_cursor{font-size:12px; line-height:1.5;  font-weight:600; color:#00FEFE; padding:10px; background-color: rgb(255 255 255 / 10%); backdrop-filter: blur(20px); }


.hover_official .official_cursor, .hover_outro .outro_cursor{ opacity: 1;}
.official_cursor, .outro_cursor{position:absolute; left:0; top:0; white-space: nowrap; opacity: 0; pointer-events: none; transition: ease 0.3s all;}

@media (min-width: 1025px) {
  .work_text-title.mob{display: none;}
  .work_text-title.pc{display: block;}
}
@media (max-width: 1024px) {
  .test_1 .work_item-wrapper{padding: 2vw 20px;}
  header a img{height: 52px;}
  header a:last-child{display: none;}
  .water_txt{top:43%;}
  .water_txt span{font-size: 10px;}
  .water_txt h1{font-size:40px; margin-top: 12px;}
  .water_scroll{font-size: 11px; bottom: 4px;}
  .water_scroll.water_right{right:0;}
  .water_scroll.water_left{left:0;}
  .water_txt_div{font-size: 12px; gap: 20px;white-space: nowrap;}
  .water_txt_div .bar{height: 40px;}
  main{    padding-top: 100svh; padding-bottom: 20svh;}
  .grid-wrap{width: 300%;}
  .content__title--right{font-size: 14px; gap: 120px;}
  .work_text-title.mob{display: block;}
  .work_text-title.pc{display: none;}
  .test_1 .work_text-title .orange{font-size: 10px; padding: 0 0 12px;}
  .test_1 .work_text-title{font-size: 40px;}
  .test_1 .work_video-wrapper{padding-top: 40px;}
  .test_1 .work_video-wrapper{gap: 20px;}
  .test_1 .work-text-subtitle .boska{font-size: 12px;}
  .test_1 .work-text-subtitle{text-align: right; align-items: flex-end;}
  .test_1 ul.line{display: block; text-align: right;}
  .test_1 ul.line li{font-size: 12px; padding: 2px 8px; display: inline-flex; margin: 0 0 12px 12px;}
  .mb-16{margin-bottom: 32px;}

  .sec-new-wave__column{gap: 4px; font-size: 20px; opacity: 0.7; z-index: 1;}
  .sec-new-wave__text{font-size: 18px; line-height:1.5; letter-spacing: -1px;}
  .sec-new-wave__image-wrap{width: 100%; z-index: 3;}
  .sec-new-wave__image-wrap h1{font-size: 40px;}
  .sec-new-wave__image{margin: 20px 0; width: 45vw;}
  .sec-new-wave__image-wrap span{font-size: 12px;}
  .sec-new-wave__image-wrap{}
}