@font-face{font-family:AkkuratMonoLL;font-weight:400;font-display:swap;src:url(../assets/fonts/AkkuratMonoLL-Regular.woff2) format("woff2"),url(../assets/fonts/AkkuratMonoLL-Regular.woff) format("woff")}@font-face{font-family:SpoqaHanSansNeo;font-weight:400;font-display:swap;src:url(../assets/fonts/SpoqaHanSansNeo-Regular-AO.woff2) format("woff2"),url(../assets/fonts/SpoqaHanSansNeo-Regular-AO.woff) format("woff")}article,aside,audio,canvas,caption,details,div,figure,footer,header,hgroup,iframe,img,mark,menu,nav,object,section,span,summary,table,tbody,td,tfoot,thead,tr,video{border:0;margin:0;padding:0}a,abbr,address,b,blockquote,cite,code,dd,del,dfn,dl,dt,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,ins,label,legend,li,ol,p,pre,q,samp,small,strong,sub,sup,ul{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,audio,canvas,figcaption,figure,figure img,footer,header,hgroup,nav,section,video{display:block}table{border-collapse:separate;border-spacing:0}table caption,table td,table th{text-align:left;vertical-align:middle}a img{border:0}:focus{outline:0}.container{width:auto;max-width:1280px;margin-left:auto;margin-right:auto;--grid-padding:20px;padding-left:var(--grid-padding);padding-right:var(--grid-padding);box-sizing:border-box}.container.full{max-width:100%;margin-left:64px;margin-right:64px}@media only screen and (max-width:1024px){.container{--grid-padding:16px}}body.show-grid .container:before{content:"";position:absolute;left:var(--grid-padding);top:0;width:1px;height:100%;z-index:1000;pointer-events:none;mix-blend-mode:multiply;background:#f0f}body.show-grid .container:after{content:"";position:absolute;right:var(--grid-padding);top:0;width:1px;height:100%;z-index:1000;pointer-events:none;mix-blend-mode:multiply;background:#f0f}.row{display:flex;gap:5px}.row.wrap{flex-wrap:wrap}@media only screen and (max-width:1330px){.row{flex-wrap:wrap}}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;width:100%}.col:not(.not-fill):last-child{flex:1;max-width:none}@media only screen and (max-width:1024px){.col:not(.not-fill):last-child.col-mobile-12{flex:0 0 100%}}body.show-grid .col{position:relative}body.show-grid .col:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000;pointer-events:none;mix-blend-mode:multiply;background:#bfffff}.offset-12{margin-left:calc((12 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-12{margin-left:calc((12 / 12) * 100%)}}.offset-11{margin-left:calc((11 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-11{margin-left:calc((11 / 12) * 100%)}}.offset-10{margin-left:calc((10 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-10{margin-left:calc((10 / 12) * 100%)}}.offset-9{margin-left:calc((9 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-9{margin-left:calc((9 / 12) * 100%)}}.offset-8{margin-left:calc((8 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-8{margin-left:calc((8 / 12) * 100%)}}.offset-7{margin-left:calc((7 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-7{margin-left:calc((7 / 12) * 100%)}}.offset-6{margin-left:calc((6 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-6{margin-left:calc((6 / 12) * 100%)}}.offset-5{margin-left:calc((5 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-5{margin-left:calc((5 / 12) * 100%)}}.offset-4{margin-left:calc((4 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-4{margin-left:calc((4 / 12) * 100%)}}.offset-3{margin-left:calc((3 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-3{margin-left:calc((3 / 12) * 100%)}}.offset-2{margin-left:calc((2 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-2{margin-left:calc((2 / 12) * 100%)}}.offset-1{margin-left:calc((1 / 12) * 100%)}@media only screen and (max-width:1024px){.offset-mobile-1{margin-left:calc((1 / 12) * 100%)}}.order-12{order:12}@media only screen and (max-width:1024px){.order-mobile-12{order:12}}.order-11{order:11}@media only screen and (max-width:1024px){.order-mobile-11{order:11}}.order-10{order:10}@media only screen and (max-width:1024px){.order-mobile-10{order:10}}.order-9{order:9}@media only screen and (max-width:1024px){.order-mobile-9{order:9}}.order-8{order:8}@media only screen and (max-width:1024px){.order-mobile-8{order:8}}.order-7{order:7}@media only screen and (max-width:1024px){.order-mobile-7{order:7}}.order-6{order:6}@media only screen and (max-width:1024px){.order-mobile-6{order:6}}.order-5{order:5}@media only screen and (max-width:1024px){.order-mobile-5{order:5}}.order-4{order:4}@media only screen and (max-width:1024px){.order-mobile-4{order:4}}.order-3{order:3}@media only screen and (max-width:1024px){.order-mobile-3{order:3}}.order-2{order:2}@media only screen and (max-width:1024px){.order-mobile-2{order:2}}.order-1{order:1}@media only screen and (max-width:1024px){.order-mobile-1{order:1}}.col-12{flex:0 0 calc((12 / 12) * 100% - 5px);max-width:calc((12 / 12) * 100% - 5px)}.col-11{flex:0 0 calc((11 / 12) * 100% - 5px);max-width:calc((11 / 12) * 100% - 5px)}.col-10{flex:0 0 calc((10 / 12) * 100% - 5px);max-width:calc((10 / 12) * 100% - 5px)}.col-9{flex:0 0 calc((9 / 12) * 100% - 5px);max-width:calc((9 / 12) * 100% - 5px)}.col-8{flex:0 0 calc((8 / 12) * 100% - 5px);max-width:calc((8 / 12) * 100% - 5px)}.col-7{flex:0 0 calc((7 / 12) * 100% - 5px);max-width:calc((7 / 12) * 100% - 5px)}.col-6{flex:0 0 calc((6 / 12) * 100% - 5px);max-width:calc((6 / 12) * 100% - 5px)}.col-5{flex:0 0 calc((5 / 12) * 100% - 5px);max-width:calc((5 / 12) * 100% - 5px)}.col-4{flex:0 0 calc((4 / 12) * 100% - 5px);max-width:calc((4 / 12) * 100% - 5px)}.col-3{flex:0 0 calc((3 / 12) * 100% - 5px);max-width:calc((3 / 12) * 100% - 5px)}.col-2{flex:0 0 calc((2 / 12) * 100% - 5px);max-width:calc((2 / 12) * 100% - 5px)}.col-1{flex:0 0 calc((1 / 12) * 100% - 5px);max-width:calc((1 / 12) * 100% - 5px)}@media only screen and (max-width:1330px){.col-tablet-hidden{display:none}}@media only screen and (max-width:1024px){.col-mobile-hidden{display:none}}@media only screen and (max-width:1330px){.col-tablet-12{flex:0 0 100%;max-width:100%}}@media only screen and (max-width:1330px){.col-tablet-12{flex:0 0 calc((12 / 12) * 100% - 5px);max-width:calc((12 / 12) * 100% - 5px)}}@media only screen and (max-width:1330px){.col-tablet-11{flex:0 0 calc((11 / 12) * 100% - 5px);max-width:calc((11 / 12) * 100% - 5px)}}@media only screen and (max-width:1330px){.col-tablet-10{flex:0 0 calc((10 / 12) * 100% - 5px);max-width:calc((10 / 12) * 100% - 5px)}}@media only screen and (max-width:1330px){.col-tablet-9{flex:0 0 calc((9 / 12) * 100% - 5px);max-width:calc((9 / 12) * 100% - 5px)}}@media only screen and (max-width:1330px){.col-tablet-8{flex:0 0 calc((8 / 12) * 100% - 5px);max-width:calc((8 / 12) * 100% - 5px)}}@media only screen and (max-width:1330px){.col-tablet-7{flex:0 0 calc((7 / 12) * 100% - 5px);max-width:calc((7 / 12) * 100% - 5px)}}@media only screen and (max-width:1330px){.col-tablet-6{flex:0 0 calc((6 / 12) * 100% - 5px);max-width:calc((6 / 12) * 100% - 5px)}}@media only screen and (max-width:1330px){.col-tablet-5{flex:0 0 calc((5 / 12) * 100% - 5px);max-width:calc((5 / 12) * 100% - 5px)}}@media only screen and (max-width:1330px){.col-tablet-4{flex:0 0 calc((4 / 12) * 100% - 5px);max-width:calc((4 / 12) * 100% - 5px)}}@media only screen and (max-width:1330px){.col-tablet-3{flex:0 0 calc((3 / 12) * 100% - 5px);max-width:calc((3 / 12) * 100% - 5px)}}@media only screen and (max-width:1330px){.col-tablet-2{flex:0 0 calc((2 / 12) * 100% - 5px);max-width:calc((2 / 12) * 100% - 5px)}}@media only screen and (max-width:1330px){.col-tablet-1{flex:0 0 calc((1 / 12) * 100% - 5px);max-width:calc((1 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-12{flex:0 0 100%;max-width:100%}}@media only screen and (max-width:1024px){.col-mobile-12{flex:0 0 calc((12 / 12) * 100% - 5px);max-width:calc((12 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-11{flex:0 0 calc((11 / 12) * 100% - 5px);max-width:calc((11 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-10{flex:0 0 calc((10 / 12) * 100% - 5px);max-width:calc((10 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-9{flex:0 0 calc((9 / 12) * 100% - 5px);max-width:calc((9 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-8{flex:0 0 calc((8 / 12) * 100% - 5px);max-width:calc((8 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-7{flex:0 0 calc((7 / 12) * 100% - 5px);max-width:calc((7 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-6{flex:0 0 calc((6 / 12) * 100% - 5px);max-width:calc((6 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-5{flex:0 0 calc((5 / 12) * 100% - 5px);max-width:calc((5 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-4{flex:0 0 calc((4 / 12) * 100% - 5px);max-width:calc((4 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-3{flex:0 0 calc((3 / 12) * 100% - 5px);max-width:calc((3 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-2{flex:0 0 calc((2 / 12) * 100% - 5px);max-width:calc((2 / 12) * 100% - 5px)}}@media only screen and (max-width:1024px){.col-mobile-1{flex:0 0 calc((1 / 12) * 100% - 5px);max-width:calc((1 / 12) * 100% - 5px)}}:root{--vh:100vh;--transition:0.3s;--transition-slow:0.6s;--padding:32px;--header:12.5vw;--mobile-header:88px;--global-main-text-color:#000;--global-link-hover-text-color:#000}@media only screen and (max-width:1600px){:root{--header:200px}}@media only screen and (max-width:1024px){:root{--header:100%}}@media only screen and (min-width:1024px){body,html{scrollbar-width:none;-ms-overflow-style:none}}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body{padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:AkkuratMonoLL,SpoqaHanSansNeo,"Noto Sans KR",sans-serif;font-size:16px;font-weight:400;line-height:150%;color:var(--global-main-text-color);background-color:var(--global-background-color)}body a{text-decoration:none;color:var(--global-main-text-color)}@media (hover:hover){body a:hover{color:var(--global-link-hover-text-color)}}body select{color:var(--global-main-text-color);font-family:AkkuratMonoLL,SpoqaHanSansNeo,"Noto Sans KR",sans-serif}body .view-mobile{display:none}@media only screen and (max-width:1024px){body .view-mobile{display:block}}@media only screen and (max-width:1024px){body .view-desktop{display:none}}body .extra-bold{font-weight:800}#wrap{display:flex;min-height:var(--vh)}@media only screen and (max-width:1024px){#wrap{min-height:0}}body.home #wrap{display:block}#wrap header{width:var(--header);min-width:var(--header);box-sizing:border-box;transition:transform var(--transition-slow)}body:not(.home) #wrap header{padding-right:var(--padding);border-right:1px solid #000}@media only screen and (max-width:1024px){body:not(.home) #wrap header{padding-right:0;border-right:0;border-bottom:1px solid #000;background-color:var(--global-background-color)}}body.home #wrap header{position:fixed;top:0;left:0;z-index:2000}@media only screen and (max-width:1024px){body.single-project #wrap header{display:none}}@media only screen and (max-width:1024px){body.up-scroll:not(.home) #wrap header{transform:translateY(-100%)}}@media only screen and (max-width:1024px){#wrap header{position:fixed;top:0;left:0;width:100%;z-index:2000}body.page-id-57 #wrap header{border-bottom:0}}#wrap header ul{list-style:none;display:flex;flex-direction:column;gap:24px;position:fixed;top:0;width:var(--header);min-width:var(--header);padding-left:var(--padding);padding-top:var(--padding);box-sizing:border-box}@media only screen and (max-width:1024px){#wrap header ul{position:relative;top:auto;left:auto;width:100%;min-width:100%;padding:32px;flex-direction:row}}#wrap header ul li.active a{display:block;color:var(--global-link-hover-text-color)}@media only screen and (max-width:1024px){#wrap header ul li.menu-project{position:relative;margin-left:auto}#wrap header ul li.menu-project:after{position:absolute;display:inline-block;content:"·";right:-16px;top:0}}#wrap header .project-header{display:none;position:relative;top:auto;left:auto;right:auto;padding-top:0;padding-bottom:32px;border-bottom:1px solid #000}@media only screen and (max-width:1024px){#wrap header .project-header{display:block}}#wrap main{flex:1;position:relative}.project-header{position:fixed;top:0;left:var(--header);right:0;z-index:1000;display:flex;justify-content:space-between;padding:var(--padding);padding-bottom:60px;height:var(--project-header);box-sizing:border-box}@media only screen and (max-width:1024px){.project-header{display:none}}.project-header .categories{width:calc(var(--header) * 2);font-size:0;line-height:0}@media only screen and (max-width:1024px){.project-header .categories{width:100%;box-sizing:border-box}}.project-header .categories select{width:100%;height:24px;padding:0 4px;border:1px solid #000;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;background:url(../assets/img/icon-dropdown-arrow.svg) no-repeat #fff;background-position:right 8px center}.tabs{display:flex;gap:16px;z-index:100}@media only screen and (max-width:1024px){.tabs{gap:12px}}.tabs .tab{display:inline-flex;height:24px;font-size:14px;background:#fff;border:1px solid #000;box-sizing:border-box;padding:0 4px;justify-content:center;align-items:center}@media (hover:hover){.tabs .tab:hover{background:var(--global-link-hover-text-color);color:#fff}}.tabs .tab.active{background:var(--global-link-hover-text-color);color:#fff}.screensaver{opacity:0;pointer-events:none;position:fixed;left:0;top:0;width:100%;height:100%;background-position:left top;background-repeat:repeat;z-index:4000;transition:opacity var(--transition)}.screensaver.active{opacity:1}@media only screen and (max-width:1024px){.screensaver{background-size:50%}}@keyframes rotateBackground{from{transform:rotate(0)}to{transform:rotate(360deg)}}.index-wrap{position:relative}.index-wrap .swiper{width:100%;font-size:0;line-height:0}.index-wrap .swiper .swiper-wrapper{min-height:var(--vh)}@media only screen and (max-width:1024px){.index-wrap .swiper .swiper-wrapper{height:var(--vh)!important}}.index-wrap .swiper .swiper-slide{display:flex;width:100%!important;height:var(--vh)}.index-wrap .swiper .swiper-slide .slide-img{width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.index-wrap .swiper .swiper-slide .slide-img::-webkit-scrollbar{display:none}@media only screen and (max-width:1024px){.index-wrap .swiper .swiper-slide .slide-img{height:var(--vh);overflow:hidden}}.index-wrap .swiper .swiper-slide .slide-img img{width:100%;object-fit:cover;margin-bottom:-1px}@media only screen and (max-width:1024px){.index-wrap .swiper .swiper-slide .slide-img img{width:100%;height:100%;margin-bottom:0}}.index-wrap .swiper .swiper-slide .slide-img img.is-portrait{width:100%;min-height:100%}.index-wrap .swiper .swiper-button-prev{position:fixed;left:0;width:50%;top:0;height:100%}.index-wrap .swiper .swiper-button-prev:after{display:none}.index-wrap .swiper .swiper-button-next{position:fixed;right:0;width:50%;top:0;height:100%}.index-wrap .swiper .swiper-button-next:after{display:none}.page-wrap{--project-header:116px}.page-wrap.about-page{display:flex;height:100%}@media only screen and (max-width:1024px){.page-wrap.about-page{margin-top:var(--mobile-header);flex-direction:column}}.page-wrap.about-page .about-contents{box-sizing:border-box;padding:var(--padding);padding-top:0;border-right:1px solid #000;width:calc(var(--header) * 2)}@media only screen and (max-width:1130px){.page-wrap.about-page .about-contents{width:auto}}@media only screen and (max-width:1024px){.page-wrap.about-page .about-contents{width:auto;box-sizing:border-box;border-right:0}}.page-wrap.about-page .about-contents .about-content-wrap{display:flex;flex-direction:column;gap:11px;position:fixed;width:calc((var(--header) - var(--padding)) * 2);height:100%;padding:var(--padding) 0;overflow:auto;box-sizing:border-box;scrollbar-width:none}@media only screen and (max-width:1130px){.page-wrap.about-page .about-contents .about-content-wrap{position:inherit;width:auto;flex:1}}@media only screen and (max-width:1024px){.page-wrap.about-page .about-contents .about-content-wrap{gap:32px;flex:none}}.page-wrap.about-page .about-contents .about-content-wrap .about-content{padding-bottom:60px;border-bottom:1px dashed #000}@media only screen and (max-width:1024px){.page-wrap.about-page .about-contents .about-content-wrap .about-content{padding-bottom:0;border-bottom:0}}.page-wrap.about-page .about-contents .about-content-wrap .about-content h3{font-weight:400}.page-wrap.about-page .about-images{padding:var(--padding);border-right:1px solid #000;width:calc(var(--header) * 3);display:flex;flex-direction:column;gap:var(--padding)}@media only screen and (max-width:1600px){.page-wrap.about-page .about-images{width:auto;flex:1}}@media only screen and (max-width:1024px){.page-wrap.about-page .about-images{width:auto;box-sizing:border-box;border-right:0;padding-top:0}}.page-wrap.about-page .about-images .about-image img{width:100%;height:auto}.page-wrap.about-page .about-images .about-image p{padding:6px 0;line-height:20px}.page-wrap.about-page .about-right-image{position:relative;padding:var(--padding);flex:1}@media only screen and (max-width:1600px){.page-wrap.about-page .about-right-image{display:none}}@media only screen and (max-width:1024px){.page-wrap.about-page .about-right-image{display:none}}.page-wrap.about-page .about-right-image .about-right-image-wrap{display:flex;align-items:flex-start;justify-content:flex-end;position:sticky;top:var(--padding)}.page-wrap.about-page .about-right-image .about-right-image-wrap img{width:25%;max-width:100%;height:auto}@media only screen and (max-width:1024px){.page-wrap.about-page .about-right-image .about-right-image-wrap img{width:88px}}.page-wrap.projects-page{padding-bottom:var(--project-header)}@media only screen and (max-width:1024px){.page-wrap.projects-page{margin-top:calc(var(--mobile-header) + 57px)}}.page-wrap.projects-page .project-list{margin:0 var(--padding);margin-top:var(--project-header);border-bottom:1px dashed #000}@media only screen and (max-width:1024px){.page-wrap.projects-page .project-list{border-bottom:0}}.page-wrap.projects-page .project-list .project-list-header{border-top:1px dashed #000}.page-wrap.projects-page .project-list .project-list-header .sort-header.asc:after{content:"";display:inline-block;margin-left:4px;width:12px;height:15px;vertical-align:middle;margin-top:-4px;background:url(../assets/img/icon-dropdown-arrow.svg) no-repeat center center/contain}.page-wrap.projects-page .project-list .project-list-header .sort-header.desc:after{content:"";display:inline-block;margin-left:4px;width:12px;height:15px;vertical-align:middle;margin-top:-4px;background:url(../assets/img/icon-dropdown-arrow.svg) no-repeat center center/contain;transform:rotate(180deg)}.page-wrap.projects-page .project-list .type-list{display:flex;gap:65px;justify-content:space-between;padding-top:11px;padding-bottom:12px;font-size:16px;line-height:24px;position:relative}.page-wrap.projects-page .project-list .type-list>div{width:calc(100% * (2 / 7));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-wrap.projects-page .project-list .type-list>div.project-no{width:calc(100% * (.25 / 7))}.page-wrap.projects-page .project-list .type-list>div.project-year{width:calc(100% * (1 / 7))}.page-wrap.projects-page .project-list .type-list .project-link{position:absolute;left:0;top:0;width:100%;height:100%}.page-wrap.projects-page .project-list .project{border-top:1px dashed #000}@media only screen and (max-width:1024px){.page-wrap.projects-page .project-list .project{border-top:0}}.page-wrap.projects-page .project-list .project.hide{display:none}.page-wrap.projects-page .project-list .project .type-thumbnail{padding-top:11px;padding-bottom:32px}@media only screen and (max-width:1024px){.page-wrap.projects-page .project-list .project .type-thumbnail{display:flex;flex-direction:column;padding-top:32px;padding-bottom:0}}.page-wrap.projects-page .project-list .project .type-thumbnail .project-title{margin-bottom:8px}@media only screen and (max-width:1024px){.page-wrap.projects-page .project-list .project .type-thumbnail .project-title{order:2;padding-top:12px;line-height:16px;margin-bottom:0}}.page-wrap.projects-page .project-list .project .type-thumbnail .project-thumbnails-wrap{position:relative;height:212px}@media only screen and (max-width:1024px){.page-wrap.projects-page .project-list .project .type-thumbnail .project-thumbnails-wrap{order:1;height:auto}}.page-wrap.projects-page .project-list .project .type-thumbnail .project-thumbnails-wrap .project-thumbnails{position:relative;position:absolute;left:0;top:0;width:100%;overflow:hidden}@media only screen and (max-width:1024px){.page-wrap.projects-page .project-list .project .type-thumbnail .project-thumbnails-wrap .project-thumbnails{display:none}}.page-wrap.projects-page .project-list .project .type-thumbnail .project-thumbnails-wrap .project-thumbnails .project-images{display:flex}.page-wrap.projects-page .project-list .project .type-thumbnail .project-thumbnails-wrap .project-thumbnails .project-images .project-image{width:auto;height:212px}.page-wrap.projects-page .project-list .project .type-thumbnail .project-thumbnails-wrap .project-thumbnails .project-images .project-image img{width:auto;height:100%}.page-wrap.projects-page .project-list .project .type-thumbnail .project-thumbnails-wrap .project-thumbnail-for-mobile{display:none}@media only screen and (max-width:1024px){.page-wrap.projects-page .project-list .project .type-thumbnail .project-thumbnails-wrap .project-thumbnail-for-mobile{display:block;font-size:0;line-height:0}.page-wrap.projects-page .project-list .project .type-thumbnail .project-thumbnails-wrap .project-thumbnail-for-mobile img{width:100%;height:auto}}@media (hover:hover){.page-wrap.projects-page .project-list .project .type-list:hover{color:var(--global-link-hover-text-color)}}.page-wrap.projects-page .project-list.mode-list .type-thumbnail{display:none}.page-wrap.projects-page .project-list.mode-thumbnail .type-list{display:none}.page-wrap.projects-page .project-list.mode-thumbnail .project-list-header{display:none}.page-wrap.project-page{display:flex;height:100%}@media only screen and (max-width:1024px){.page-wrap.project-page{flex-direction:column;height:auto}}.page-wrap.project-page .project-mobile-title{display:none;border-bottom:1px solid #000;padding:32px;background-color:var(--global-background-color);z-index:3001;position:sticky;top:0;transition:transform var(--transition-slow)}@media only screen and (max-width:1024px){.page-wrap.project-page .project-mobile-title{display:block}body.up-scroll .page-wrap.project-page .project-mobile-title{transform:translateY(-100%)}}.page-wrap.project-page .project-mobile-title .project-mobile-header{margin-top:32px;position:relative}.page-wrap.project-page .project-mobile-title .project-mobile-header .close{position:absolute;right:0;top:50%;width:20px;height:20px;transform:translateY(-50%);background:url(../assets/img/icon-x.svg) no-repeat center center}.page-wrap.project-page .project-information{padding:0 var(--padding);border-right:1px solid #000;width:calc(var(--header) * 2);box-sizing:border-box}@media only screen and (max-width:1330px){.page-wrap.project-page .project-information{width:calc((100vw - var(--header))/ 2)}}@media only screen and (max-width:1024px){.page-wrap.project-page .project-information{box-sizing:border-box;border-right:0;width:auto;padding-top:0}}.page-wrap.project-page .project-information .project-information-inner{position:fixed;width:calc((var(--header) - var(--padding)) * 2);height:100%;padding:var(--padding) 0;overflow:auto;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.page-wrap.project-page .project-information .project-information-inner::-webkit-scrollbar{display:none}@media only screen and (max-width:1330px){.page-wrap.project-page .project-information .project-information-inner{width:calc((100vw - var(--header))/ 2 - var(--padding) * 2)}}@media only screen and (max-width:1024px){.page-wrap.project-page .project-information .project-information-inner{position:relative;width:100%;height:auto}}.page-wrap.project-page .project-information .project-information-inner .project-title{padding-bottom:60px;color:var(--global-link-hover-text-color);border-bottom:1px dashed #000}@media only screen and (max-width:1024px){.page-wrap.project-page .project-information .project-information-inner .project-title{display:none}}.page-wrap.project-page .project-information .project-information-inner .project-description{padding-top:11px;padding-bottom:60px;font-size:16px;line-height:24px;word-break:keep-all}@media only screen and (max-width:1024px){.page-wrap.project-page .project-information .project-information-inner .project-description{padding-top:32px;padding-bottom:28px;display:none}}.page-wrap.project-page .project-information .project-information-inner .project-categories{border-top:1px dashed #000}.page-wrap.project-page .project-information .project-information-inner .project-categories>div{padding:6px 0;font-size:14px;line-height:20px;display:flex;border-bottom:1px dashed #000}.page-wrap.project-page .project-information .project-information-inner .project-categories>div>div{width:50%}@media only screen and (max-width:1024px){.page-wrap.project-page .project-information .project-information-inner .project-categories{display:none}}.page-wrap.project-page .project-images{flex:1}@media only screen and (max-width:1024px){.page-wrap.project-page .project-images.type-text{display:none}}.page-wrap.project-page .project-images .project-image-header{padding:var(--padding);padding-bottom:60px;position:fixed;top:0;z-index:1000}@media only screen and (max-width:1024px){.page-wrap.project-page .project-images .project-image-header{display:none}}.page-wrap.project-page .project-images .project-image-contents{padding:0 var(--padding);padding-top:var(--project-header);padding-bottom:var(--project-header)}@media only screen and (max-width:1024px){.page-wrap.project-page .project-images .project-image-contents{padding-top:32px}}.page-wrap.project-page .project-images .project-image-contents .project-image-content{font-size:0;line-height:0;display:flex;flex-direction:column;gap:32px;display:none}.page-wrap.project-page .project-images .project-image-contents .project-image-content .project-image{display:block}.page-wrap.project-page .project-images .project-image-contents .project-image-content .project-image img{width:100%;height:auto}@media only screen and (max-width:1024px){.page-wrap.project-page .project-images .project-image-contents .project-image-content .project-image img{width:100%!important}}.page-wrap.project-page .project-images .project-image-contents .project-image-content .project-image p{padding:6px 0;font-size:14px;line-height:20px;margin-bottom:-32px}.page-wrap.project-page .project-images .project-image-contents .project-image-content .project-image.is-portrait img{max-width:60%}@media only screen and (max-width:1024px){.page-wrap.project-page .project-images .project-image-contents .project-image-content .project-image.is-portrait img{width:100%!important;max-width:100%!important}}.page-wrap.project-page .project-images.type-floor_plan .project-image-content.type-floor_plan,.page-wrap.project-page .project-images.type-image .project-image-content.type-image,.page-wrap.project-page .project-images.type-study .project-image-content.type-study{display:flex}@media only screen and (max-width:1024px){.page-wrap.project-page[data-mode=text] .project-information .project-information-inner .project-categories,.page-wrap.project-page[data-mode=text] .project-information .project-information-inner .project-description{display:block;padding-top:0}.page-wrap.project-page[data-mode=text] .project-information .project-information-inner .project-categories{padding-bottom:84px}.page-wrap.project-page:not([data-mode=text]) .project-information{display:none}}
/*# sourceMappingURL=app.css.map */