.mainpage .bg-video{width:100%;height:100vh !important;position:relative;overflow:hidden;}
.mainpage .bg-video video,.mainpage .bg-video img{object-fit:cover;width:100%;height:100%;display:block;}
.mainpage .bg-video .text{position:absolute;left:24px;bottom:60px;display:flex;flex-direction:column;align-items:flex-start;gap:36px;align-self:stretch;mix-blend-mode:difference;}
.mainpage .bg-video .text h1{color:#FFF;font-family:"playfair-display";font-size:128px;font-style:normal;font-weight:400;line-height:140%;mix-blend-mode:difference;}
.mainpage .bg-video .text span{color:#FFF;font-family:Urbane;font-size:36px;font-style:normal;font-weight:300;line-height:140%;mix-blend-mode:difference;}

@media(max-width:768px){.mainpage .bg-video{height:813px;}
    .mainpage .bg-video .text{gap:24px;}
    .mainpage .bg-video .text h1{font-size:46px;}
    .mainpage .bg-video .text span{font-size:20px;}}
    .mainpage .bg-video2{position:relative;overflow:hidden;}
    .mainpage .bg-video2 video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;}

@media(max-width:768px){
    .mainpage .bg-video2{height:813px;}
}



/* scrollmagic-pin-spacer */
#circle_wrap{width:100%;}
.dot_circle{border:1px dashed #fff; /*background:#222;*/position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:285px;height:285px;border-radius:100%; /*line-height:200px;*/text-align:center;color:#fff;font-size:24px;}
.dot_circle span{opacity: 0;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #FFF;text-align: center;font-family: Urbane;font-size: 18px;font-style: normal;font-weight: 300;line-height: 28px; /* 155.556% */text-transform: uppercase;}


@media(max-width:768px) {
    .dot_circle{width:140px;height:140px;}
    .dot_circle span{color: #FFF;text-align: center;font-family: Urbane;font-size: 14px;font-style: normal;font-weight: 300;line-height: 140%; /* 19.6px */text-transform: uppercase;}
}

#circle1{z-index:109;}
#circle2{z-index:108;}
#circle3{z-index:107;}
#circle4{z-index:106;}
#circle5{z-index:105;}
#circle6{z-index:104;}




/* work */
.mainpage .work{}
.mainpage .work ul{}
.mainpage .work ul li{border-top: 1px solid var(--BG-111111, #111);
    background: var(--BG-F8F8F8, #F8F8F8);
    color: var(--BG-111111, #111);
    font-family: "playfair-display";
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%; /* 134.4px */
    text-align:center;
    padding:24px 0px;
}
.mainpage .work ul li img{width:220px;vertical-align:middle;width:0px;height:120px;}

@media(max-width:768px) {
    .mainpage .work ul li{
        font-size: 32px;
    }
    .mainpage .work ul li img{display:none;}
}