@import url(https://fonts.googleapis.com/css2?family=Bellota+Text:wght@300;400;700&display=swap);#home{position:absolute;width:100vw}#home .home-animation{height:100vh;height:var(--app-height);position:relative}#home .home-animation .slider{position:absolute;height:100vh;height:var(--app-height);opacity:1;overflow:hidden;transition:all .6s;text-align:center;margin:auto;line-height:100vh;line-height:var(--app-height);display:flex;flex-direction:column;justify-content:center}#home .home-animation .slider.close{opacity:0}#home .home-animation .dot-line{position:absolute;top:calc(50vh - 88px);top:calc(var(--app-height)/2 - 88px);animation:grow .6s;-webkit-animation:grow .6s}#home .home-animation .dot-line.I{animation-delay:.1s}#home .home-animation .dot-line.Y{animation-delay:.2s}#home .home-animation .dot-line.U{animation-delay:.3s}#home .home-animation .dot-black{position:absolute;top:calc(50vh - 88px);top:calc(var(--app-height)/2 - 88px);animation:appear .4s;-webkit-animation:appear .4s;opacity:0}#home .home-animation .dot-black.M{animation-delay:.6s}#home .home-animation .dot-black.I{animation-delay:1s}#home .home-animation .dot-black.Y{animation-delay:1.5s}#home .home-animation .dot-black.U{animation-delay:1.9s}#home .home-animation .dot-black.stay{animation-delay:2.3s;animation-fill-mode:forwards}@keyframes appear{to{opacity:1}}@keyframes grow{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}#home .home-animation .logo-appearing{width:100vw;margin:auto;height:100vh;height:var(--app-height);justify-content:center}#home .home-animation .logo-appearing .letter-M,#home .home-animation .logo-appearing .letter-M img{width:131px}#home .home-animation .logo-appearing .letter-M .slider{transition-delay:.6s}#home .home-animation .logo-appearing .letter-I,#home .home-animation .logo-appearing .letter-I img{width:45px}#home .home-animation .logo-appearing .letter-I .slider{transition-delay:1s}#home .home-animation .logo-appearing .letter-Y,#home .home-animation .logo-appearing .letter-Y img{width:81px}#home .home-animation .logo-appearing .letter-Y .slider{transition-delay:1.4s}#home .home-animation .logo-appearing .letter-U,#home .home-animation .logo-appearing .letter-U img{width:85px}#home .home-animation .logo-appearing .letter-U .slider{transition-delay:1.8s}#home .home-animation .subtitle{width:100vw;font-family:"Frunchy";position:absolute;top:calc(50% + 70px);font-size:28px;opacity:0;animation:appear 3s forwards;-webkit-animation:appear 3s forwards;animation-delay:2.1s;text-align:center}@media(min-width:2000px){#home .home-animation .dot-black,#home .home-animation .dot-line{top:calc(50vh - 105px);top:calc(var(--app-height)/2 - 105px)}#home .home-animation .logo-appearing .letter-M,#home .home-animation .logo-appearing .letter-M img{width:157px}#home .home-animation .logo-appearing .letter-I,#home .home-animation .logo-appearing .letter-I img{width:54px}#home .home-animation .logo-appearing .letter-Y,#home .home-animation .logo-appearing .letter-Y img{width:97px}#home .home-animation .logo-appearing .letter-U,#home .home-animation .logo-appearing .letter-U img{width:102px}#home .home-animation .subtitle{top:calc(50% + 84px);font-size:36px}}@media(min-width:2500px){#home .home-animation .dot-black,#home .home-animation .dot-line{top:calc(50vh - 123px);top:calc(var(--app-height)/2 - 123px)}#home .home-animation .logo-appearing .letter-M,#home .home-animation .logo-appearing .letter-M img{width:183px}#home .home-animation .logo-appearing .letter-I,#home .home-animation .logo-appearing .letter-I img{width:63px}#home .home-animation .logo-appearing .letter-Y,#home .home-animation .logo-appearing .letter-Y img{width:113px}#home .home-animation .logo-appearing .letter-U,#home .home-animation .logo-appearing .letter-U img{width:119px}#home .home-animation .subtitle{top:calc(50% + 98px);font-size:44px}}@media(max-width:374px){#home .home-animation .dot-black,#home .home-animation .dot-line{top:calc(50vh - 70px);top:calc(var(--app-height)/2 - 70px)}#home .home-animation .logo-appearing .letter-M,#home .home-animation .logo-appearing .letter-M img{width:105px}#home .home-animation .logo-appearing .letter-I,#home .home-animation .logo-appearing .letter-I img{width:36px}#home .home-animation .logo-appearing .letter-Y,#home .home-animation .logo-appearing .letter-Y img{width:65px}#home .home-animation .logo-appearing .letter-U,#home .home-animation .logo-appearing .letter-U img{width:68px}#home .home-animation .subtitle{top:calc(50% + 56px);font-size:22px}}#about{position:absolute;width:100vw;top:90px}#about .title{font-family:"Frunchy";font-size:14vw;margin-left:5vw}#about .intro-text{background-color:#f5f6f4;width:80vw;bottom:0;font-size:clamp(16px,4vw,22px);padding:5vw 5vw 10vw;margin-left:5vw}#about .intro-text a{color:#000}#about .our-faces{display:grid;grid-template-rows:repeat(3,1fr);grid-column-gap:0;grid-row-gap:0;margin-left:5vw;width:90vw;height:90vw;position:relative}#about .our-faces>*{aspect-ratio:1}#about .our-faces .face-image-meg{grid-area:1/1/3/4}#about .our-faces .meg-presentation{grid-area:1/4/2/6;position:absolute;top:5vh;margin-left:2vw}#about .our-faces .face-image-irene{grid-area:2/3/4/6}#about .our-faces .irene-presentation{grid-area:3/2/4/4;position:absolute;top:5vh;margin-left:-2vw}#about .our-faces .presentation .name{font-size:6vw;font-weight:600}#about .our-faces .presentation .role{font-size:4vw}#about .our-faces .irene,#about .our-faces .meg{width:calc(100% - 2vw);border-radius:50%;border:1px solid #000;padding:1vw}#about .our-faces .irene{margin-left:-2vw}@media(min-width:768px){#about{height:calc(100% - 90px);height:calc(var(--app-height) - 90px)}#about .title{line-height:7vh;height:calc(100vh - 100px);position:absolute;grid-area:1/1/5/2;font-family:"Frunchy";-ms-writing-mode:tb-lr;writing-mode:vertical-lr;transform:rotate(180deg);font-size:22vh;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#about .about-wrapper{display:flex}#about .about-wrapper .intro-text{background-color:#f5f6f4;width:32vw;position:absolute;bottom:0;left:15vw;font-size:21px;padding:2vw;margin-left:0}#about .about-wrapper .our-faces{display:grid;grid-template-rows:repeat(3,1fr);grid-column-gap:0;grid-row-gap:0;position:absolute;margin-left:3vw;left:50vw;width:80vh;height:80vh;max-width:45vw;max-height:50vw;top:50%;transform:translateY(-50%)}#about .about-wrapper .our-faces>*{aspect-ratio:1}#about .about-wrapper .our-faces .irene-presentation,#about .about-wrapper .our-faces .meg-presentation{position:absolute;top:5vh}#about .about-wrapper .our-faces .presentation .name{font-size:24px;font-weight:600}#about .about-wrapper .our-faces .presentation .role{font-size:18px}#about .about-wrapper .our-faces .irene,#about .about-wrapper .our-faces .meg{width:100%;border-radius:50%;border:1px solid #000;padding:1vw}}@media(min-width:1024px){#about .about-wrapper .intro-text{font-size:calc(10px + 2vh);min-width:340px}}@media(min-width:1394px){#about .about-wrapper .intro-text{height:70vh}}.project-detail-large{position:fixed;bottom:0;background:#f5f6f4;z-index:5000;width:94vw;height:84vh;height:calc(100% - 16vh);height:calc(var(--app-height) - 16vh);padding:8vh 3vw;overflow:scroll;font-size:18px}.project-detail-large .project-title{font-size:22px;font-weight:500}.project-detail-large .close-wrapper{position:absolute;right:0;top:0;cursor:pointer;width:70px;height:70px}.project-detail-large .close-wrapper .close{position:absolute;top:35px;right:25px;right:20px;width:30px;height:2px;background:#000;display:block;transform-origin:center;transform:rotate(45deg)}.project-detail-large .close-wrapper .close:before{transition:.3s ease-in-out;content:"";position:absolute;display:block;width:100%;height:100%;background:#000;transform:rotate(90deg);top:0}.project-detail-large .description>*{margin-bottom:20px}.project-detail-large .description .actions div{margin-bottom:10px}.project-detail-large .description .link{margin-bottom:50px}.project-detail-large .description .link a{color:#000}.project-detail-large .slick-dots li{width:35px}.project-detail-large .slick-dots li button:before{background-color:#fff;border:1.5px solid #000;width:12px;height:12px;content:"";border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background:none;opacity:1}.project-detail-large .slick-active:before{width:10px;height:10px}.project-detail-large .slick-dots li.slick-active button:before{background-color:#000}.project-detail-large .slick-arrow{display:none!important}.project-detail-large .slick-slider{padding-bottom:30px;width:94vw}.project-detail-large .slick-slide img{width:100%;margin:auto}@media(min-width:768px){.project-detail-large{display:flex;align-items:center;justify-content:space-between;font-size:20px;height:calc(100vh - 8vw);padding:4vw 3vw}.project-detail-large>*{width:45%}.project-detail-large .slick-slider{width:unset}.project-detail-large .slick-dots li button:before{width:14px;height:14px}.project-detail-large .project-title{font-size:24px}.project-detail-large .description .link{margin-bottom:unset}.project-detail-large .slick-slide{height:60vh}}#work{position:absolute;width:100vw;top:90px}#work .title{font-family:"Frunchy";font-size:14vw;margin-left:5vw;line-height:7vh}#work .flex.column{align-items:center;justify-content:center;min-height:70vh;font-size:12vw}#work .flex.column>*{cursor:pointer}#work .flex.column :nth-child(odd) *{font-family:"Frunchy"}#work .flex.column :nth-child(2n) *{font-family:"Bellota Text"}#work .flex.column.render-project{z-index:0;color:#000;position:relative}#work .flex.column.render-project .project-detail:hover{color:#dbdfd7;opacity:.8}#work .flex.column.render-project .project-detail:hover>*{opacity:1;visibility:visible}#work .flex.column.render-project .project-detail .project-title{position:relative;z-index:4}#work .flex.column img{position:fixed;opacity:0;visibility:hidden;transition:all .8s ease;z-index:-20}#work .motion-background{position:absolute;z-index:2}@media(min-width:450px){#work .flex.column{font-size:9vw}}@media(min-width:768px){#work .title{height:calc(100vh - 100px);position:absolute;grid-area:1/1/5/2;font-family:"Frunchy";-ms-writing-mode:tb-lr;writing-mode:vertical-lr;transform:rotate(180deg);font-size:22vh;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#work .flex.column{font-size:6vw}}@media(min-width:1200px){#work .flex.column{font-size:4vw}}.fa-spinner{animation:spinner 1.5s linear infinite;color:#fff}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.submit-button{color:#fff;background-color:#272727;width:30%;height:47px;margin:auto;text-align:center;font-size:24px;line-height:47px;font-family:inherit;border:none;cursor:pointer}.submit-button.sent{background-color:grey;cursor:auto}#contact{position:absolute;width:100vw;top:90px}#contact .title{font-family:"Frunchy";font-size:14vw;text-align:left;margin-left:5vw}#contact .contact-form{position:relative;padding:0 20px}#contact .contact-form .subtitle{font-size:20px;margin-bottom:20px}#contact .contact-form .subtitle .width-50{width:50%}#contact .contact-form .subtitle :last-child{margin-left:5px}#contact .contact-form .subtitle input{background-color:transparent;line-height:100%}#contact .contact-form .subtitle ::-webkit-input-placeholder{color:#000;opacity:1}#contact .contact-form .subtitle :-ms-input-placeholder{opacity:1}#contact .contact-form .subtitle ::placeholder{color:#000;opacity:1}#contact .contact-form .subtitle :-ms-input-placeholder{color:#000}#contact .contact-form .subtitle ::-ms-input-placeholder{color:#000}#contact .contact-form .subtitle span{margin-left:0!important}#contact .contact-form .input-container{padding-left:10px;background-color:#f5f6f4}#contact .contact-form .input-fields>*{height:45px;margin-bottom:15px}#contact .contact-form input,#contact .contact-form textarea{border:none;width:100%;height:100%;background-color:#f5f6f4;font:inherit;font-size:20px;resize:none;padding:0;line-height:42px}#contact .contact-form input:focus,#contact .contact-form textarea:focus{outline:none}#contact .contact-form .comment{background-color:#f5f6f4}#contact .contact-form .submit-button{width:200px;margin:20px auto;transition:all .1s}#contact .contact-form .submit-button:hover{letter-spacing:1.3px}@media(min-width:768px){#contact .title{height:calc(100vh - 100px);position:absolute;grid-area:1/1/5/2;font-family:"Frunchy";-ms-writing-mode:tb-lr;writing-mode:vertical-lr;transform:rotate(180deg);font-size:22vh;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;line-height:7vh}#contact .contact-form{padding:0;position:relative;display:grid;grid-template-columns:2fr 4fr 4fr 2fr;grid-template-rows:2fr 3fr 3fr 3fr;grid-column-gap:20px;grid-row-gap:20px;max-width:1200px;height:100%;margin:0 auto}#contact .contact-form .subtitle{grid-area:1/2/1/4;font-size:20px;align-items:flex-end}#contact .contact-form .input-container{padding-left:10px;background-color:#f5f6f4}#contact .contact-form .input-fields{grid-area:2/2/4}#contact .contact-form .input-fields>*{height:45px;margin-bottom:15px}#contact .contact-form input,#contact .contact-form textarea{border:none;width:100%;height:100%;background-color:#f5f6f4;font:inherit;font-size:20px;resize:none;padding:0;line-height:42px}#contact .contact-form input:focus,#contact .contact-form textarea:focus{outline:none}#contact .contact-form .comment{grid-area:2/3/4;background-color:#f5f6f4}#contact .contact-form .submit-button{grid-area:4/2/4/4}}label.hamburger-button .menu{position:absolute;right:-100px;top:-100px;z-index:2000;width:200px;height:200px;background:transparent;border-radius:50% 50% 50% 50%;transition:.5s ease-in-out;cursor:pointer}label.hamburger-button .hamburger{position:absolute;top:135px;right:135px;width:30px;height:2px;background:#000;display:block;transform-origin:center;transition:.3s ease-in-out}label.hamburger-button .hamburger:after,label.hamburger-button .hamburger:before{transition:.3s ease-in-out;content:"";position:absolute;display:block;width:100%;height:100%;background:#000}label.hamburger-button .hamburger:before{top:-10px}label.hamburger-button .hamburger:after{bottom:-10px}label.hamburger-button input{display:none}label.hamburger-button input:checked+.menu{width:calc(100vw + 100px);border-radius:0}label.hamburger-button input:checked+.menu .hamburger{transform:rotate(45deg)}label.hamburger-button input:checked+.menu .hamburger:after{transform:rotate(90deg);bottom:0}label.hamburger-button input:checked+.menu .hamburger:before{transform:rotate(90deg);top:0}label.hamburger-button ul{font-size:10vh;font-family:"Frunchy";z-index:200;right:calc(-100vw - 100px);position:absolute;list-style-type:none;transition:.3s ease-in-out;background:#f5f6f4;width:calc(100vw - 40px);margin:0;padding-top:15vh;height:100vh}label.hamburger-button input:checked+.menu+ul{right:0;transition:.7s ease-in-out}label.hamburger-button .menu-link{margin-bottom:.5em;display:block;color:#000;text-decoration:none;cursor:pointer;transition-duration:.1s;transition-property:letter-spacing}label.hamburger-button .menu-link:hover{letter-spacing:1.5px}@media(min-width:768px){label.hamburger-button ul{width:10ch;right:calc(-10ch - 170px)}label.hamburger-button input:checked+.menu{width:40vw}label.hamburger-button input:checked+.menu+ul{right:0}}#header{height:70px;width:100%;position:fixed;top:0;z-index:1}#header .letters{padding:10px 5vw}#header .header-logo{text-align:center;padding:1px;cursor:pointer}#header .header-logo>:first-child{width:5px;height:5px}#header .header-logo>:last-child img{height:30px;font-family:"Frunchy"}@media(min-width:768px){#header{height:100px;background:transparent}#header .letters{padding:10px 30px}}.app{position:relative;min-height:100vh;min-height:var(--app-height)}.footer{display:none;position:absolute;bottom:5vh;left:50%;transform:translate(-50%);width:130px;justify-content:space-between}.footer>*{cursor:pointer;width:15px!important}@media(min-width:768px){.footer{display:flex}}:root{--app-height:100%}body{margin:0;font-family:"Bellota Text","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#272727;box-sizing:border-box;font-weight:300}body>*{-webkit-tap-highlight-color:transparent}body strong{font-weight:700}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Frunchy";font-display:swap;src:local("Frunchy"),url(/static/media/Frunchy.a88a1b94.woff2) format("woff2"),url(/static/media/Frunchy.2a821ea2.woff) format("woff")}@font-face{font-family:"Bellota Text";font-display:swap;font-style:light}@font-face{font-family:"Bellota Text";font-display:swap;font-style:bold}.flex{display:flex}.flex.column{flex-direction:column}.hidden{display:none}
/*# sourceMappingURL=main.60c66224.chunk.css.map */