html {
  font-size: 1vw;
}


body {
  font-size: 1vw;
}

.about-title {
  max-width: 100%;
  overflow: hidden; 
  box-sizing: border-box;
}

.about-title .line {
  display: block;
  word-wrap: break-word;
  box-sizing: border-box;
}


.menu_wrap .char,
.small-links-wrap_contacts .char,
.small-links-wrap_nav .char,
.small-links-wrap_social .char,
.menu-copyright .char,
.hero_time .char,
.hero_social .char,
.small-text-mob_social .char,
.hero_social-mob .char,
.top-button_text .char,
.footer-local-time .char,
.footer-time-text .char,
.footer_social .char,
.top-button .char {
  opacity: 0;
}


@media (min-width: 1201px) {
  .project-info_about_title .char,
  .project-info_about_text .char,
  .project-info_services .char,
  .project-info_site .char,
  .project-info_awards-title .char,
  .project-info_awards-list .char {
    opacity: 0;
  }


.portfolio-project-preview_video,
.small-preview_video {
  position: relative;
  width: 100%;   
  height: auto;  
  overflow: hidden;
}


.portfolio-project-preview_video video,
.small-preview_video video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-description_about_title,
.project-description_about_text {
  opacity: 0;
  pointer-events: none !important;
  transition: none;
}
.project-description_about_title .char,
.project-description_about_text .char {
  opacity: 0;
}

html.wf-design-mode [data-hide-in-designer] {
  display: none;
}


.years_wrapp .char{
  position: relative;
  display: inline-block;
  
  vertical-align: baseline;
  white-space: pre;
}
 .text-mask {
    mix-blend-mode: destination-out;
  }
  
  a[stagger-link] [stagger-link-text]{
   text-shadow: 0px 1.23em 0px var(--white);
   }
 
 a[big-stagger-link] [big-stagger-link-text]{
   text-shadow: 0px 1.23em 0px var(--white);
   }
   

}