.header{width:100%;height:8vw;padding-top:20px;display:flex;justify-content:space-between;box-sizing:border-box;z-index:100}.header-absolute{position:absolute;padding-left:20px;padding-right:20px;width:100%;height:8vw;padding-top:20px;top:0;left:0}@media (max-width: 870px){.header{height:15vw}}body,html{margin:0;padding:0;height:100%;background-color:#efefef;box-sizing:border-box;overflow-x:hidden}h1.active{text-decoration:underline}.project-link{display:block;text-align:center}.texts{width:55%}.media-panel{width:43%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;position:sticky;top:20px;align-self:flex-start;height:fit-content}.video-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.project-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;transition:opacity .5s ease;pointer-events:none}.project-video.active{opacity:1;z-index:1;pointer-events:auto}.media-description{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px;width:100%;text-align:center}@media (max-width: 768px){.container{flex-direction:column}.texts,.media-panel{width:100%}.media-panel{margin-top:20px}}.loader{overflow-y:0;position:absolute;top:0;left:0;width:100%;height:100%;padding:10px;box-sizing:border-box;background-color:#efefef;display:flex;justify-content:center;text-align:center;align-items:center;color:#000;z-index:1000;transition:opacity 1s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut .5s ease-out forwards}.container-column{width:50%;display:flex;flex-direction:row}.container1{flex:1;padding-right:20px}.container2{flex:.5;padding-left:20px;display:flex;justify-content:center;align-items:center}canvas{width:100%;height:100%;max-height:100%}.title1,.text1{margin-bottom:15px}.half1{width:50%;box-sizing:border-box;object-fit:fill}.flexbox{display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box}.footer1{display:flex;flex-direction:column;width:100%;height:20vh}.infoContainer{pointer-events:none;position:absolute;padding-left:20px;padding-right:20px;box-sizing:border-box;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}@media (max-width: 870px){.container-column{width:100%;display:flex;flex-direction:column}}.title{margin-bottom:20px;text-transform:uppercase}.video-wrapper{position:relative;width:100%;height:100%;padding-bottom:49.5%;overflow:hidden}.description{margin-bottom:30px;text-transform:uppercase}.youtube-video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.project-title{margin-bottom:30px}.project-description{margin-bottom:10px}.project-medias{display:flex;padding:10px;width:100%;box-sizing:border-box;justify-content:space-between}.project-media{width:50%;object-fit:cover}.spacing{height:8vh;width:100%}.flipbook-wrapper{max-width:1000px;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;margin:0 auto}.container-flipbook{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.flipbook-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0 auto;padding:20px}.flipbook{width:100%;height:auto}.page{display:flex;justify-content:center;align-items:center;overflow:hidden}.page img{width:100%;height:100%;object-fit:cover}body{padding-left:20px;padding-right:20px;width:100%;box-sizing:border-box;background-color:#efefef;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{margin:0;padding:0;font-size:clamp(2.3rem,6vw + 1rem,8rem);font-family:Noto Sans JP,sans-serif;font-weight:500;letter-spacing:-.1rem;line-height:1.1;text-transform:uppercase}h2{margin:0;padding:0;font-size:clamp(.5rem,1vw + .8rem,1.4rem);line-height:clamp(.5rem,1.5vw + .8rem,1.6rem);letter-spacing:-.04rem;font-family:Noto Sans JP,sans-serif;font-weight:500;text-transform:uppercase}h3{margin:0;padding:0;font-size:clamp(.4rem,.8vw + .4rem,.8rem);font-family:Noto Sans JP,sans-serif;font-weight:500;text-transform:uppercase}a{text-decoration:underline;color:#000}.none{text-decoration:none}.paragraph{width:100%;display:flex;flex-direction:column}.interactive{cursor:pointer}.interactive:hover{text-decoration:underline}.maj{text-transform:uppercase}.container{display:flex;width:100%;margin:0;padding:0;box-sizing:border-box;justify-content:space-between}.row{flex-direction:row;justify-content:space-between;box-sizing:border-box}.right{justify-content:flex-end}.column{flex-direction:column}.grid{padding-top:5px;padding-bottom:5px}.half{width:50%;box-sizing:border-box;object-fit:fill}.right{padding-right:5px}.left{padding-left:5px}.margin{margin-bottom:5px}.footer{display:flex;width:100%;justify-content:space-between;align-items:center;height:5vh}@media (max-width: 870px){.container{flex-direction:column;justify-content:initial}.half{width:100%;padding-top:5px;padding-bottom:5px}.grid{padding-top:0;padding-bottom:0}.media{width:100%;position:static}.right{padding-right:0}.left{padding-left:0}}