@import"http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:600}html{-webkit-font-smoothing:antialiased;font-size:62.5%}body::-webkit-scrollbar{display:none}.body{-ms-overflow-style:none;scrollbar-width:none;background-color:#000}#app{position:absolute}#main{position:relative}li{list-style:none}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:YesevaOne;src:url(/assets/fonts/YesevaOne-Regular-DAnDqHWE.ttf) format("truetype")}#footer{position:absolute;width:100vw;height:100vh;z-index:20}#footer #f-text{padding-top:40vh;display:table;margin-left:auto;margin-right:auto;text-align:center;font-size:3rem}#footer #f-row{position:absolute;bottom:0;display:flex;justify-content:space-between;align-items:end;padding-left:3rem;padding-right:3rem;padding-bottom:1.5rem;font-size:1.4rem;width:100%}#footer #f-contact{display:table}#footer #f-contact a{display:block;text-align:right;text-decoration:none;color:#000}#grid.on{position:fixed;top:0;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;z-index:1000}#grid.on .column{position:absolute;background-color:purple;top:0;bottom:0;opacity:.2}#grid{display:none}#loader{background-color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:transform 3s;z-index:1000;display:none}#nav{position:fixed;background-color:#fff;padding-top:10px;padding-left:20px;padding-right:20px;width:100%;z-index:50}#nav #n-list{display:flex;justify-content:space-between;font-size:1.4rem}#nav #n-list li{padding-top:12px;padding-bottom:12px}#nav #n-list li #n-btn-container a{text-decoration:none;color:#000}#nav #n-list li #n-text{height:25px}#nav #n-list li #n-text a{text-decoration:none;color:#000;transition:transform 1s}#nav #btn-close{text-decoration:none;color:#000}@media (min-width: 760px){#nav{background-color:transparent;margin-top:none;padding-left:40px;padding-right:40px}#nav #n-list{font-size:1.6rem}#nav #n-list li #n-btn-container{position:relative;height:25px;width:55px;overflow:hidden}#nav #n-list li #n-btn-container a{transition:transform 1s;position:absolute}#nav #n-list li #n-text{position:relative;height:28px;overflow:hidden;width:55px}#nav #n-list li #n-text #btn-close{position:absolute;text-decoration:none;color:#000}#nav #n-list li #n-text a{position:absolute}#nav #nav li{margin:12px}}#about{position:fixed;padding:10px;height:100vh;width:100vw;background-color:#fff;left:0;z-index:20}#a-info{position:relative;margin-top:15rem;margin-left:5rem;max-width:70%;font-size:3rem;color:#000}#c{position:relative;margin-top:5rem;margin-left:5rem;bottom:0;font-size:1.4rem}@media (min-width: 760px){#a-info{margin-top:25vh;margin-left:5rem;max-width:70%;font-size:4rem}}#work{position:relative;height:auto;margin-top:7rem;margin-right:10px;margin-left:10px}#work .h-w-title{position:relative;top:3rem;left:1.5rem;font-size:3rem;font-family:YesevaOne}#work .h-w-infos{position:relative;display:table;margin-top:6rem;margin-left:2rem;width:300px;font-size:1.2rem;z-index:10}#work .h-w-infos .h-w-i-item{position:relative;line-height:2.5rem}#work .h-w-infos .h-w-i-item div{display:flex;justify-content:space-between}#work .w-img{position:relative;border:1px solid black;padding:5px;margin-top:2rem;width:100%}#work .w-img img{width:100%}@media (min-width: 760px){#work{padding-bottom:5rem}#work .h-w-title{position:fixed;margin-top:6rem;margin-left:2rem;font-size:5rem}#work .w-img{border:1px solid black;padding:5px;position:relative;width:calc(.5*(100vw - 260px) + 100px);height:auto;aspect-ratio:16/9;top:7rem;left:calc(5 * (100vw - 260px) / 12 + 120px);overflow:hidden;margin-bottom:5rem}#work .w-img img{position:absolute;height:calc(100% - 10px);width:calc(100% - 10px);object-fit:cover;z-index:1}#work .h-w-infos{position:fixed;display:table;bottom:8rem;left:20px;max-width:500px;width:calc(4 * (100vw - 260px) / 12 + 60px);font-size:1.4rem;z-index:10}#work .h-w-infos .h-w-i-item{position:relative;line-height:3.5rem}#work .h-w-infos .h-w-i-item div{display:flex;justify-content:space-between}#work .h-w-infos .h-w-i-item .line{height:1px;position:absolute;background-color:#000;width:100%;bottom:0}}#home{position:relative;width:100vw;margin-top:16rem}#home #h-header{position:relative;margin-left:10px;margin-right:10px;min-height:calc(100vh - 10rem)}#home #h-title{position:relative;font-family:YesevaOne;font-size:5rem}#home #h-img{position:relative}#home #h-img img{position:relative;width:100%;object-fit:cover;max-height:100%}#home #h-h-row-up,#home #h-scroll{display:none}#home #h-work{position:relative;margin-top:5rem;margin-left:10px;margin-right:10px;background-color:#fff}#home #h-work .h-w-list{position:relative}#home #h-work .h-w-list .h-w-link{text-decoration:none}#home #h-work .h-w-list .h-w-title{margin-top:10rem;font-family:YesevaOne;font-size:5rem;color:#000}#home #h-work .h-w-list .h-num-2{display:none}#home #h-work .h-w-list .h-w-img{position:relative}#home #h-work .h-w-list .h-w-img img{position:relative;width:100%;object-fit:cover;max-height:100%}#home #h-work .h-w-list .h-w-infos{display:none}@media (min-width: 760px){#home{width:100vw;top:0;margin-top:7rem}#home #h-header{margin-left:calc((100vw - 260px) / 12 + 40px);margin-right:calc((100vw - 260px) / 12 + 40px);height:calc(100vh - 10rem)}#home #h-header #h-title{position:absolute;top:0;z-index:10;overflow:hidden}#home #h-header #h-title h2{font-size:10rem;transition:all 1s}#home #h-header #h-img{position:absolute;top:calc(10vh - 5rem);left:calc(.25*(100vw - 260px) + 60px);width:calc(.25*(100vw - 260px) + 40px);height:80vh;overflow:hidden}#home #h-header #h-img img{transition:all 1s;height:80vh}#home #h-header #h-h-row-up{display:block}#home #h-header #h-h-row-up .h-num{position:absolute;width:130px;height:110px;top:4rem;right:calc(1 * (100vw - 260px) / 12 + 20px);color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;font-size:12rem;line-height:7rem;overflow:hidden;transition:color .4s;z-index:10}#home #h-header #h-h-row-up .h-num:hover{color:#000}#home #h-header #h-h-row-up .h-num div{position:absolute;transition:transform 1s}#home #h-header #h-h-row-down{position:absolute;bottom:0;width:100%}#home #h-header #h-h-row-down #h-scroll{width:60px;height:30px;display:block;position:absolute;right:calc(1 * (100vw - 260px) / 12 + 40px);bottom:4rem;font-size:2.2rem;transform:rotate(90deg);overflow:hidden}#home #h-header #h-h-row-down #h-scroll div{position:absolute;transition:transform 1s}#home #h-work{margin-top:20rem}#home #h-work .h-w-list{height:100vh}#home #h-work .h-w-list .h-w-title{position:absolute;margin-top:0;top:6rem;left:calc((100vw - 260px) / 12 + 40px);z-index:10}#home #h-work .h-w-list .h-w-title h2{font-size:9rem}#home #h-work .h-w-list .h-num-2{display:block;position:absolute;width:130px;height:110px;top:8rem;right:calc(2 * (100vw - 260px) / 12 + 60px - 10px);color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;font-size:12rem;line-height:7rem;overflow:hidden;transition:color .4s;z-index:10}#home #h-work .h-w-list .h-num-2:hover{color:#000}#home #h-work .h-w-list .h-num-2 div{position:absolute;transition:transform 1s}#home #h-work .h-w-list .h-w-img{position:absolute;top:10vh;left:calc(4 * (100vw - 260px) / 12 + 100px);width:calc(.25*(100vw - 260px) + 40px);height:80vh;overflow:hidden}#home #h-work .h-w-list .h-w-img img{transition:transform 1s;position:relative;height:100%;object-fit:cover}#home #h-work .h-w-list .h-w-infos{position:absolute;display:table;right:calc(2 * (100vw - 260px) / 12 + 60px);bottom:8rem;width:calc(2 * (100vw - 260px) / 12 + 20px);font-size:1.2rem;z-index:10}#home #h-work .h-w-list .h-w-infos .h-w-i-item{position:relative;margin-top:0rem;line-height:2rem}#home #h-work .h-w-list .h-w-infos .h-w-i-item div{display:flex;justify-content:space-between}}