@font-face{font-family:Pretendard;font-weight:100 900;font-display:swap;src:local("Pretendard Variable"),url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/fonts/Pretendard-Variable.woff2) format("woff2-variations")}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}body{--vh:100vh;--header:86px;--padding:20px;--padding-y:20px;--radius:5px;--color:#000;--color-rgb:0,0,0;--sub-color:#ababab;--background-color:#ececec;--content-background-color:#fff;--border-color:#000;--sub-border-color:#ccc;--select-color:#d8d8d8;--primary-color:#fd6521;--primary-button-color:#fff;--primary-button-background-color:#000;--scrollbar-width:15px;--transition:.3s;padding:0;margin:0;color:var(--color);font-size:14px;line-height:22px;font-family:Pretendard,sans-serif;background:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body.dark-mode{--color:#fff;--color-rgb:255,255,255;--sub-color:gray;--background-color:#333;--content-background-color:#222;--border-color:#666;--sub-border-color:#666;--select-color:#d8d8d8;--primary-button-color:#000;--primary-button-background-color:#fff}@media only screen and (max-width:767px){body{--padding:16px;--padding-y:16px;--header:74px}}body a{color:inherit;text-decoration:none}body img{transition:opacity .3s;opacity:1}body img.lazyload{opacity:0;transform:0}body h2{font-size:20px;font-weight:900;line-height:2}body .s1{font-size:16px;line-height:24px}body .s2{font-size:14px;line-height:24px}body .s3{font-size:13px;line-height:20px}body .medium{font-weight:500}body .semibold{font-weight:600}body .mb-xs{margin-bottom:6px}body .mb-sm{margin-bottom:12px}body .mb-md{margin-bottom:18px}body .flex{display:flex;justify-content:space-between}body .mobile{display:none}@media only screen and (max-width:767px){body .mobile{display:block}}@media only screen and (max-width:767px){body .desktop{display:none}}header{padding:var(--padding);position:sticky;top:0;z-index:10000}header .header{font-size:0;line-height:0;display:flex;align-items:center;gap:12px}header .header .main-header{display:flex;align-items:center;gap:20px;padding:8px 10px;padding-right:14px;background:rgba(210,210,210,.7);border-radius:var(--radius);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}@media only screen and (max-width:767px){header .header .main-header{padding-right:10px}}body.dark-mode header .header .main-header{background:rgba(70,70,70,.7)}header .header .main-header .logo{display:inline-block;vertical-align:middle;text-indent:-1000px;width:75.73px;height:26px;overflow:hidden;background:url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/img/logo.svg) no-repeat left center}body.dark-mode header .header .main-header .logo{filter:invert(1)}header .header .main-header .logo.detail-mode{width:26px}header .header .main-header .navs{display:none;gap:6px}body.home header .header .main-header .navs.home-navs{display:flex}body.post-type-archive header .header .main-header .navs.project-navs,body.single-project header .header .main-header .navs.project-navs{display:flex}@media only screen and (max-width:767px){header .header .main-header .navs{display:none!important}}header .header .main-header .navs .nav{position:relative;font-size:12px;font-weight:600;line-height:normal;padding:6px 12px;text-decoration:none}header .header .main-header .navs .nav:before{opacity:0;content:"";position:absolute;display:block;width:100%;background:#000;bottom:0;left:0;height:100%;border-radius:var(--radius)}header .header .main-header .navs .nav span{position:relative;z-index:2}@media only screen and (hover:hover){header .header .main-header .navs .nav:hover{opacity:.3}}header .header .main-header .navs .nav.active{opacity:1;color:#fff}header .header .main-header .navs .nav.active:before{opacity:1}header .header .settings{margin-left:auto;display:flex;align-items:center;gap:24px}@media only screen and (max-width:767px){header{transition:transform var(--transition)}body.up-scroll header{transform:translateY(calc(-100% - 30px))}}.header-back-wrap{position:fixed;left:0;top:0;width:100%;overflow:hidden;z-index:-1}.header-back-wrap:before{content:"";position:absolute;left:0;top:0;width:266px;height:100%;background:url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/img/bg_header_gradation.png) no-repeat center;z-index:10}.header-back-wrap:after{content:"";position:absolute;right:0;top:0;width:266px;height:100%;background:url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/img/bg_header_gradation.png) no-repeat center;z-index:10;transform:rotate(180deg)}.header-back-wrap .header-back{display:flex;white-space:nowrap;gap:15px;font-size:17px;font-weight:700;padding:32px 0;overflow:hidden}.header-back-wrap .header-back .separator{opacity:.2}.header-back-wrap .header-back>div{animation:marquee 50s linear infinite;display:flex;gap:15px;align-items:center}@keyframes marquee{0%{opacity:0;transform:translateX(150%)}3%{opacity:1}97%{opacity:1}100%{opacity:0;transform:translateX(-600%)}}.news-list-wrap{overflow:hidden}.news-list-wrap .news-list{display:flex;gap:10px}.news-list-wrap .news-list .news-item{display:flex;gap:10px;background:rgba(0,0,0,.05);padding-right:20px;position:relative;border-radius:var(--radius);padding:14px}.news-list-wrap .news-list .news-item .images{width:auto;height:100%;display:none}.news-list-wrap .news-list .news-item .images .image{font-size:0;line-height:0}.news-list-wrap .news-list .news-item .images .image:not(:first-child){display:none}.news-list-wrap .news-list .news-item .images .image img{width:auto;height:84px;object-fit:cover;border-radius:var(--radius)}.news-list-wrap .news-list .news-item .content{display:flex;flex-direction:column;gap:5px}.news-list-wrap .news-list .news-item .content .header{display:flex;gap:10px;align-items:center;color:#7c7c7c;font-size:11px;font-weight:600;line-height:normal;margin-bottom:2px}.news-list-wrap .news-list .news-item .content .summary{color:#414141;min-width:200px;font-size:12px;font-weight:500;line-height:150%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:keep-all;overflow:hidden}.news-list-wrap .news-list .news-item .content .project{margin-top:auto;display:flex;align-items:center;gap:6px;margin-top:10px}.news-list-wrap .news-list .news-item .content .project .favicon{width:20px;height:20px;display:none}.news-list-wrap .news-list .news-item .content .project .favicon img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.news-list-wrap .news-list .news-item .content .project .project-title{color:#7c7c7c;font-size:11px;font-weight:600;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-list-wrap .home-projects{margin-bottom:30px}.projects-list{display:flex;flex-direction:column;gap:80px}@media only screen and (max-width:767px){.projects-list{gap:40px}}.projects-list .project-item .project-images-wrap{overflow:hidden}.projects-list .project-item .project-images-wrap .project-images{display:flex;gap:10px;height:368px;transition:height var(--transition);padding:0 var(--padding)}@media only screen and (hover:none) and (pointer:coarse){.projects-list .project-item .project-images-wrap .project-images{height:400px;overflow-x:auto;overflow-y:hidden}}@media only screen and (max-width:767px){.projects-list .project-item .project-images-wrap .project-images{height:200px;overflow-x:auto;overflow-y:hidden}}.projects-list .project-item .project-images-wrap .project-images .dummy:after{content:"";display:block;width:var(--padding);height:100%}@media only screen and (hover:none) and (pointer:coarse){.projects-list .project-item .project-images-wrap .project-images .dummy{display:none}}@media only screen and (max-width:767px){.projects-list .project-item .project-images-wrap .project-images .dummy{display:none}}.projects-list .project-item .project-images-wrap .project-images a.view-zoom{display:block;width:100%;height:100%}.projects-list .project-item .project-images-wrap .project-images .image{cursor:pointer;position:relative;background:rgba(0,0,0,.05);border-radius:var(--radius)}@media only screen and (hover:none) and (pointer:coarse){.projects-list .project-item .project-images-wrap .project-images .image{width:100%;height:100%}}@media only screen and (max-width:767px){.projects-list .project-item .project-images-wrap .project-images .image{width:100%;height:100%}}.projects-list .project-item .project-images-wrap .project-images .image span.index{position:absolute;left:24px;top:16px;font-size:12px;color:#959595;font-weight:600}.projects-list .project-item .project-images-wrap .project-images .image span.type{position:absolute;right:14px;top:14px;font-size:12px;color:#fff;background:#000;padding:3px 14px;border-radius:var(--radius);font-weight:600;pointer-events:none}.projects-list .project-item .project-images-wrap .project-images .image img,.projects-list .project-item .project-images-wrap .project-images .image video{position:relative;opacity:0;border-radius:var(--radius);width:auto;height:100%;transition:var(--transition)}@media only screen and (hover:none) and (pointer:coarse){.projects-list .project-item .project-images-wrap .project-images .image img.lazyloaded,.projects-list .project-item .project-images-wrap .project-images .image video.lazyloaded{opacity:1;transition-delay:.3s}}@media only screen and (max-width:767px){.projects-list .project-item .project-images-wrap .project-images .image img.lazyloaded,.projects-list .project-item .project-images-wrap .project-images .image video.lazyloaded{opacity:1;transition-delay:.3s}}.projects-list .project-item .project-images-wrap .project-images .image.active img,.projects-list .project-item .project-images-wrap .project-images .image.active video,.projects-list .project-item .project-images-wrap .project-images .image:first-child img,.projects-list .project-item .project-images-wrap .project-images .image:first-child video{opacity:1}.projects-list .project-item .project-info{position:relative;padding-top:10px}.projects-list .project-item .project-info .project-collaboration{position:absolute;right:20px;top:10px;font-size:12px;color:#959595;font-weight:600;display:flex;gap:4px}@media only screen and (max-width:767px){.projects-list .project-item .project-info .project-collaboration{display:none}}.projects-list .project-item .project-info .project-collaboration .collaboration-list{display:flex;gap:6px}@media only screen and (hover:hover){.projects-list .project-item .project-info .project-collaboration .collaboration-list .name-wrap a:hover{color:var(--color)}}.projects-list .project-item .project-info .project-collaboration .collaboration-list .name-wrap .role{display:none}.projects-list .project-item .project-info .project-title{font-size:16px;line-height:1;margin-bottom:2px;font-weight:600;transition:var(--transition)}.projects-list .project-item .project-info .project-title a{display:flex;align-items:center;gap:10px}.projects-list .project-item .project-info .project-title a .detail-view{opacity:0;display:inline-block;text-indent:-999px;overflow:hidden;width:15px;height:15px;background:url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/img/icon_arrow.svg) no-repeat center center;transition:var(--transition)}@media only screen and (max-width:767px){.projects-list .project-item .project-info .project-title{margin-bottom:6px}}.projects-list .project-item .project-info .project-description{display:flex;gap:16px;font-weight:500;font-size:13px}.projects-list .project-item .project-info .project-description span+span{position:relative}.projects-list .project-item .project-info .project-description span+span:before{content:"·";position:absolute;opacity:.5;left:-10px;top:0}.projects-list .project-item .project-info .project-description a{opacity:.4}@media only screen and (hover:hover){.projects-list .project-item .project-info .project-description a:hover{opacity:1}}.projects-list .project-item.view-zoom .project-images-wrap .project-images{height:60vh;max-height:800px}.projects-list .project-item.view-zoom .project-info .project-title{font-size:24px;line-height:1.5}.projects-list .project-item.view-zoom .project-info .project-title .detail-view{opacity:1}.projects-table{display:table;width:100%}.projects-table .projects-body,.projects-table .projects-header{display:table-row}.projects-table .projects-body>div,.projects-table .projects-header>div{display:table-cell;padding:10px;vertical-align:middle}.projects-table .projects-body>div:first-child,.projects-table .projects-header>div:first-child{padding-left:var(--padding);padding-right:var(--padding)}.projects-table .projects-body>div:last-child,.projects-table .projects-header>div:last-child{padding-right:var(--padding)}.projects-table .projects-body>div.circle,.projects-table .projects-header>div.circle{width:12px}@media only screen and (max-width:767px){.projects-table .projects-body>div.circle,.projects-table .projects-header>div.circle{display:none}}.projects-table .projects-body>div.year,.projects-table .projects-header>div.year{width:76px}@media only screen and (max-width:767px){.projects-table .projects-body>div.year,.projects-table .projects-header>div.year{padding-left:var(--padding)}}.projects-table .projects-body>div.category,.projects-table .projects-header>div.category{width:100px}@media only screen and (max-width:767px){.projects-table .projects-body>div.category,.projects-table .projects-header>div.category{display:none}}.projects-table .projects-body>div.client,.projects-table .projects-header>div.client{width:200px}@media only screen and (max-width:767px){.projects-table .projects-body>div.client,.projects-table .projects-header>div.client{display:none}}@media only screen and (max-width:767px){.projects-table .projects-body>div.collaboration,.projects-table .projects-header>div.collaboration{display:none}}.projects-table .projects-body>div.title,.projects-table .projects-header>div.title{width:auto}@media only screen and (max-width:767px){.projects-table .projects-body>div.title,.projects-table .projects-header>div.title{padding-right:0}}.projects-table .projects-body>div.tool,.projects-table .projects-header>div.tool{text-align:right}@media only screen and (max-width:767px){.projects-table .projects-body>div.tool,.projects-table .projects-header>div.tool{display:none}}.projects-table .projects-body>div.tool a,.projects-table .projects-header>div.tool a{z-index:2}.projects-table .projects-body>div a:not(.button),.projects-table .projects-header>div a:not(.button){text-decoration:none}@media only screen and (hover:hover){.projects-table .projects-body>div a:not(.button):hover,.projects-table .projects-header>div a:not(.button):hover{opacity:.3}}.projects-table .projects-header{font-size:13px;font-weight:600}.projects-table .projects-header>div{padding:10px;border-top:1px solid var(--sub-border-color);border-bottom:1px solid var(--sub-border-color)}.projects-table .projects-body{position:relative;font-size:15px;font-weight:600}@media only screen and (max-width:767px){.projects-table .projects-body:after{content:"";position:absolute;background:url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/img/icon_arrow.svg) no-repeat right center;background-size:13px auto;width:13px;height:30px;right:var(--padding);top:50%;transform:translateY(-50%)}}.projects-table .projects-body a.link{position:absolute;display:block;left:0;top:0;width:100%;height:100%;z-index:1}.projects-table .projects-body .circle{position:relative}.projects-table .projects-body .circle:before{content:"";position:absolute;left:var(--padding);top:50%;transform:translate(0,-50%);width:12px;height:12px;border:1px solid var(--color);border-radius:50%}@media only screen and (max-width:767px){.projects-table .projects-body .title a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;display:block}}.projects-table .projects-body .button{border-color:var(--sub-border-color);width:120px}.projects-table .projects-body .thumbnail{opacity:0;font-size:0;line-height:0;pointer-events:none;position:absolute;width:300px;max-width:100%;border-radius:var(--radius);overflow:hidden;transform:translate(-160px,calc(-50%));top:50%;right:0;border:1px solid #000;box-shadow:0 3px 6px rgba(0,0,0,.15);z-index:101}.projects-table .projects-body .thumbnail img{width:100%;height:auto;object-fit:contain}.projects-table .projects-body>div{border-bottom:1px solid var(--sub-border-color)}.projects-table .projects-body:hover>div{background:rgba(0,0,0,.03)}.projects-table .projects-body:hover .circle:before{background:var(--color)}.projects-table .projects-body:hover .button{border-color:var(--color)}.projects-table .projects-body:hover .button:hover{border-color:#000}.projects-table .projects-body:hover .thumbnail{opacity:1}html.with-fancybox body.hide-scrollbar{overflow:auto!important;margin-right:0;overscroll-behavior-y:auto}body .fancybox__container{--fancybox-color:#000;--fancybox-bg:rgba(255,255,255,.9)}body .fancybox__container .fancybox__toolbar{--f-button-bg:#fff;--f-button-hover-bg:#fff;--f-button-active-bg:#fff;--f-button-hover-color:#000;--fancybox-hover-color:#000}body .fancybox__container .fancybox__footer{display:none}footer{margin-top:40px;padding:var(--padding)}footer .footer-content{padding:24px 30px;border-radius:var(--radius);background:#fff}@media only screen and (max-width:767px){footer .footer-content{padding:16px 20px}}body.dark-mode footer .footer-content{background:rgba(70,70,70,.7)}footer .footer-content .footer-top{display:flex}@media only screen and (max-width:767px){footer .footer-content .footer-top{flex-direction:column;gap:40px}}footer .footer-content .footer-top>div{flex:1;display:flex;align-items:baseline}@media only screen and (max-width:767px){footer .footer-content .footer-top>div{flex-direction:column;gap:20px}}footer .footer-content .footer-top>div .label{width:100px;font-size:14px;font-weight:800}@media only screen and (max-width:767px){footer .footer-content .footer-top>div .label{width:auto}}footer .footer-content .footer-top>div .list{flex:1;padding-right:40px;display:flex;flex-wrap:wrap;gap:5px 16px}@media only screen and (max-width:767px){footer .footer-content .footer-top>div .list{padding-right:0}}footer .footer-content .footer-top>div .list a{font-size:13px;color:rgba(0,0,0,.5);position:relative}body.dark-mode footer .footer-content .footer-top>div .list a{color:rgba(255,255,255,.5)}footer .footer-content .footer-top>div .list a:after{content:"·";color:rgba(0,0,0,.5);position:absolute;right:-10px;top:0;opacity:.5}body.dark-mode footer .footer-content .footer-top>div .list a:after{color:rgba(255,255,255,.5)}@media only screen and (hover:hover){footer .footer-content .footer-top>div .list a:hover{color:var(--color)!important}}footer .footer-content .footer-top>div .list a:last-child:after{display:none}footer .footer-content .footer-bottom{margin-top:80px;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:767px){footer .footer-content .footer-bottom{gap:10px}}footer .footer-content .footer-bottom .footer-left{display:flex;align-items:center;gap:14px}@media only screen and (max-width:767px){footer .footer-content .footer-bottom .footer-left{width:100%;justify-content:space-between}}footer .footer-content .footer-bottom .footer-left .logo{display:inline-block;width:58px;height:20px;background:url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/img/logo.svg) no-repeat center/contain}body.dark-mode footer .footer-content .footer-bottom .footer-left .logo{filter:invert(1)}footer .footer-content .footer-bottom .footer-left .name{font-size:14px;font-weight:700}@media only screen and (max-width:767px){footer .footer-content .footer-bottom .footer-left .name{display:none}}@media only screen and (max-width:767px){footer .footer-content .footer-bottom .footer-left .year{display:none}}footer .footer-content .footer-bottom .footer-left .year,footer .footer-content .footer-bottom .footer-left a{color:rgba(0,0,0,.3);font-size:12px;font-weight:600;line-height:normal}body.dark-mode footer .footer-content .footer-bottom .footer-left .year,body.dark-mode footer .footer-content .footer-bottom .footer-left a{color:rgba(255,255,255,.3)}@media only screen and (hover:hover){footer .footer-content .footer-bottom .footer-left .year:hover,footer .footer-content .footer-bottom .footer-left a:hover{color:var(--color)!important}}footer .footer-content .footer-bottom .footer-right{display:flex;align-items:center;gap:14px}footer .footer-content .footer-bottom .footer-right a.instagram{display:inline-block;text-indent:-1000px;overflow:hidden;width:18px;height:18px;background:url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/img/icon-instagram.svg) no-repeat center/contain}body.dark-mode footer .footer-content .footer-bottom .footer-right a.instagram{filter:invert(1)}.padding{padding:var(--padding)}.padding-x{padding-left:var(--padding);padding-right:var(--padding)}.ui-onoff{position:relative;display:inline-block;width:46px;height:26px;border-radius:var(--radius);background:#cecece;transition:.3s}.ui-onoff span{position:absolute;left:4px;top:50%;transform:translateY(-50%);display:inline-block;width:19px;height:19px;border-radius:100%;background-color:#7d7d7d;transition:transform .3s}.ui-onoff.on{background:#fd6521}.ui-onoff.on span{background-color:#fff;transform:translate(calc(100%),-50%)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:var(--radius);padding:6px 10px;padding-right:28px;color:#fff;font-size:12px;border:0;background-color:var(--color);background-image:url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/img/ui-dropdown-white.svg);background-repeat:no-repeat;background-position:right 4px center;cursor:pointer;max-width:180px}@media only screen and (max-width:767px){select{max-width:140px}}select.sub{color:var(--color);background-color:var(--select-color);background-image:url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/img/ui-dropdown.svg)}.button{color:var(--color);border:1px solid var(--sub-border-color);border-radius:var(--radius);padding:8px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.button:hover{color:#fff;text-decoration:none;background:#000;border-color:#000}.button.primary{background:#000;border-color:#000;color:#fff;padding:8px 20px;height:42px}@media only screen and (hover:hover){.button.primary:hover{filter:drop-shadow(0 3px 5px rgba(0,0,0,.15)) drop-shadow(0 1px 1px rgba(0,0,0,.15))}}.button.sm{padding:2px 8px}.button.block{display:block;padding:5px 16px}.button.shadow{box-shadow:0 1px 2px rgba(0,0,0,.15)}.button.have-icon{position:relative;padding-right:32px}.button.have-icon i.new-window{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:12px;height:12px;display:inline-block;overflow:hidden;text-indent:-1000px;background:url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/img/icon_new_window.svg) no-repeat center/contain}body.dark-mode .button.have-icon i.new-window{filter:invert(1);mix-blend-mode:difference}.button.have-icon:hover i{filter:invert(1)}.button.disabled{opacity:.3;pointer-events:none}.separator{display:inline-block;vertical-align:middle;width:20px;height:2px;background:#000;border-radius:4px}.separator.x2{width:30px}.separator.m2{margin-left:12px;margin-right:12px}.name-wrap{position:relative;cursor:default}.name-wrap .role{opacity:0;position:absolute;font-size:13px;line-height:1;padding:6px;border-radius:var(--radius);background:var(--content-background-color);border:1px solid var(--border-color);box-shadow:0 1px 2px rgba(0,0,0,.16);white-space:nowrap;left:0;bottom:0;transform:translateY(34px);transition:.3s;pointer-events:none;z-index:10}.name-wrap:hover .role{opacity:1}.divider{margin-top:34px;margin-bottom:34px;border-bottom:1px solid #ccc}.divider.dotted{border-bottom:0;height:1px;background:url(//studio.amado.kr/wp-content/themes/amado/custom/../assets/img/div_dotted.svg) repeat-x}.home-wrap h2{color:var(--color);font-size:22px;font-weight:800;line-height:34px;padding-left:calc(34vw - var(--padding))}@media only screen and (max-width:1200px){.home-wrap h2{padding-left:calc(20vw - var(--padding))}}@media only screen and (max-width:767px){.home-wrap h2{font-size:20px;font-weight:800;line-height:30px;word-break:keep-all;padding-left:0}}.home-wrap h2 span{display:inline-block;color:var(--sub-color)}@media only screen and (max-width:767px){.home-wrap h2 span{display:inline-block}}.home-wrap h2 .categories{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:600;opacity:.6}@media only screen and (max-width:767px){.home-wrap h2 .categories{display:none}}@media only screen and (hover:hover){.home-wrap h2 .categories a:hover{opacity:.5}}.home-wrap h2 .categories span.line{display:inline-block;width:12px;border-top:1px solid var(--sub-color);display:none}.home-wrap h3{display:flex;justify-content:space-between;align-items:center;color:var(--color);font-size:16px;font-weight:800;line-height:normal;margin-bottom:20px}.home-wrap h3 span{display:inline-block}.home-wrap h3 span.sub{margin-left:10px;color:var(--sub-color)}@media only screen and (max-width:767px){.home-wrap h3 span.sub{margin-left:4px;vertical-align:top;font-size:12px;line-height:1}}.home-wrap h3 span.have-update{position:relative;padding-right:14px}.home-wrap h3 span.have-update:after{content:"";position:absolute;right:0;top:-2px;width:8px;height:8px;background:var(--primary-color);border-radius:50%}.home-wrap .home-header{margin-top:calc(220px - var(--header));margin-bottom:180px;padding:0 var(--padding)}@media only screen and (max-width:767px){.home-wrap .home-header{margin-top:calc(70px - var(--padding));margin-bottom:80px}}.home-wrap .home-news{margin-bottom:60px;display:none}.home-wrap .home-news .news-list-wrap .news-list{padding:0 var(--padding)}.home-wrap .home-recent-projects{margin-bottom:60px}.home-wrap .home-all-projects{display:flex}.home-wrap .home-all-projects .table-image,.home-wrap .home-all-projects .table-index{position:relative;flex:1}@media only screen and (max-width:767px){.home-wrap .home-all-projects .table-image,.home-wrap .home-all-projects .table-index{flex:none;width:100%}}.page-header{margin-top:100px;margin-bottom:100px}@media only screen and (max-width:767px){.page-header{margin-top:calc(80px - var(--padding));margin-bottom:80px}}.page-header h3{font-size:20px}@media only screen and (max-width:767px){.page-header h3{font-size:18px}}.page-header h3 .mode{color:var(--sub-color)}.projects-list-wrap .project-list-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:15px;margin-bottom:20px}@media only screen and (max-width:767px){.projects-list-wrap .project-list-header{padding-bottom:10px;margin-bottom:14px}}.projects-list-wrap .project-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px}@media only screen and (max-width:767px){.projects-list-wrap .project-list{grid-template-columns:repeat(2,1fr);gap:20px 15px}}.projects-list-wrap .project-list.grid-3{grid-template-columns:repeat(3,1fr)}@media only screen and (max-width:767px){.projects-list-wrap .project-list.grid-3{grid-template-columns:repeat(2,1fr)}}.projects-list-wrap .project-list .project-item .project-image{position:relative;width:100%;padding-top:62.5%;background:rgba(0,0,0,.05)}.projects-list-wrap .project-list .project-item .project-image img{border-radius:var(--radius);position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:top center}.projects-list-wrap .project-list .project-item .project-image .project-image-placeholder{border-radius:var(--radius);position:absolute;left:0;top:0;width:100%;height:100%;background:var(--sub-color);color:#fff;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;text-align:center}.projects-list-wrap .project-list .project-item .project-info{padding-top:14px}@media only screen and (max-width:767px){.projects-list-wrap .project-list .project-item .project-info{padding-top:6px}}.projects-list-wrap .project-list .project-item .project-info .project-title{font-size:14px;font-weight:600}@media only screen and (max-width:767px){.projects-list-wrap .project-list .project-item .project-info .project-title{font-size:13px}}.projects-list-wrap .project-list .project-item .project-info .project-extra{opacity:0;font-size:12px;font-weight:500;display:flex;gap:4px;color:var(--sub-color);pointer-events:none}@media only screen and (max-width:767px){.projects-list-wrap .project-list .project-item .project-info .project-extra{display:none}}@media only screen and (hover:hover){.projects-list-wrap .project-list .project-item:hover .project-info .project-extra{opacity:1;pointer-events:auto}}.projects-list-wrap .more-wrap{display:none}@media only screen and (max-width:767px){.projects-list-wrap .more-wrap{display:block;margin-top:20px}.projects-list-wrap .more-wrap .button{width:100%}}.project-detail-wrap{min-height:calc(100vh - var(--header));position:relative;z-index:100}.project-detail-wrap .project-detail{display:flex;gap:40px;width:100%;padding:calc(var(--padding-y) * 2) var(--padding);padding-top:0}@media only screen and (max-width:767px){.project-detail-wrap .project-detail{flex-direction:column;gap:20px;padding:var(--padding);padding-top:0}}.project-detail-wrap .project-detail+.project-detail{padding-top:0}@media only screen and (max-width:767px){.project-detail-wrap .project-detail+.project-detail{padding-top:var(--padding)}}.project-detail-wrap .project-detail.related-project{padding-top:60px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail.related-project{padding-top:var(--padding)}}.project-detail-wrap .project-detail .project-main{display:flex;flex-direction:column;gap:40px;flex:1}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main{order:2;gap:20px}.project-detail-wrap .project-detail .project-main:empty{display:none}}.project-detail-wrap .project-detail .project-main .image-content{font-size:0;line-height:0}.project-detail-wrap .project-detail .project-main .image-content .image{background:rgba(0,0,0,.05);border-radius:var(--radius)}.project-detail-wrap .project-detail .project-main .image-content img{width:100%}.project-detail-wrap .project-detail .project-main .image-content.content-column-auto{display:flex;flex-direction:column;gap:40px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-auto{gap:20px}}.project-detail-wrap .project-detail .project-main .image-content.content-column-1{display:flex;flex-direction:column;gap:40px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-1{gap:20px}}.project-detail-wrap .project-detail .project-main .image-content.content-column-2{display:flex;flex-wrap:wrap;gap:40px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-2{gap:20px}}.project-detail-wrap .project-detail .project-main .image-content.content-column-2 .image{width:calc(50% - 20px);position:relative}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-2 .image{width:100%}}.project-detail-wrap .project-detail .project-main .image-content.content-column-2version2{display:flex;flex-wrap:wrap;gap:40px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-2version2{gap:20px}}.project-detail-wrap .project-detail .project-main .image-content.content-column-2version2 .image{position:relative}.project-detail-wrap .project-detail .project-main .image-content.content-column-2version2 .image:nth-child(1){width:calc(75% - 40px)}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-2version2 .image:nth-child(1){width:100%}}.project-detail-wrap .project-detail .project-main .image-content.content-column-2version2 .image:nth-child(2){width:calc(25%)}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-2version2 .image:nth-child(2){width:100%}}.project-detail-wrap .project-detail .project-main .image-content.content-column-2version3{display:flex;flex-wrap:wrap;gap:40px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-2version3{gap:20px}}.project-detail-wrap .project-detail .project-main .image-content.content-column-2version3 .image{position:relative}.project-detail-wrap .project-detail .project-main .image-content.content-column-2version3 .image:nth-child(3){width:calc(50% - 20px)}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-2version3 .image:nth-child(3){width:100%}}.project-detail-wrap .project-detail .project-main .image-content.content-column-2version3 .image:nth-child(4){width:calc(50% - 20px)}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-2version3 .image:nth-child(4){width:100%}}.project-detail-wrap .project-detail .project-main .image-content.content-column-3{display:flex;flex-wrap:wrap;gap:40px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-3{gap:20px}}.project-detail-wrap .project-detail .project-main .image-content.content-column-3 .image{width:calc(33.3333% - 27px);position:relative}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-3 .image{width:calc(50% - 10px)}}.project-detail-wrap .project-detail .project-main .image-content.content-column-4{display:flex;flex-wrap:wrap;gap:20px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-4{gap:20px}}.project-detail-wrap .project-detail .project-main .image-content.content-column-4 .image{position:relative;width:calc(25% - 15px)}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-main .image-content.content-column-4 .image{width:calc(50% - 10px)}}.project-detail-wrap .project-detail .project-main .image-content .empty-content{position:relative;width:100%;padding-top:62.5%;background:#333}.project-detail-wrap .project-detail .project-main .image-content .empty-content p{font-size:16px;position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:line-through}.project-detail-wrap .project-detail .project-main .image-content .text{flex:1;flex-basis:100%;width:100%;font-size:14px;line-height:1;font-weight:700;margin-bottom:-20px}.project-detail-wrap .project-detail .project-main .image-content img,.project-detail-wrap .project-detail .project-main .image-content video{width:100%!important;height:auto;border-radius:var(--radius)}.project-detail-wrap .project-detail .project-main .image-content img[data-src]{opacity:0;transition:var(--transition)}.project-detail-wrap .project-detail .project-main .image-content img[data-src].lazyloaded{opacity:1}.project-detail-wrap .project-detail .project-main .image-content .description{font-size:13px;line-height:1.5;font-weight:500;margin-top:20px;opacity:0;transition:.3s}.project-detail-wrap .project-detail .project-main .image-content .image:hover .description,.project-detail-wrap .project-detail .project-main .image-content .video:hover .description{opacity:1}.project-detail-wrap .project-detail .project-sidebar{width:35%;max-width:620px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-sidebar{width:100%;max-width:100%;order:1}}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content{position:sticky;top:calc(var(--padding-y) + 8px);padding-bottom:var(--padding-y)}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content{padding-bottom:0}}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .project-sidebar-content{margin-top:56px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .project-sidebar-content{margin-top:40px}}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .header{margin-bottom:14px;display:flex;gap:10px}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .header .category,.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .header .type{background-color:#000;color:#fff;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:600;height:28px;line-height:21px}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .header .category{background-color:rgba(0,0,0,.3)}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.title{display:flex;gap:20px;align-items:center}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.title h2{font-size:22px;line-height:1.5;font-weight:700}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.title h2{font-size:18px}}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.sub-title{font-size:14px;font-weight:600;opacity:.5;margin-bottom:20px}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.summary{margin-top:-8px;margin-bottom:30px;font-size:16px;font-weight:500;line-height:24px}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs{border-top:1px solid rgba(var(--color-rgb),.1);margin-bottom:22px;display:grid;grid-template-columns:100px repeat(2,1fr)}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs{margin-top:10px}}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs .spec{padding:20px 0;border-bottom:1px solid rgba(var(--color-rgb),.1);flex:auto}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs .spec{padding:14px 0}}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs .spec:nth-child(1),.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs .spec:nth-child(3){padding-right:20px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs .spec:nth-child(1),.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs .spec:nth-child(3){padding-right:14px}}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs .spec:nth-child(4){grid-column:span 2}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs .spec .spec-label{font-size:12px;font-weight:500;line-height:18px}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs .spec .spec-value{font-size:16px;font-weight:600;line-height:20px;max-width:250px}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content>.specs .spec .spec-value .url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;display:block}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content{position:relative}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content:before{content:"";position:absolute;left:0;top:-26px;width:100%;border-top:1px solid #cdcdcd}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content:before{top:-16px}}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content .title{margin-bottom:10px}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content .title h3{font-size:18px;font-weight:700;margin:0}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content .title h3{font-size:16px}}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content .title .extra{margin-top:4px;font-size:13px;font-weight:600;opacity:.3;display:flex;gap:10px}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content .summary{font-size:14px;line-height:24px;font-weight:500}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content .summary{font-size:13px;line-height:20px}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content .summary.related-projects{display:none}}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content .summary a.link{text-decoration:underline;text-underline-offset:3px}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content ul{margin-top:10px;padding-left:20px}.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content .button-wrap{margin-top:24px}@media only screen and (max-width:767px){.project-detail-wrap .project-detail .project-sidebar .project-sidebar-content .side-content .button-wrap{margin-top:14px}}.project-detail-wrap.old-project .project-detail .project-main .image-content .image{padding:80px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:767px){.project-detail-wrap.old-project .project-detail .project-main .image-content .image{padding:20px}}.project-detail-wrap.old-project .project-detail .project-main .image-content .image img{width:auto!important;height:auto;max-width:100%}.project-detail-wrap.project-v2 .image::-webkit-scrollbar{width:4px;height:4px}.project-detail-wrap.project-v2 .image::-webkit-scrollbar-track{background:0 0}.project-detail-wrap.project-v2 .image::-webkit-scrollbar-thumb{background:var(--sub-color);border-radius:var(--radius)}.project-detail-wrap.project-v2 .image::-webkit-scrollbar-thumb:hover{background:var(--main-color)}.project-detail-wrap.project-v2 .image.image-desktop{aspect-ratio:3200/2000;overflow:auto}.project-detail-wrap.project-v2 .image.image-mobile{aspect-ratio:780/1688;overflow:auto}