*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%;font-family:"NB International Mono",monospace;letter-spacing:.03em;font-weight:300;background-color:#fbfbfb;scroll-behavior:smooth;-webkit-animation:fade 1s ease-in-out;animation:fade 1s ease-in-out}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.container{margin:54.97px .5rem}@media (min-width:425px){.container{margin:61.36px 2rem}}@media (min-width:1024px){.container{margin:3.6rem 3rem}}.container .grid{display:grid;grid-gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:425px){.container .grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:1024px){.container .grid{grid-template-columns:repeat(auto-fill,minmax(470px,1fr))}}.container .grid .wrapper{position:relative;display:grid;color:#fff;transition:all 1s}.container .grid .wrapper:before{content:"";display:block;padding-bottom:100%;grid-area:1/1/2/2}.container .grid .wrapper:after{content:"\A";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(25,25,25,.4);opacity:0;transition:all 1s;-webkit-transition:all 1s}.container .grid .wrapper:hover:after{opacity:1}.container .grid .wrapper:hover img{opacity:.4;transition:.3s}.container .grid .wrapper:hover figcaption{opacity:1;text-align:left;text-shadow:1px 1px rgba(25,25,22,.6)}.container .grid .wrapper .inner-pic{width:100%;max-width:100%;object-fit:cover;grid-area:1/1/2/2}.container .grid .wrapper figcaption{opacity:0;position:absolute;transition:opacity 1.2s ease-in-out;text-decoration:underline;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;z-index:3}@media (min-width:769px){.container .grid .wrapper figcaption{font-size:1.3rem}}@media (min-width:1024px){.container .grid .wrapper figcaption{font-size:1.5rem}}.about-container{margin:54.97px .5rem;display:flex;flex-direction:column;justify-content:center}@media (min-width:425px){.about-container{margin:61.36px 2rem}}@media (min-width:1024px){.about-container{margin:3.6rem 3rem}}.about-container .about-section{margin:5rem 2rem 0;display:grid;grid-template-columns:1fr;grid-column-gap:2rem;grid-row-gap:2rem}@media (min-width:1024px){.about-container .about-section{grid-template-columns:300px 2fr;grid-column-gap:2rem;grid-row-gap:2rem}}@media (min-width:1440px){.about-container .about-section{grid-template-columns:500px 2fr;grid-column-gap:1rem}}.about-container .about-section .about-item{font-size:1.2rem}.about-container .about-section .about-item:nth-of-type(odd){min-width:80%}@media (min-width:1024px){.about-container .about-section .about-item:nth-of-type(odd){min-width:33%;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3}}.about-container .about-section .about-item:nth-of-type(odd) .about-header{font-size:40px;margin:0;letter-spacing:-1px}@media (min-width:425px){.about-container .about-section .about-item:nth-of-type(odd) .about-header{font-size:60px}}@media (min-width:1024px){.about-container .about-section .about-item:nth-of-type(odd) .about-header{margin:1rem}}.about-container .about-section .about-item:nth-of-type(2n){min-width:80%}@media (min-width:1024px){.about-container .about-section .about-item:nth-of-type(2n){grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:3}}.about-container .about-section .about-item:nth-of-type(2n) .inner-item{margin-bottom:3rem}.about-container .about-section .about-item:nth-of-type(2n) .inner-item h3{margin:0;text-decoration:underline;-webkit-text-decoration-color:#f4e1dd;text-decoration-color:#f4e1dd}.about-container .about-section .about-item:nth-of-type(2n) .inner-item p{font-size:18px}@media (min-width:425px){.about-container .about-section .about-item:nth-of-type(2n) .inner-item p{font-size:1.2rem}}.contact-container{margin:54.97px .5rem;display:flex;flex-direction:column;justify-content:center}@media (min-width:425px){.contact-container{margin:61.36px 2rem}}@media (min-width:1024px){.contact-container{margin:3.6rem 3rem}}.contact-container .contact-section{margin:5rem 2rem 0;display:grid;grid-template-columns:1fr;grid-column-gap:2rem;grid-row-gap:2rem}@media (min-width:1024px){.contact-container .contact-section{grid-template-columns:500px 2fr;grid-column-gap:3rem;grid-row-gap:2rem}}.contact-container .contact-section .contact-item{font-size:1.2rem}.contact-container .contact-section .contact-item:nth-of-type(odd){min-width:80%}@media (min-width:1024px){.contact-container .contact-section .contact-item:nth-of-type(odd){min-width:33%;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3}}.contact-container .contact-section .contact-item:nth-of-type(odd) .contact-header{font-size:40px;margin:0;letter-spacing:-1px}@media (min-width:425px){.contact-container .contact-section .contact-item:nth-of-type(odd) .contact-header{font-size:60px}}@media (min-width:1024px){.contact-container .contact-section .contact-item:nth-of-type(odd) .contact-header{margin:1rem}}.contact-container .contact-section .contact-item:nth-of-type(2n){min-width:80%}@media (min-width:1024px){.contact-container .contact-section .contact-item:nth-of-type(2n){grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:3}}.contact-container .contact-section .contact-item:nth-of-type(2n) .inner-item{margin-bottom:3rem;display:flex;flex-direction:column}.contact-container .contact-section .contact-item:nth-of-type(2n) .inner-item h3{margin:3rem 0 1rem;text-decoration:underline;-webkit-text-decoration-color:#f4e1dd;text-decoration-color:#f4e1dd}.contact-container .contact-section .contact-item:nth-of-type(2n) .inner-item a{font-size:18px;color:#000;margin:1rem 0}@media (min-width:425px){.contact-container .contact-section .contact-item:nth-of-type(2n) .inner-item a{font-size:1.2rem}}.header{display:flex;justify-content:flex-start;background-color:#fbfbfb;color:#0c0c0c;font-size:1.25rem;line-height:1.3;position:fixed;top:0;width:100vw;z-index:1;padding:0 1rem .3rem}@media (min-width:425px){.header{padding:.7rem 2rem .5rem}}@media (min-width:1024px){.header{padding:.7rem 3rem}}.header .logo{margin:1.2rem 0 0}@media (min-width:425px){.header .logo{margin:.7rem .3rem 0}}@media (min-width:769px){.header .logo{margin:.1rem .3rem}}.header .logo img{height:1.5rem}.header .menu-icon{display:block;height:2rem;position:absolute;top:1.2rem;right:1rem;margin:0}@media (min-width:425px){.header .menu-icon{right:2rem;top:1.4rem}}@media (min-width:769px){.header .menu-icon{display:none}}.menu{display:none}@media (min-width:769px){.menu{display:flex;justify-content:center;font-size:1.25rem;line-height:1.5;font-family:"NB International Mono",monospace;position:fixed;right:0;height:auto;width:100%;z-index:2;transition:transform 1s ease-in-out}}.menu a{margin:.1rem 1.2rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:inherit;position:relative;text-decoration:none}.menu a:before{content:"";position:absolute;left:-1.5em;right:-1.5em;top:-.5em;bottom:-.5em}.menu a:after{background-color:#000;bottom:-.2em;content:"";display:inline-block;height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:100% 0;transition:transform .125s ease-out .125s;width:100%}.menu a:hover:after{transform:scaleX(1)}.menu a.selectedLink:after{text-decoration:underline;transform:scaleX(1)}.footer-column{width:100%;display:flex;flex-direction:column;list-style:none;padding:25px}@media (min-width:769px){.footer-column{width:30%}}.footer-column>a,.footer-column li{margin-bottom:.8rem}.footer-column>a{color:#000;text-decoration:none}.footer-column>a.selectedLink{text-decoration:underline}footer{width:100vw;height:auto;background-color:#e5e5e5;bottom:0}footer .footer-container{width:90%;max-width:1060px;margin:0 auto;padding:50px 0}footer .footer-container a{color:#000;margin-bottom:.8rem}footer .footer-container .footer-main{display:flex;flex-direction:column;align-items:center}@media (min-width:425px){footer .footer-container .footer-main{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}footer .footer-container .footer-main .some{display:flex;justify-content:flex-start;list-style:none;padding:0}footer .footer-container .footer-main .some li{margin-right:2rem}footer .footer-container .footer-main .some li img{height:2.5rem}@media (min-width:769px){footer .footer-container .footer-main .some li img{height:3rem}}footer .footer-container .footer-copyright{display:flex;justify-content:flex-start;width:100%}footer .footer-container .footer-copyright .footer-column{width:100%}.menu-mobile{display:flex;flex-direction:column;background-color:#000;color:#cfcfcf;padding-top:4rem;transform:translateX(30%);height:100%;width:100%;position:fixed;margin-top:54.97px;top:0;left:0;transition:transform .4s ease-out;z-index:101}@media (min-width:769px){.menu-mobile{display:none}}@media (min-width:425px){.menu-mobile{transform:translateX(40%);margin-top:61.36px}}@media only screen and (orientation:landscape){.menu-mobile{padding-top:1rem}}.menu-mobile a{color:#cfcfcf;font-size:1.5rem;margin:1.3rem 2rem;background:transparent;letter-spacing:.5rem;text-decoration:none;transition:color .3s linear}@media only screen and (orientation:landscape){.menu-mobile a{font-size:1.2rem}}.menu-mobile .selectedLink{border-bottom:1px solid #cfcfcf}.menu-mobile.closed{transform:translateX(100%)}.menu-mobile .menu-footer{position:relative;font-size:1rem;line-height:1rem;bottom:-3rem;left:2rem}@media only screen and (orientation:landscape){.menu-mobile .menu-footer{bottom:0}}.menu-mobile .menu-footer p{color:#cfcfcf}@keyframes fade{0%{opacity:0}70%{opacity:.5}to{opacity:1}}@-webkit-keyframes fade{0%{opacity:0}70%{opacity:.5}to{opacity:1}}::-webkit-scrollbar{width:0;background:transparent}.project-page{margin:54.97px 0}@media (min-width:425px){.project-page{margin:61.36px 0}}@media (min-width:1024px){.project-page{margin:3.6rem 0}}.project-page .project-pic{width:100%;height:auto;max-height:800px;object-fit:cover}.project-page .project-about{display:flex;flex-direction:column}@media (min-width:769px){.project-page .project-about{flex-direction:row}}.project-page .project-about .project-caption{margin:2rem 1.5rem 0;font-size:2rem;font-weight:700;text-transform:uppercase}@media (min-width:769px){.project-page .project-about .project-caption{margin:3rem 2rem 2rem 6rem}}.project-page .project-about .project-texts{display:flex;flex-direction:column;margin:1rem 1.5rem}@media (min-width:769px){.project-page .project-about .project-texts{margin:3rem 6rem}}@media (min-width:1024px){.project-page .project-about .project-texts{margin:3rem 8rem}}.project-page .project-about .project-texts .text-about{margin:1rem 0;font-size:18px}.project-page .project-about .project-texts .read-more{margin:1rem 0;font-size:18px;height:100%;opacity:1;transition:opacity .8s ease-in-out}.project-page .project-about .project-texts .read-less{height:0;opacity:0}.project-page .project-about .project-texts span>strong{text-decoration:underline;transition:all .2s ease-in-out;cursor:pointer;z-index:100}.project-page .project-about .project-texts span>strong:hover{color:#f4e1dd}.project-page .project-gallery{display:grid;grid-gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:769px){.project-page .project-gallery{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.project-page .project-gallery .project-image-wrapper{position:relative;display:grid;color:#000;transition:all 1s}.project-page .project-gallery .project-image-wrapper:before{content:"";display:block;padding-bottom:100%;grid-area:1/1/2/2}.project-page .project-gallery .project-image-wrapper img{width:100%;max-width:100%;object-fit:cover;grid-area:1/1/2/2}.project-page #lightbox{position:fixed;flex-direction:column;justify-content:center;align-items:center;padding:0!important;z-index:101;left:0;top:0;width:100%;height:100%;overflow-y:scroll;background-color:rgba(41,41,41,.8)}.project-page #lightbox .close-icon{display:block;height:2rem;position:absolute;top:1.2rem;right:1rem;margin:0}@media (min-width:425px){.project-page #lightbox .close-icon{right:2rem;top:1.5rem;height:3rem}}.project-page #lightbox .next{display:none}@media (min-width:425px){.project-page #lightbox .next{display:block;position:absolute;height:3rem;right:0;top:45%}}@media (min-width:769px){.project-page #lightbox .next{right:1rem;height:5rem}}.project-page #lightbox .prev{display:none}@media (min-width:425px){.project-page #lightbox .prev{display:block;position:absolute;height:3rem;left:0;top:45%}}@media (min-width:769px){.project-page #lightbox .prev{right:1rem;height:5rem}}.project-page #lightbox .img-wrapper{position:relative;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);padding:0!important;width:100%;overflow:scroll}@media (min-width:425px){.project-page #lightbox .img-wrapper{width:80%}}@media only screen and (min-width:425px) and (orientation:landscape){.project-page #lightbox .img-wrapper{width:50%}}@media (min-width:769px){.project-page #lightbox .img-wrapper{width:70%}}@media only screen and (min-width:769px) and (orientation:landscape){.project-page #lightbox .img-wrapper{width:50%}}@media (min-width:1024px){.project-page #lightbox .img-wrapper{width:50%}}.project-page #lightbox .img-wrapper #lightbox-img{width:100%;object-fit:fill}.project-page #lightbox .img-wrapper .tooltip-in{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;padding:4px;color:grey;background-color:#f4e1dd;transition:opacity .5s ease-in-out}.project-page #lightbox .img-wrapper:hover .tooltip-in{display:none}@media (min-width:769px){.project-page #lightbox .img-wrapper:hover .tooltip-in{display:block}}.project-page #lightbox .img-wrapper .dots{width:100%;margin-bottom:0;position:relative;text-align:center;cursor:default;z-index:103}@media (min-width:425px){.project-page #lightbox .img-wrapper .dots{display:none}}.project-page #lightbox .img-wrapper .dots .dot{width:7px;height:7px;margin:0 4px;position:relative;border-radius:50%;display:inline-block;background-color:hsla(0,0%,100%,.3);transition:.4s;cursor:pointer}.project-page #lightbox .img-wrapper .dots .dot.active{background:#f4e1dd}.project-page #lightbox .img-wrapper .count-wrap{position:relative;width:100%;text-align:end;padding:0 .5rem}.project-page #lightbox .img-wrapper .count-wrap #count{color:#f4e1dd;margin-top:0;margin-right:0;position:relative;z-index:103;font-size:.8rem}@media (min-width:425px){.project-page #lightbox .img-wrapper .count-wrap{display:none}}.project-page #lightbox .img-wrapper-dbc .count-wrap,.project-page #lightbox .img-wrapper-dbc .dots,.project-page #lightbox .img-wrapper-dbc .tooltip-in{display:none}@media (min-width:769px){.project-page #lightbox .img-wrapper-dbc{position:absolute;z-index:105;width:150%;height:100%;overflow-y:scroll;padding:0;box-sizing:content-box}.project-page #lightbox .img-wrapper-dbc #lightbox-img{width:100%;object-fit:cover}}
/*# sourceMappingURL=main.7d61a5ce.chunk.css.map */