@font-face{font-display:swap;font-family:PublicSans;font-style:normal;font-weight:400;src:url(./PublicSans-Regular.BfSNBL5m.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(./Inter-Regular.COLGFB3M.woff2) format("woff2")}@font-face{font-display:swap;font-family:InterBold;font-style:normal;font-weight:400;src:url(./Inter-Bold.BOs3KVhN.woff2) format("woff2")}@font-face{font-display:swap;font-family:InterExtraBold;font-style:normal;font-weight:400;src:url(./Inter-ExtraBold.BUaDDWMS.woff2) format("woff2")}*,:after,:before{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}:root{--bg:#fff;--text:#111}.dark{--bg:#111;--text:#fff}body{background:var(--bg);color:var(--text);font-family:PublicSans,sans-serif;margin:0;padding:0;transition:background .3s ease,color .3s ease}h1,h2{font-family:sans-serif}h3,h4{color:#655e4e;font-family:InterExtraBold,sans-serif;font-size:60px;margin-top:0}@media(max-width:1200px){h3,h4{font-size:3.5rem}}@media(max-width:1024px){h3,h4{font-size:3.2rem}}@media(max-width:690px){h3,h4{font-size:3rem}}@media(max-width:645px){h3,h4{font-size:2.7rem}}@media(max-width:490px){h3,h4{font-size:2.4rem}}.main{padding-top:200px}.section{padding:180px 0 190px}@media(max-width:1440px){.section{padding:160px 0}}@media(max-width:810px){.section{padding:130px 0}}@media(max-width:590px){.section{padding:80px 0}}.container{margin:auto;padding:0 5rem;width:100%}@media(max-width:810px){.container{padding:0 3rem}}@media(max-width:690px){.container{padding:0 2rem}}@media(max-width:645px){.container{padding:0 1.3rem}}@media(max-width:590px){.container{padding:0 1rem}}.container-flex{align-items:center;display:flex}p{line-height:2.5}@media(max-width:810px){p{font-size:.9rem}}a{text-decoration:none}img{height:auto;width:100%}.reveal-title{--p:0;--fromX:-120px;opacity:var(--p);transform:translate(calc((1 - var(--p))*-40px));will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.reveal-title{opacity:1;transform:none}}.dark body .main button{border:1px solid #fff;color:#fff}.dark body .main button:hover{background:#fff;color:#000}.dark body .navigation.fixed{border-bottom:.1px solid hsla(0,0%,100%,.18)}.dark body .navigation__subtitle{color:#9ca3ab}.dark body .sun{display:none}.dark body .moon{display:block}.dark body .hero__image img.day{opacity:0}.dark body .hero__image img.night{opacity:1}.dark body .projects-intro h3{color:#9b885d}.dark body .slide__content h4{color:#7a7567}.dark body .slide__content .heading a{color:#3684a9}.dark body .slide__content .desc{color:#cdcdcd}.dark body .slide__content .mockup .light{opacity:0;transition-delay:0s}.dark body .slide__content .mockup .dark{opacity:1}.dark body .next-btn{border:1px solid hsla(0,0%,100%,.2);border-radius:0}.dark body .next-btn:hover{opacity:1}.dark body .contact h3{color:#763a55}.dark body .contact-form input,.dark body .contact-form label{color:#fff}.dark body .contact-form input:focus,.dark body .contact-form textarea:focus{border-color:#fff}.dark body .copyright a{color:#bcbcbc}.dark body .error-page h1{color:#d0d0d0}.dark body .error-page h2{color:#c1bcbc}.swiper .swiper-button-prev{display:none}.error-page[data-v-8b60d1f8]{height:100vh;max-height:100svh}.error-page .container[data-v-8b60d1f8]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.error-page img[data-v-8b60d1f8]{display:block;margin-bottom:50px;max-width:400px}@media(max-width:810px){.error-page img[data-v-8b60d1f8]{max-width:375px}}@media(max-width:480px){.error-page img[data-v-8b60d1f8]{max-width:300px}}.error-page h1[data-v-8b60d1f8]{color:#05054a;font-size:180px;margin:0 0 30px}@media(max-width:810px){.error-page h1[data-v-8b60d1f8]{font-size:180px}}@media(max-width:480px){.error-page h1[data-v-8b60d1f8]{font-size:140px;margin-bottom:15px}}.error-page h2[data-v-8b60d1f8]{color:#2c2a2a;font-size:21px;margin:30px 0 100px}@media(max-width:480px){.error-page h2[data-v-8b60d1f8]{font-size:22px;margin-bottom:50px}}.error-page a[data-v-8b60d1f8]{color:inherit;padding:10px;position:relative}.error-page a:hover svg[data-v-8b60d1f8]{opacity:.9;transform:translate(0) rotate(0)}.error-page a svg[data-v-8b60d1f8]{left:100px;opacity:0;position:absolute;top:-4px;transform:translate(-10px) rotate(10deg);transition:opacity .3s,transform .3s;width:40px}