@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul,figure,figcaption{margin:0;padding:0}body,button,input,select,table,textarea{font-family:var(--mainEng-font),var(--subEng-font),helvetica,sans-serif}a,a:hover,a:focus{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}em,address{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}#skip a{position:absolute;left:10px;top:-92px;z-index:100000;font-size:1rem;padding:10px 30px;color:var(--white);background:var(--black)}#skip a:focus,#skip a:active{top:10px}.montserrat{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.karla{font-family:Karla,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}:root{--mainEng-font: "Montserrat";--subEng-font: "Karla";--mainNum-font: "Montserrat";--mainBg-color: #f3ede8;--subBg100: #cdc0b1;--subBg200: #afa395;--subBg300: #81887c;--subBg400: #afa7a2;--subBg500: #a6afa2;--white: #fff;--black: #000;--black100: #2b2b2b;--black200: #434343;--black300: #686868;--black400: #e0e0e0;font-family:var(--mainEng-font);font-size:16px;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (max-width: 800px){:root{font-size:14px;line-height:1.4}}body{background-color:var(--mainBg-color)}#header{position:fixed;left:0;top:0;width:100%;z-index:10000}.header__inner{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff0a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1rem}.header__inner .header__logo{font-size:.9rem;text-align:center;text-transform:uppercase;line-height:1}.header__inner .header__logo em{font-size:10px;display:block;color:var(--black500)}@media (max-width: 800px){.header__inner .header__nav{display:none}.header__inner .header__nav.show{display:block}.header__inner .header__nav.show ul{display:block;position:absolute;right:0;top:68px;background-color:#7463631a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10000;min-width:150px;padding:20px 0}.header__inner .header__nav.show ul li{display:block;text-align:right}.header__inner .header__nav.show ul li a{display:inline-block;padding:10px}.header__inner .header__nav.show+.header__nav__mobile span:before{width:20px}.header__inner .header__nav.show+.header__nav__mobile span:after{width:20px}}.header__inner .header__nav li{display:inline}.header__inner .header__nav li a{text-transform:uppercase;font-size:14px;padding:14px;position:relative;color:var(--black500)}.header__inner .header__nav li a:before{content:"";width:calc(100% - 28px);height:1px;background-color:var(--black500);position:absolute;left:14px;bottom:10px;transform:scaleX(0);transition:all .3s}.header__inner .header__nav li a:hover:before{transform:scaleX(1)}.header__inner .header__nav__mobile{display:none;width:40px;height:40px;cursor:pointer}@media (max-width: 800px){.header__inner .header__nav__mobile{display:block}}.header__inner .header__nav__mobile span{display:block;width:40px;height:2px;background-color:var(--black500);margin-top:19px;position:relative}.header__inner .header__nav__mobile span:before{content:"";width:40px;height:2px;background-color:var(--black500);position:absolute;right:0;top:6px;transition:width .3s}.header__inner .header__nav__mobile span:after{content:"";width:40px;height:2px;background-color:var(--black500);position:absolute;left:0;bottom:6px;transition:width .3s}#about{height:100vh}.about__inner{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:16px}@media (max-width: 800px){.about__inner{justify-content:center}}.about__inner .about__title{font-size:10vw;text-transform:uppercase;line-height:1;font-weight:800;white-space:nowrap;text-indent:-.5vw;letter-spacing:-.3vw}@media (max-width: 320px){.about__inner .about__title{display:none}}.about__inner .about__text{width:100%;height:36vh;background-color:var(--black);color:var(--white);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.about__inner .about__text .text{font-size:2vw;line-height:1;font-weight:800;text-transform:uppercase;text-decoration:underline;text-align:center;position:relative;z-index:100;transition:all .3s;cursor:all-scroll}@media (max-width: 800px){.about__inner .about__text .text{font-size:22px}}.about__inner .about__text .img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30vh;height:30vh;border-radius:50%;overflow:hidden;filter:grayscale(100%);transition:all .3s}@media (max-width: 320px){.about__inner .about__text .img{width:20vw;height:20vh}}.about__inner .about__text:hover .text{opacity:0}.about__inner .about__text:hover .img{filter:grayscale(0)}.about__inner .about__lines{width:100%}.about__inner .about__lines .line{display:block;width:100%;height:1px;background-color:var(--black);margin-bottom:.5vw}.about__inner .about__lines .line:nth-child(1){height:1px}.about__inner .about__lines .line:nth-child(2){height:2px}.about__inner .about__lines .line:nth-child(3){height:5px}.about__inner .about__lines .line:nth-child(4){height:9px}.about__inner .about__lines .line:nth-child(5){height:13px}.about__inner .about__lines .line:nth-child(6){height:17px}.about__inner .about__lines .line:nth-child(7){height:25px}.about__inner .about__lines.bottom .line{margin-top:.5vw;margin-bottom:0;display:none}@media (max-width: 800px){.about__inner .about__lines.bottom .line{display:block}}.about__inner .about__lines.bottom .line:nth-child(1){height:25px}.about__inner .about__lines.bottom .line:nth-child(2){height:17px}.about__inner .about__lines.bottom .line:nth-child(3){height:13px}.about__inner .about__lines.bottom .line:nth-child(4){height:9px}.about__inner .about__lines.bottom .line:nth-child(5){height:5px}.about__inner .about__lines.bottom .line:nth-child(6){height:2px}.about__inner .about__lines.bottom .line:nth-child(7){height:1px}.exp__inner{padding:16px;display:flex;justify-content:space-between}@media (max-width: 800px){.exp__inner{flex-direction:column}}.exp__inner .exp__title{position:sticky;top:70px;left:0;width:48%;height:5vw;font-size:4vw;font-weight:900;line-height:1.6;font-family:var(--mainKor-font);text-transform:uppercase;color:var(--black100);border-bottom:.4vw solid var(--black100)}@media (max-width: 800px){.exp__inner .exp__title{width:100%;margin-bottom:10vw;font-size:30px;height:auto;top:68px;background-color:var(--mainBg-color)}}.exp__inner .exp__title em{font-size:1.25rem;font-weight:400;line-height:2}.exp__inner .exp__desc{width:50%}@media (max-width: 800px){.exp__inner .exp__desc{width:100%}}.exp__inner .exp__desc span{font-size:5vw;line-height:1;font-weight:900;line-height:1.3;font-family:var(--mainNum-font)}@media (max-width: 800px){.exp__inner .exp__desc span{font-size:20vw}}.exp__inner .exp__desc h3{font-size:1.5rem;text-decoration:underline;text-underline-position:under;margin-bottom:1vw}.exp__inner .exp__desc p{font-size:1.1rem;margin-bottom:0}.exp__inner .exp__container{padding-bottom:20vh}.exp__inner .exp__button{text-transform:uppercase;font-size:14px;padding:0 0 14px;position:relative}.exp__inner .exp__button:before{content:"";width:100%;height:1px;background-color:var(--black);position:absolute;bottom:10px;transform:scaleX(0);transition:all .3s}.exp__inner .exp__button:hover:before{transform:scaleX(1)}.exp__inner .exp__tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}.exp__inner .exp__tags span{font-size:1rem;font-weight:600;line-height:1;line-height:1.3;font-family:var(--mainNum-font)}.exp__inner .exp__tag{display:inline-block;background-color:#f0f0f0;color:#333;padding:6px 12px;font-size:.85rem;font-weight:500;border-radius:999px;border:1px solid #ddd;font-family:var(--mainEng-font)}#proj{width:100%;margin-top:30vh}.proj__inner{padding:16px}.proj__inner .proj__title{width:100%;height:5vw;font-size:4vw;font-weight:900;line-height:1.6;font-family:var(--mainKor-font);text-transform:uppercase;color:var(--black100);border-bottom:.4vw solid var(--black100);margin-bottom:16px;text-indent:-.26vw}.proj__inner .proj__title em{font-size:1.25rem;font-weight:400;line-height:2}.proj__inner .proj__wrap{display:flex;flex-wrap:wrap;width:7000px}.proj__inner .proj__wrap .proj__item{width:520px;height:auto;background-color:var(--subBg100);padding:2.5rem;margin-right:20px}.proj__inner .proj__wrap .proj__item.p1{background-color:var(--subBg100)}.proj__inner .proj__wrap .proj__item.p2{background-color:var(--subBg200)}.proj__inner .proj__wrap .proj__item.p3{background-color:var(--subBg300)}.proj__inner .proj__wrap .proj__item.p4{background-color:var(--subBg400)}.proj__inner .proj__wrap .proj__item.p5{background-color:var(--subBg500)}.proj__inner .proj__wrap .proj__item.p6{background-color:var(--subBg100)}.proj__inner .proj__wrap .proj__item.p7{background-color:var(--subBg200)}.proj__inner .proj__wrap .proj__item.p8{background-color:var(--subBg300)}.proj__inner .proj__wrap .proj__item.p9{background-color:var(--subBg400)}.proj__inner .proj__wrap .proj__item.p10{background-color:var(--subBg500)}.proj__inner .proj__wrap .proj__item .num{font-size:2rem;font-family:var(--mainNum-font)}.proj__inner .proj__wrap .proj__item .img{display:block;margin-top:-20px;transition:margin-top .3s}.proj__inner .proj__wrap .proj__item .img img{border-radius:5px;filter:saturate(0%);transition:all .3s}.proj__inner .proj__wrap .proj__item .img:hover{margin-top:0}.proj__inner .proj__wrap .proj__item .img:hover img{filter:saturate(100%)}.proj__inner .proj__wrap .proj__item .title{font-size:1.5rem;text-align:center;padding:.8rem 0;font-weight:700;color:var(--black100);border-bottom:2px solid var(--black100);margin-bottom:1rem}.proj__inner .proj__wrap .proj__item .desc{font-size:1rem}.proj__inner .proj__wrap .proj__item .site{border:1px solid var(--black100);display:block;text-align:center;padding:.625rem 1.5rem;margin-top:1.5rem;transition:all .2s}.proj__inner .proj__wrap .proj__item .site:hover{background-color:var(--black100);color:var(--white)}#contact{height:100vh}.contact__inner{width:100%;height:100%;padding:16px;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column}@media (max-width: 800px){.contact__inner{justify-content:center}}.contact__inner .contact__title{font-size:8vw;text-transform:uppercase;line-height:1;font-weight:800;white-space:nowrap;text-indent:-.5vw;letter-spacing:-.3vw}@media (max-width: 800px){.contact__inner .contact__title{display:none}}.contact__inner .contact__text{width:100%;height:40vh;background-color:var(--black);color:var(--white);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.contact__inner .contact__text .text{font-size:3vw;line-height:1;font-weight:900;text-transform:uppercase;text-decoration:underline;text-align:center;position:relative;z-index:100;transition:all .3s;cursor:all-scroll}@media (max-width: 800px){.contact__inner .contact__text .text{font-size:24px;padding:0 16px;word-break:break-all}}#footer{font-family:var(--mainKor-font);margin-top:24vh}.footer__inner{padding:16px}.footer__inner .footer__text{font-size:12px;text-transform:uppercase;border-top:1px solid var(--black);border-bottom:1px solid var(--black);display:flex;justify-content:space-between}.footer__inner .footer__center{text-align:center;text-transform:uppercase;font-size:12px;margin-bottom:20px}.footer__inner .footer__icons{display:flex;justify-content:center;gap:12px;list-style:none;padding:0;margin:0 0 20px}