@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital@0;1&family=Outfit:wght@100..900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.container{width:95vw;display:block;position:relative;left:50%;transform:translate(-50%)}*{box-sizing:border-box;margin:0;padding:0}a{color:#000;display:inline-block;transition:.2s opacity;cursor:pointer}a:hover{color:#000;text-decoration:underline;opacity:.5}#root{display:block;position:relative;width:100%;opacity:0;animation:fadeIn .4s ease forwards;animation-delay:.3s}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eaeaea}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:700}h4{color:#7e7e7e;font-style:italic;font-size:14px;font-weight:400}h1,h2{font-size:85px;line-height:90px}p,a,h2.tagline{font-family:Atkinson Hyperlegible,sans-serif}.hero{background-color:#eaeaea;width:100%;height:220vh}.hero h1{top:20vh;position:absolute;color:#b7b7b7}.hero h1 .name{color:#000}.hero h1.affix{position:absolute}.hero h1 .flux{color:#ed7272;margin-top:15px}.hero h1 .flux path{transition:.6s fill;fill:#ed7272}.hero h1 .flux.admin path{fill:#7958ff}.hero h1 .flux.developer path{fill:#ed7272}.hero h1 .flux.designer path,.hero h1 .flux.affix path{fill:#9ed0bc}.menu{font-size:17px;line-height:30px;width:200px;position:fixed;right:2.5vw;top:calc(2.5vw - 10px);text-align:right;z-index:2}.menu a{color:#fff}h2.tagline{font-size:17px;line-height:30px;font-weight:400;position:fixed;bottom:calc(2.5vw - 10px);right:2.5vw}::selection{background:#2a2a2a;color:#fff}.menu,.tagline{color:#fff;mix-blend-mode:difference;z-index:2}p.half{width:470px;max-width:100%}.image-half{width:60vw;position:absolute;right:0;top:0;height:100%;background:gray;background-size:cover;background-repeat:no-repeat;background-position:center center;border-left:1px solid #eaeaea}.image-half.link:before{width:100%;height:100%;position:absolute;background:#000;opacity:0;pointer-events:none;content:"";transition:opacity .2s}.image-half.link:hover{opacity:1}.image-half.link:hover:before{opacity:.3}.image-half span{width:206px;height:56px;box-shadow:0 0 16px #0003;text-align:center;background:#fff;color:#000;display:block;position:absolute;left:50%;top:50%;transition:opacity .2s;transform:translate(-50%,-50%);border-radius:2px;line-height:56px;font-family:Outfit,sans-serif;font-weight:600;font-size:16px}.image-half .project-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;opacity:0;transition:opacity .2s;background-position:center center}.image-half .project-image.active{opacity:1}.image-half .next-image,.image-half .prev-image{position:absolute;width:31px;height:31px;top:50%;transform:translateY(-50%);background-size:100%}.image-half .next-image.prev-image,.image-half .prev-image.prev-image{background:url("data:image/svg+xml,%3csvg%20width='31px'%20height='31px'%20viewBox='0%200%2031%2031'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='project-detail'%20transform='translate(-420.000000,%20-925.000000)'%3e%3cg%20id='Group'%20transform='translate(420.000000,%20925.000000)'%3e%3ccircle%20id='Oval-Copy-4'%20fill='%23FFFFFF'%20cx='15.5'%20cy='15.5'%20r='15.5'%3e%3c/circle%3e%3cpolygon%20id='Line'%20fill='%23000000'%20points='18.25%208%2010.75%2015.5%2018.25%2023'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");left:20px}.image-half .next-image.next-image,.image-half .prev-image.next-image{background:url("data:image/svg+xml,%3csvg%20width='31px'%20height='31px'%20viewBox='0%200%2031%2031'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='project-detail'%20transform='translate(-852.000000,%20-925.000000)'%3e%3cg%20id='Group-Copy-2'%20transform='translate(867.500000,%20940.500000)%20scale(-1,%201)%20translate(-867.500000,%20-940.500000)%20translate(852.000000,%20925.000000)'%3e%3ccircle%20id='Oval-Copy-4'%20fill='%23FFFFFF'%20cx='15.5'%20cy='15.5'%20r='15.5'%3e%3c/circle%3e%3cpolygon%20id='Line'%20fill='%23000000'%20points='18.25%208%2010.75%2015.5%2018.25%2023'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");right:20px}.section{min-height:70vh;padding-top:40px;padding-bottom:100px;width:100%;position:relative}.section .columns .half{width:50%;display:inline-block;vertical-align:top;padding-right:50px}.section .columns{padding-top:85px}.section .columns h3{color:#bb6bad;font-size:20px;margin-bottom:6px}.section .columns h3.space-top{margin-top:36px}.section .columns h4{margin-top:17px;margin-bottom:6px}.section .columns h4.space-top{padding-top:30px}#work{background:#fff;height:700px}#work h2{color:#b7b7b7}#work .project-wrapper.actual-half .container-half.description-half,#work .project-wrapper.actual-half .image-half{width:50vw}#work .container-half{width:50vw;padding-left:calc(50% - 47.5vw)}#work .container-half.description-half{width:40vw}#work .container-half{padding-right:5vw}#work .container-half a.close-project{opacity:.5;margin-bottom:20px}#work .container-half a.close-project:hover{opacity:1}#work .container-half h2{font-size:30px;line-height:1.2;color:#000;margin-bottom:5px}#work .container-half p.description{margin-top:53px}#work .container-half h3{font-size:16px;color:#000;margin-bottom:5px}#work .container-half h3:first-of-type{margin-top:53px}#work .container-half p{margin-bottom:30px}#services{background:#2a2a2a;padding-bottom:200px;color:#fff}#services ::selection{color:#2a2a2a;background:#fff}#services h2,#services h3,#services a{color:#fff}.fade-enter{opacity:0}.fade-out-anim{animation:fadeOut .2s ease forwards}.fade-exit,.fade-enter-active{opacity:1}.fade-exit-active{opacity:0}.fade-enter-active{transition:opacity .2s}#contact{margin-top:-110px;clip-path:ellipse(120% 100% at bottom);padding-top:87px;z-index:3;height:auto;padding-bottom:55px;background:#6d608d}#contact h2,#contact p,#contact a{color:#fff}#contact h2{margin-bottom:15px}#contact p{font-size:20px;margin-bottom:55px}#contact a{text-decoration:underline}.breakpoint{width:100%;position:absolute}.breakpoint.admin{top:90vh}.breakpoint.designer{top:140vh}@media screen and (max-width:850px){.menu,.tagline{display:none}body h1,body h2{font-size:9.96vw;line-height:10.6vw}body .section{padding-top:5vw;padding-bottom:5vw}body .section#work{height:auto;max-height:none}body .section#work .project-wrapper .container-half.description-half,body .section#work .project-wrapper.actual-half .container-half.description-half{width:70%;padding-bottom:0}body .section#work .project-wrapper .container-half.description-half p:last-of-type,body .section#work .project-wrapper.actual-half .container-half.description-half p:last-of-type{margin-bottom:0}body .section#work .project-wrapper .image-half,body .section#work .project-wrapper.actual-half .image-half{position:relative;display:block;width:100%;padding-bottom:60%;top:39px;border-left:none;border-top:1px solid #eaeaea}body .section#work .project-wrapper .image-half.link,body .section#work .project-wrapper .image-half.link:hover,body .section#work .project-wrapper.actual-half .image-half.link,body .section#work .project-wrapper.actual-half .image-half.link:hover{opacity:1}body .section#work .project-wrapper .image-half.link:before,body .section#work .project-wrapper .image-half.link:hover:before,body .section#work .project-wrapper.actual-half .image-half.link:before,body .section#work .project-wrapper.actual-half .image-half.link:hover:before{opacity:.3}body .section#services{padding-bottom:170px}h1#hero-header{top:50vh;top:50dvh;transform:translate(-50%) translateY(-50%)}.hero h1 .flux{margin-top:1.8vw}.hero h1 .flux svg{max-width:100%;height:auto}}@media screen and (max-width:600px){body .section#contact{clip-path:ellipse(180% 100% at bottom);padding-top:65px}body .section#work .project-wrapper .container-half.description-half,body .section#work .project-wrapper.actual-half .container-half.description-half{width:100%}body .section#work .image-half{padding-bottom:75%}body .section#work .image-half .next-image,body .section#work .image-half .prev-image{width:50%;height:100%;background-repeat:no-repeat}body .section#work .image-half .next-image:hover,body .section#work .image-half .prev-image:hover{opacity:1}body .section#work .image-half .next-image{background-position:center right 20px}body .section#work .image-half .prev-image{background-position:center left 20px}body .section#services{padding-bottom:110px}body .section .columns{padding-top:45px}body .section .columns .half{width:100%;margin-bottom:36px}body .section .columns h4.space-top{padding-top:15px}}