@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{padding:30px 50px}nav img{filter:invert(0);width:140px}nav ul li a{font-size:22px;font-weight:600;margin:0;opacity:1;padding:20px 40px;transition:all .1s ease}nav ul li:last-child{margin-right:-40px}nav img{cursor:pointer;opacity:1;transition:all .1s ease}nav img:hover,nav ul li a:hover{opacity:.7;transition:all .1s ease}nav>ul{align-items:center;display:flex;justify-content:space-between;margin:0;padding:0}nav>ul .logo{flex:3 1}nav ul{list-style:none}nav ul li a{color:#fff;text-decoration:none}nav ul li a:hover{color:#ccc}.white-background img{filter:invert()}.white-background{background:#fff;color:#000;margin-bottom:50px;padding:0}.white-background a{color:#000}.right-nav ul{margin:0}.right-nav{display:block;left:0;right:0;width:100%}@media screen and (max-width:1200px){.white-background{background:#fff;color:#000;margin-bottom:0;padding:30px 50px}}@media screen and (max-width:640px){nav ul li a{font-size:17px;padding:12px 0 12px 20px}nav ul li:last-child{margin-right:0}nav .logo img{max-width:100px}}body,html{font-family:Poppins,sans-serif}.left{flex:1 1}.left img,.player-wrapper{margin-bottom:60px;max-width:100%}.left>img:first-child{margin-top:60px}.right{padding:100px 120px}h2{margin-bottom:60px}.player-wrapper{padding-top:42.5531%}.slide-in{transform-origin:bottom}.slide-in,.slide-out{background:green;height:100vh;left:0;position:fixed;top:0;width:100%}.slide-out{transform-origin:top}button{background-color:initial;border:solid #000;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;margin:20px 2px 0;padding:12px 24px;text-align:center;text-decoration:none;transition-duration:.4s}body{background-color:#000}.thumbnail-container{aspect-ratio:16/9;display:inline-block;margin-bottom:-5px;overflow:hidden;position:relative;width:50%}.thumbnail-image{width:100%}.thumbnail-overlay{align-items:center;background-color:#000000b3;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:10px;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:10}.thumbnail-overlay h2{font-size:28px;margin-bottom:10px}.thumbnail-overlay h2,.thumbnail-overlay p{opacity:0;transform:translateY(15px);transition:all .4s ease}.thumbnail-overlay:hover h2,.thumbnail-overlay:hover p{opacity:1;transform:translate(0);transition:all .4s ease}.thumbnail-container:hover+.thumbnail-overlay,.thumbnail-overlay:hover{opacity:1}.thumbnail-image{transform:scale(1);transition:all .8s ease}.thumbnail-overlay:hover+.thumbnail-image{transform:scale(1.1);transition:all .8s ease}@media only screen and (max-width:800px){.thumbnail-container{width:100%}}:root{--ratio:40%}body,html{font-family:Poppins,Arial,sans-serif;height:100%;margin:0;padding:0}.container{color:#fff;height:100%;transition:all .5s ease}.container,.left{background-color:#000;display:flex}.left{flex-direction:column;height:100vh;width:60vw}.left,.left_home{margin-right:40%;overflow-y:auto}.left_home{flex:1 1;flex-direction:column}.image-container{align-items:center;display:flex;flex:1 1;justify-content:center}.player-wrapper{margin-bottom:60px;max-width:100%;overflow-y:hidden;padding:0;position:relative}.player-wrapper iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.left>.player-wrapper{flex:none}.aspect-16-9,.aspect-16-9 iframe{aspect-ratio:16/9}.aspect-1-1,.aspect-1-1 iframe{aspect-ratio:1/1;max-height:100vh;width:100%}.aspect-21-9,.aspect-21-9 iframe{aspect-ratio:1/1;width:100%}@media screen and (min-width:1201px){.aspect-1-1{margin-inline:auto;width:min(100%,100vh - 120px)}.aspect-1-1,.aspect-1-1 iframe{max-height:none}}.right{align-items:center;background-color:#fff;bottom:0;box-sizing:border-box;color:#000;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;overflow:auto;padding:100px 120px 0;position:fixed;right:0;top:0;width:40%;width:var(--ratio);z-index:1}.project-page__right{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.right a{color:#000}.header{align-items:start;display:flex;justify-content:space-between;margin-bottom:20px}.logo img{flex:5 1;margin-top:6px;max-width:120px}.content{text-align:left;width:100%}h1,h2,p{margin:0}h1{font-size:42px}h2{font-size:24px;margin-bottom:20px}h3{margin-block-end:0}p{font-size:18px}.full-height{display:inline;height:100vh}.fullheight{height:100vh}.fullheight .player-wrapper:first-child,.fullheight>img{margin-top:50vh;transform:translateY(-50%)}#arrow-down{bottom:20px;cursor:pointer;filter:drop-shadow(0 0 20px #000);height:50px;left:20px;margin:0;opacity:1;padding:20px;position:fixed;transition:all .5s ease-in-out;z-index:10}.hide-arrow{opacity:0!important;pointer-events:none}#back-arrow{cursor:pointer;filter:drop-shadow(0 0 20px #000);left:20px;padding:20px;position:fixed;top:20px;width:20px;z-index:100}.first-content img{margin-bottom:60px;margin-top:60px}@media screen and (max-width:1800px){.right{padding:50px 60px}}@media screen and (max-width:1200px){.first-content .player-wrapper:not(.fullheight .player-wrapper),.first-content img:not(.fullheight img){margin-top:0}.first-content img{margin-bottom:0}.container{flex-direction:column;overscroll-behavior:contain}.left,.right{flex:none;margin-right:0;width:100%}.right{height:auto;position:relative}.project-page__right--mobile-tight{padding-top:0}.project-page__right{overflow:visible}.left img,.player-wrapper{margin-bottom:0;margin-top:0;transform:none}#arrow-down{display:none;left:50%;transform:translateX(-50%);transition:all 2s}.full-height{height:auto;overflow:hidden}.left .player-wrapper:first-child{margin-top:0;transform:none}.player-wrapper{padding:0}.container,.left,.right{height:auto;overflow:visible}.left img{margin-bottom:60px}.first-content img{margin-bottom:0!important}}@media (hover:none) and (pointer:coarse){#arrow-down{display:none}}@media screen and (min-width:1201px){.right-nav.white-background{align-self:stretch;margin-right:-70px;position:relative;top:-70px;width:auto}}@media screen and (min-width:1201px) and (max-width:1800px){.right-nav.white-background{margin-right:-10px;top:-20px}}.about-page{--ink:#0b0b0b;--rule:#e7e7ea;height:100%}.about-intro{align-items:center;box-sizing:border-box;color:#fff;display:flex;justify-content:center;width:100%}@media screen and (min-width:1201px){.about-intro{min-height:100vh;padding:72px 40px;width:50vw}}.about-intro__inner{width:min(100%,440px)}.about-portrait{aspect-ratio:1/1;border-radius:16px;overflow:hidden;position:relative;width:100%}.about-page .about-intro__inner .about-portrait img{display:block;height:100%;margin:0!important;max-width:none;object-fit:cover;object-position:center 16%;position:relative;width:100%}.about-page .about-intro__inner h3{margin-block-start:40px}.about-page .about-intro__inner p{color:#ffffffe6;margin-top:10px}@keyframes about-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.about-page .white-background{margin-bottom:0}.about-detail{padding-bottom:60px;padding-top:12px;width:100%}.about-page .about-detail a{color:#000}@media screen and (max-width:1200px){.about-intro{padding:56px 60px 64px}.about-intro__inner{width:100%}.about-detail{padding-bottom:0}}@media screen and (min-width:701px) and (max-width:1200px){.about-intro__inner{align-items:center;display:flex;gap:48px}.about-portrait{flex:0 0 40%}.about-intro__text{flex:1 1 auto;min-width:0}.about-page .about-intro__inner .about-intro__text h3{margin-block-start:0}}@media screen and (max-width:700px){.about-portrait{margin-inline:auto;max-width:380px}}@media screen and (max-width:640px){.about-intro,.about-page .right{padding-left:32px;padding-right:32px}}.labeled-image-container{position:relative;transition:opacity .35s cubic-bezier(.4,0,.2,1)}.labeled-image-container img{display:block;transition:opacity .35s cubic-bezier(.4,0,.2,1);will-change:opacity}.labeled-image-container p{color:#fff;height:0;opacity:.5;padding:0!important;text-align:right;transform:translate(-10px,-100px);transition:opacity .35s cubic-bezier(.4,0,.2,1)}.labeled-image-container.is-dimmed img{opacity:.5}.labeled-image-container.is-active img,.labeled-image-container.is-active p{opacity:1}@media screen and (max-width:1200px){.labeled-image-container img{opacity:1!important;transition:none}}@media (prefers-reduced-motion:reduce){.labeled-image-container,.labeled-image-container img,.labeled-image-container p{transition:none}}@media screen and (max-width:1200px){.first-content .labeled-image-container p{transform:translate(-10px,-40px)}.first-content .labeled-image-container img{margin:0}}.credits-text{margin-top:20px;max-height:0;opacity:0;overflow:hidden;transition:all .5s ease}.credits-text.visible{max-height:1000px;opacity:1}.plusminus{height:25px;margin-left:10px;position:relative;width:25px;&.active{&:before{opacity:0;transform:translatey(-50%) rotate(-90deg)}&:after{transform:translatey(-50%) rotate(0)}}&:after,&:before{background-color:#333;content:"";display:block;height:3px;left:0;position:absolute;top:50%;transition:.35s;width:100%}&:before{transform:translatey(-50%)}&:after{transform:translatey(-50%) rotate(90deg)}}.models-text-slot{min-height:clamp(220px,34vh,380px);position:relative;width:100%}.models-text-slot .models-section{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s cubic-bezier(.4,0,.2,1)}.models-text-slot .models-section.is-active{opacity:1;pointer-events:auto}@media screen and (max-width:1200px){.models-text-slot{min-height:0;position:static}.models-text-slot .models-section{inset:auto;opacity:1;pointer-events:auto;position:static;transition:none}}@media (prefers-reduced-motion:reduce){.models-text-slot .models-section{transition:none}}
/*# sourceMappingURL=main.0edc1fe1.css.map*/