.hes{
  height: 80vh;
  position: relative;
}
.hero-text-section {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.text-container.secondpage {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.text-container{
  pointer-events: none;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 101;
  display: block;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 1500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 1500ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.title_wrapper.second-pahe {
  width: 70%;
  margin-top: 8%;
  padding-left: 15%;
}
.title_wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.w-clearfix::after {
  clear: both;
}
.w-clearfix::before, .w-clearfix::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.title_line{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 5vw;
  float: left;
}
.line_angled_1.wider {
  width: 100vw;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(25.6%, -535.5%);
  transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(25.6%, -535.5%);
}
.line_angled_1{
  position: relative;
  overflow: hidden;
  width: 60vw;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) translate(-3vw, -12vw) skew(41.7deg, 0deg);
  transform: perspective(718px) skew(0deg, -30deg) translate(-3vw, -12vw) skew(41.7deg, 0deg);
}
.perspective_text_down_100{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 5vw;
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}
.perspective_text_down_200{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 5vw;
  -webkit-transform: translate(0px, 200%);
  -ms-transform: translate(0px, 200%);
  transform: translate(0px, 200%);
}
.perspective_text.outline, .perspective_text_title-2.outline, .perspective_text_FROM_A---EXIT.outline {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}

.perspective_text, .perspective_text_title-2, .big_text_outline, .perspective_text_FROM_A---EXIT {
  color: #ffffff;
  -webkit-text-fill-color: rgba(0,0,0,0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
}
.perspective_text_title-2 {
  position: static;
  left: 0px;
  top: 0px;
  display: inline-block;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: translate(0px, 13%);
  -ms-transform: translate(0px, 13%);
  transform: translate(0px, 13%);
  font-family: Circe, sans-serif;
  color: #fff;
  font-size: 4.8vw;
  line-height: 4vw;
  font-weight: 800;
  text-transform: uppercase;
  will-change: transform;
 
  transform-style: preserve-3d;
}
.line_angled_1.wider{
  width: 100vw;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(25.6%, -535.5%);
  transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(25.6%, -535.5%);
}

.line_angled_1{
  position: relative;
  overflow: hidden;
  width: 60vw;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) translate(-3vw, -12vw) skew(41.7deg, 0deg);
  transform: perspective(718px) skew(0deg, -30deg) translate(-3vw, -12vw) skew(41.7deg, 0deg);
}
.line_angled_2.wider{
  width: 100vw;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(30.1%, -537%);
  transform: perspective(718px) skew(0deg, -30deg) skew(41.7deg, 0deg) translate(30.1%, -537%);
}
.line_angled_2{
  position: relative;
  overflow: hidden;
  width: 60vw;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: perspective(718px) skew(0deg, -30deg) translate(2.45%, -240.5%) skew(41.7deg, 0deg);
  transform: perspective(718px) skew(0deg, -30deg) translate(2.45%, -240.5%) skew(41.7deg, 0deg);
}
.line_straight2-title.wider{
  width: 100vw;
  -webkit-transform: perspective(1283px) skew(0deg, -30deg) translate(8.5%, 42%);
  transform: perspective(1283px) skew(0deg, -30deg) translate(8.5%, 42%);
}
.line_straight2-title {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: perspective(1283px) skew(0deg, -18deg) translate(10vw, -0.5px);
  transform: perspective(1283px) skew(0deg, -18deg) translate(10vw, -0.5px);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.line_straight1.wider {
  width: 100vw;
  -webkit-transform: perspective(1283px) skew(0deg, -30deg) translate(4%, 42%);
  transform: perspective(1283px) skew(0deg, -30deg) translate(4%, 42%);
}
.line_straight1 {
  position: relative;
  overflow: hidden;
  width: 60vw;
  height: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: perspective(1283px) skew(0deg, -30deg) translate(-0.75vw, 107%);
  transform: perspective(1283px) skew(0deg, -30deg) translate(-0.75vw, 107%);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.about_info{
  margin-bottom: 5%;
}
.about_info_left{
  position: relative;
}
.about_info_left img{
  position: absolute;
  width: 70%;
  top: 0;
  left: -12%;
}
.about_info_right{
  padding-top: 15%;
}
.about_info_right h1{
  font-size: 0.7vw;
  line-height: 1.2vw;
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
  font-family: Montserrat-Medium;
  padding-right: 10%;
  padding-bottom: 1.5vw;
}
.wwd h2{
  color: #FFFFFF;
  font-size: 0.9vw;
  padding-bottom: 0.8vw;
  font-weight: 200;
}
.wwd h3{
  color: #FFFFFF;
  font-size: 0.8vw;
  line-height: 1.5vw;
  font-weight: 200;
}
.loc_tit,.member_tit{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.2vw;
}
.loc_tit h2,.member_tit h2{
  font-size: 1vw;
  font-family: Montserrat-Medium;
  color: #fff;
  line-height: 2vw;
  font-weight: 100;
  padding-right: 0.5vw;
}
.location_info{
  display: flex;
  margin-top: 1.5vw;
}
.shen{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.shen:first-child{
  margin-right: 2.5vw;
}
.shen h1{
  font-size: 0.7vw;
  font-family: inter;
  line-height: 2vw;
}
.shen_img{
  position: relative;
  height: 5vw;
  width: 5vw;
}
.shen_img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease;
  width: 100%;
}
.meiv_img_one {
  opacity: 1;
}
.meiv_img_two {
  opacity: 0;
}
.shen:hover .meiv_img_one{
  opacity: 0;
}
.shen:hover .meiv_img_two{
  opacity: 1;
}
.shen:hover h1{
  font-weight: 800;
}
.member h2{
  color: #FFFFFF;
  font-size: 0.8vw;
}
.div-block{
  position: relative;
  overflow: hidden;
  width: 96%;
  margin: 5% auto;
}
.collection-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.collection-item {
  width: 50%;
  margin-bottom: 50px;
  padding-right: 25px;
  padding-left: 25px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}
.link-block img{
  
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;

}
.w-inline-block {
  max-width: 100%;
  display: inline-block;
  will-change: transform;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0.002deg) rotateY(-0.002deg) rotateZ(-0.001deg) skew(0deg);
  transform-style: preserve-3d;
}
.thumbnail {
  -webkit-filter: saturate(70%);
  filter: saturate(70%);
  opacity: 1;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
}
.image-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
}
.project-text {
  color: #ffffff;
  -webkit-text-fill-color: rgba(0,0,0,0);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  position: absolute;
  margin-top: 10px;
  padding: 1vw;
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 143px);
  transform: translate3d(0px, 0px, 143px);
  font-family: Circe, sans-serif;
  color: #fff;
  font-size: 2vw;
  line-height: 4vw;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  top: 38%;
  left: 12%;
}