@font-face{font-family:Pretendard;font-weight:100 900;font-display:swap;src:local("Pretendard Variable"),url(../assets/fonts/Pretendard-Variable.woff2) format("woff2-variations")}@font-face{font-family:Atlas;font-weight:400;font-display:swap;src:url(../assets/fonts/Atlas-Mono.woff2) format("woff2"),url(../assets/fonts/Atlas-Mono.woff) format("woff")}@font-face{font-family:OfficeTimesSharp;font-weight:400;font-display:swap;src:url(../assets/fonts/OfficeTimesSharp-Regular.woff2) format("woff2"),url(../assets/fonts/OfficeTimesSharp-Regular.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}:root{--vh:100vh;--transition:0.3s;--transition-fast:0.1s;--transition-slow:0.6s;--font-size:18px;--padding:20px;--header:58px;--footer:70px;--hover-color:#e20600;--select-text-color:#d72817}body,html{scrollbar-width:none;-ms-overflow-style:none;cursor:none!important}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body ::selection,html ::selection{background:#dadbdb;color:var(--select-text-color)}body ::-moz-selection,html ::-moz-selection{background:#dadbdb;color:var(--select-text-color)}*,.point,a,button,input,textarea{cursor:none!important}.custom-cursor{position:fixed;top:0;left:0;width:80px;height:80px;margin-left:-40px;margin-top:-40px;background-image:url(../assets/img/cursor.svg);background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:99999;will-change:transform;mix-blend-mode:difference;filter:drop-shadow(0 0 1px rgba(0, 0, 0, .5)) drop-shadow(0 0 1px rgba(255, 255, 255, .5))}.custom-cursor.hidden{opacity:0}body{padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:OfficeTimesSharp,Pretendard,sans-serif;font-size:var(--font-size);font-weight:400;line-height:150%}@media only screen and (max-width:809px){body{--padding:16px}}body a{color:#000;text-decoration:none;transition:color var(--transition);cursor:none}body .view-mobile{display:none}@media only screen and (max-width:809px){body .view-mobile{display:block}}@media only screen and (max-width:809px){body .view-desktop{display:none}}body .extra-bold{font-weight:800}body.project-detail-open{overflow:hidden}.project-home{content:"";position:fixed;bottom:20px;left:20px;width:135px;height:38px;background:url(../assets/img/logo.svg) no-repeat center center/contain;opacity:.1;transition:opacity var(--transition);z-index:1002}@media only screen and (hover:hover){.project-home:hover{opacity:1}}body.home .project-home{opacity:0;pointer-events:none}body.project-detail-open .project-home{opacity:.1;pointer-events:auto}@media only screen and (hover:hover){body.project-detail-open .project-home:hover{opacity:1}}.project-detail-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);z-index:1002;opacity:0;transition:opacity var(--transition);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:60px 0 120px 0;scrollbar-width:none;-ms-overflow-style:none}.project-detail-popup::-webkit-scrollbar{display:none}@media only screen and (max-width:1439px){.project-detail-popup{padding:10vh 0}}body.project-detail-open .project-detail-popup{opacity:1}@media only screen and (max-width:809px){.project-detail-popup{padding:10px}}.project-detail-content{display:flex;flex-direction:column;overflow:hidden}.project-detail-content .project-medias .swiper .swiper-slide{width:100%;height:calc(var(--vh) - 120px);padding-bottom:40px;box-sizing:border-box}@media only screen and (max-width:1439px){.project-detail-content .project-medias .swiper .swiper-slide{height:calc(var(--vh) - 20vh)}}.project-detail-content .project-medias .swiper .swiper-slide .project-media{height:100%}.project-detail-content .project-medias .swiper .swiper-slide .project-media img,.project-detail-content .project-medias .swiper .swiper-slide .project-media video{width:100%;height:100%;object-fit:contain}.project-detail-content .project-medias .swiper .swiper-button-prev{left:60px;opacity:.3}@media only screen and (hover:hover){.project-detail-content .project-medias .swiper .swiper-button-prev:hover{opacity:1}}.project-detail-content .project-medias .swiper .swiper-button-prev:after{content:"";flex:none;width:40px;height:34px;background:url(../assets/img/icon-slide-prev.svg) no-repeat center center}.project-detail-content .project-medias .swiper .swiper-button-next{right:60px;opacity:.3}.project-detail-content .project-medias .swiper .swiper-button-next:after{content:"";flex:none;width:40px;height:34px;background:url(../assets/img/icon-slide-next.svg) no-repeat center center}@media only screen and (hover:hover){.project-detail-content .project-medias .swiper .swiper-button-next:hover{opacity:1}}.project-detail-content .project-content-wrap{width:80%;max-width:1250px;margin:0 auto;padding-top:20px}@media only screen and (max-width:1439px){.project-detail-content .project-content-wrap{max-width:calc(100% - 400px);padding-top:4vh}}@media only screen and (max-width:809px){.project-detail-content .project-content-wrap{width:95%;max-width:calc(100% - 32px)}}.project-detail-content .project-content-wrap .project-header{display:flex;gap:140px;font-size:17px;line-height:20px;font-family:Atlas,sans-serif}.project-detail-content .project-content-wrap .project-header .project-category{text-transform:uppercase}.project-detail-content .project-content-wrap .project-header .project-title{flex:1;text-align:center}.project-detail-content .project-content-wrap .project-header .project-info{margin-left:auto}.project-detail-content .project-content-wrap .project-content{margin-top:40px;display:flex;gap:80px}.project-detail-content .project-content-wrap .project-content .project-description{flex:1;box-sizing:border-box;font-size:16px;line-height:20px}.project-detail-content .project-content-wrap .project-content .project-informations{width:294px;box-sizing:border-box;display:flex;flex-direction:column}.project-detail-content .project-content-wrap .project-content .project-informations .project-information{display:flex;font-size:16px;line-height:23px}.project-detail-content .project-content-wrap .project-content .project-informations .project-information .project-information-title{width:120px}.project-detail-content .project-content-wrap .project-content .project-informations .project-information .project-information-value{flex:1}.project-detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px;flex-shrink:0}.project-detail-header .project-title{margin:0;font-size:22px;font-weight:600}@media only screen and (max-width:809px){.project-detail-header .project-title{font-size:18px}}.project-detail-header .project-detail-close{background:0 0;border:none;font-size:22px;cursor:none;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color var(--transition)}.project-detail-header .project-detail-close:hover{background-color:#f5f5f5}.project-detail-header .project-detail-close span{line-height:1}.project-detail-body{padding:20px;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.project-detail-body::-webkit-scrollbar{display:none}.project-detail-body .project-description{margin-bottom:30px;font-size:14px;line-height:1.6}.project-detail-body .project-information{margin-bottom:30px}.project-detail-body .project-information .info-item{display:flex;margin-bottom:10px}.project-detail-body .project-information .info-item .info-label{font-weight:600;min-width:120px;margin-right:20px}.project-detail-body .project-information .info-item .info-value{flex:1}.project-detail-body .project-medias .media-item{margin-bottom:20px}.project-detail-body .project-medias .media-item img,.project-detail-body .project-medias .media-item video{width:100%;height:auto;border-radius:4px}.project-detail-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002;font-size:16px}.projects-grids{display:grid;gap:100px 10px;grid-template-columns:repeat(24,1fr);padding:120px var(--padding);position:relative}.projects-grids:after{content:"";position:fixed;pointer-events:none;left:0;bottom:0;width:100%;height:524px;max-height:100%;background:linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,0) 8.37%,rgba(255,255,255,0) 31.53%,#fff 100%)}.projects-grids .project.span-1{grid-column:span 1}.projects-grids .project.span-2{grid-column:span 2}.projects-grids .project.span-3{grid-column:span 3}.projects-grids .project.span-4{grid-column:span 4}.projects-grids .project.span-5{grid-column:span 5}.projects-grids .project.span-6{grid-column:span 6}.projects-grids .project.span-7{grid-column:span 7}.projects-grids .project.span-8{grid-column:span 8}.projects-grids .project.span-9{grid-column:span 9}.projects-grids .project.span-10{grid-column:span 10}.projects-grids .project.span-11{grid-column:span 11}.projects-grids .project.span-12{grid-column:span 12}.projects-grids .project.span-13{grid-column:span 13}.projects-grids .project.span-14{grid-column:span 14}.projects-grids .project.span-15{grid-column:span 15}.projects-grids .project.span-16{grid-column:span 16}.projects-grids .project.span-17{grid-column:span 17}.projects-grids .project.span-18{grid-column:span 18}.projects-grids .project.span-19{grid-column:span 19}.projects-grids .project.span-20{grid-column:span 20}.projects-grids .project.span-21{grid-column:span 21}.projects-grids .project.span-22{grid-column:span 22}.projects-grids .project.span-23{grid-column:span 23}.projects-grids .project.span-24{grid-column:span 24}.projects-grids .project .project-link{display:flex;flex-direction:column;gap:4px;transition:opacity var(--transition-slow)}.projects-grids .project .project-link img{width:100%;height:auto;filter:grayscale(100%);transition:opacity var(--transition)}.projects-grids .project .project-link img.lazyload{opacity:0}.projects-grids .project .project-link img.lazyloaded{opacity:1}.projects-grids .project .project-link .title{display:block;font-size:15px;line-height:18px;word-break:keep-all}.projects-grids .project.active .project-link,.projects-grids .project:hover .project-link{opacity:1!important}.projects-grids .project.active .project-link img,.projects-grids .project:hover .project-link img{filter:grayscale(0)}body.show-all-projects .projects-grids .project:not(.active),body.show-search-categories .projects-grids .project:not(.active){opacity:.1!important}header{position:fixed;top:0;left:0;right:0;padding:14px var(--padding);box-sizing:border-box;z-index:102}header .header{display:flex;justify-content:space-between;align-items:center}header .header .navs{display:flex;align-items:center;gap:30px}header .header .navs .nav{display:inline-flex}header .header .navs .nav.active{color:var(--hover-color)}header .header .navs .nav.point{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}@media only screen and (hover:hover){header .header .navs .nav:hover{color:var(--hover-color)}header .header .navs .nav.nav-search{color:#000}header .header .navs .nav.nav-search a:hover{color:var(--hover-color)}}header .header .search-categories{display:none}body.show-search-categories header .header .search-categories{display:flex;align-items:center}header .header .search-categories>ul{display:flex;align-items:center;list-style:none;gap:8px;font-size:18px;line-height:24px}header .header .search-categories>ul>li{position:relative}header .header .search-categories>ul>li:not(:last-child):after{content:","}header .header .search-categories>ul>li ul{position:absolute;list-style:none;left:0;display:flex;flex-direction:column;padding-left:20px;margin-top:2px}header .header .search-categories>ul li.active>a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.menus-wrap{opacity:0;pointer-events:none;position:fixed;top:48px;z-index:1002;display:flex;flex-direction:column;gap:2px;transition:opacity var(--transition)}.menus-wrap#all-projects{left:var(--padding);top:0;max-height:calc(var(--vh) - 10px);overflow:auto;box-sizing:border-box;padding-top:55px;padding-bottom:40px;-ms-overflow-style:none;scrollbar-width:none;mask-image:linear-gradient(to bottom,rgba(255,255,255,0) 45px,#fff 65px,#fff calc(100% - 40px),rgba(255,255,255,0) 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(255,255,255,0) 45px,#fff 65px,#fff calc(100% - 40px),rgba(255,255,255,0) 100%)}.menus-wrap#all-projects::-webkit-scrollbar{display:none}body.show-all-projects .menus-wrap#all-projects{opacity:1}.menus-wrap#all-projects a{font-size:17px;line-height:22px;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:12px;pointer-events:none}body.show-all-projects .menus-wrap#all-projects a{pointer-events:all}.menus-wrap#all-projects a .symbol-text{font-size:11px}.menus-wrap#all-projects a.category-interior{padding-left:22px}.menus-wrap#all-projects a.category-object{padding-left:44px}.menus-wrap#all-projects a.category-scenography{padding-left:66px}@media only screen and (hover:hover){.menus-wrap#all-projects a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}}.menus-wrap#all-projects a.active{color:var(--hover-color)}main:after{content:"";position:fixed;left:0;top:0;width:100%;height:50vh;max-height:100%;background:linear-gradient(#fff 0,rgba(255,255,255,0) 68.47%,rgba(255,255,255,0) 91.63%,rgba(255,255,255,0) 100%);opacity:0;pointer-events:none;transition:opacity var(--transition)}body.show-all-projects main:after,body.show-search-categories main:after{opacity:1;pointer-events:auto}main .background{opacity:0;pointer-events:none;content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:101;transition:opacity var(--transition)}main .background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1)}main .background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9)}body.show-all-projects main .background,body.show-search-categories main .background{opacity:.8;pointer-events:auto}footer{display:none;position:fixed;bottom:0;left:0;right:0;padding:14px var(--padding);box-sizing:border-box;z-index:100;transition:transform var(--transition),opacity var(--transition)}body.home footer{display:block}body.about-detail-open footer,body.project-detail-open footer,body.show-all-projects footer{transform:translateY(100%);opacity:0}footer .footer{display:flex;justify-content:space-between;align-items:flex-end;font-family:Atlas,sans-serif;font-size:14px;line-height:18px;letter-spacing:-.1em}footer .footer .left,footer .footer .right{width:25%}footer .footer .center{width:50%;max-width:740px}footer .footer .center .logo{display:inline-block;vertical-align:middle;width:52px;height:14px;text-indent:-9999px;overflow:hidden;background:url(../assets/img/logo-footer.svg) no-repeat center center;background-size:contain}footer .footer .right{text-align:right}.project-thumbnail-preview{position:fixed;right:var(--padding);bottom:var(--padding);width:auto;height:720px;max-height:70vh;z-index:1003;pointer-events:none;opacity:0;transition:opacity var(--transition),transform var(--transition),filter var(--transition);filter:grayscale(100%)}.project-thumbnail-preview.show{opacity:1}.project-thumbnail-preview.active{filter:grayscale(0)}.project-thumbnail-preview img{width:auto;height:100%;display:block}@media only screen and (max-width:809px){.project-thumbnail-preview{display:none}}.landing-wrap{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;display:flex;flex-direction:column;background:#fff;transition:opacity var(--transition-slow),transform var(--transition-slow)}.landing-wrap.hide{opacity:0;pointer-events:none}.landing-wrap.hide.wheel{transform:translateY(-10vh)}.landing-wrap>div{width:100%;height:100%;align-items:center;justify-content:center}.landing-wrap>div.for-mobile{display:none}@media only screen and (max-width:809px){.landing-wrap>div.for-mobile{display:flex}}.landing-wrap>div.for-desktop{display:flex}@media only screen and (max-width:809px){.landing-wrap>div.for-desktop{display:none}}.landing-wrap>div img{max-width:calc(100% - 100px);max-height:calc(100% - 100px);width:auto;height:auto}body.about-detail-open{overflow:hidden}body.about-detail-open .about-detail-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}body.about-detail-open .about-detail-popup::-webkit-scrollbar{display:none}.about-detail-popup{padding:20px;box-sizing:border-box;min-height:var(--vh);position:relative;transition:opacity var(--transition)}.about-detail-popup .about-background{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:.1}.about-detail-popup .about-detail-content{position:relative;width:100%;max-width:1050px;min-height:calc(var(--vh) - 40px);margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.about-detail-popup .about-detail-content .about-description{font-size:16px;line-height:23px;margin-bottom:50px}.about-detail-popup .about-detail-content .about-contents{display:flex;flex-direction:column;gap:50px}.about-detail-popup .about-detail-content .about-contents .about-content{display:flex}.about-detail-popup .about-detail-content .about-contents .about-content .title,.about-detail-popup .about-detail-content .about-contents .about-content .value{font-size:16px;line-height:23px;box-sizing:border-box}.about-detail-popup .about-detail-content .about-contents .about-content .title{font-family:Atlas,sans-serif;width:312px}.about-detail-popup .about-detail-content .about-contents .about-content .value{flex:1}.about-detail-popup .about-detail-content .about-contents .about-content .value .space{display:inline-block;width:70px}.about-detail-popup .about-detail-content .about-contents .about-content.about-contact>.value{display:flex;flex-direction:column}.about-detail-popup .about-detail-content .about-contents .about-content.about-contact>.value .type-1{display:flex}.about-detail-popup .about-detail-content .about-contents .about-content.about-contact>.value .type-1 span:first-child{width:110px}.about-detail-popup .about-detail-content .about-contents .about-content.about-contact>.value .type-1 span:nth-child(2){width:70px}.about-detail-popup .about-detail-content .about-contents .about-content.about-contact>.value .type-2{display:flex}.about-detail-popup .about-detail-content .about-contents .about-content.about-contact>.value .type-2 span:first-child{width:32px}.about-detail-popup .about-detail-content .about-contents .about-content.about-team>.value{position:relative}.about-detail-popup .about-detail-content .about-contents .about-content.about-team>.value .members{display:flex;flex-direction:column;font-size:18px;line-height:23px}.about-detail-popup .about-detail-content .about-contents .about-content.about-team>.value .members .former-wrap{padding-left:62px}@media only screen and (hover:hover){.about-detail-popup .about-detail-content .about-contents .about-content.about-team>.value .members a{transition:background var(--transition),color var(--transition)}.about-detail-popup .about-detail-content .about-contents .about-content.about-team>.value .members a:hover{background:#dadbdb;color:var(--select-text-color)}}.about-detail-popup .about-detail-content .about-contents .about-content.about-team>.value .member-images{position:absolute;top:0;right:0;width:100%;max-width:310px}.about-detail-popup .about-detail-content .about-contents .about-content.about-team>.value .member-images img{position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;pointer-events:none;transition:opacity var(--transition)}.about-detail-popup .about-detail-content .about-contents .about-content.about-team>.value .member-images img.vertical{width:152px}.about-detail-popup .about-detail-content .about-contents .about-content.about-team>.value .member-images img.active{opacity:1}
/*# sourceMappingURL=app.css.map */