:root{--xl: 1512px;--lg: 1280px;--md: 1024px;--sm: 768px;--xs: 584px;--landscape: 915px;--font-sans: "Noto Sans", sans-serif;--font-head: "Instrument Serif", serif;--font-xxl: 5.3125rem;--font-xl: 4.6872rem;--font-lg: 2.5rem;--font-md: 1.5rem;--font-sm: 1rem}@media only screen and (max-width: 1512px){:root{--font-xxl: 9.8rem;--font-xl: 6rem;--font-lg: 2.2rem}}@media only screen and (max-width: 1024px){:root{--font-xxl: 7.5rem;--font-xl: 5.2rem;--font-lg: 2rem;--font-md: 1.333rem}}@media only screen and (max-width: 584px){:root{--font-xxl: 7rem;--font-xl: 4rem;--font-lg: 1.667rem;--font-md: 1.333rem}}:root{--gap: 2rem}@media only screen and (max-width: 584px){:root{--gap: .667rem}}:root{--white: #ffffff;--offwhite: #f5f5f5;--black: #000000;--grey: #f5f5f5;--blue: #2F02B7;--border: 1px solid var(--white);--shadow-boxing: drop-shadow(0 4px 4px rgb(0 0 0 / 25%));--ease-out: cubic-bezier(0, 1, 1, 1);--ease-out-expo: cubic-bezier(0, 1, 0, 1);--ease-in: cubic-bezier(1, 0, 1, 1);--ease-in-expo: cubic-bezier(1, 0, 1, 0);--ease-in-out: cubic-bezier(.785, .135, .15, .86);--highlightColorHover: #f00;--highlightColorClick: #f00}.instrument-serif-regular{font-family:"Instrument Serif",serif;font-weight:400;font-style:normal}.instrument-serif-regular-italic{font-family:"Instrument Serif",serif;font-weight:400;font-style:italic}// <uniquifier>: Use a unique and descriptive class name // <weight>: Use a value from 100 to 900 .noto-sans-hardeenters{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal;font-variation-settings:"wdth" 100}@font-face{font-family:Movement;src:url(/public/dist/assets/MovementV-DmURIz5k.woff2) format("woff2");font-weight:100 1000}@font-face{font-family:SimplexNeue-Regular;src:url(/src/css/fonts/SimplexNeue-Regular.woff) format("woff"),url(/src/css/fonts/SimplexNeue-Regular.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:AnonymousPro-Regular;src:url(/src/css/fonts/AnonymousPro-Regular.ttf) format("truetype");font-weight:400;font-display:block}@keyframes scroll-arrow-down-in{0%{transform:translateY(-100%)}50%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes scroll-arrow-down-out{0%{transform:translateY(-100%)}50%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scroll-arrow-down-move{0%{transform:translateY(-20%)}to{transform:translateY(20%)}}@keyframes scroll-arrow-right-in{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(0)}}@keyframes scroll-arrow-right-out{0%{transform:translate(-100%)}50%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scroll-arrow-right-move{0%{transform:translate(-20%)}to{transform:translate(20%)}}@keyframes scroll-arrow-left-in{0%{transform:translate(100%)}50%{transform:translate(0)}to{transform:translate(0)}}@keyframes scroll-arrow-left-out{0%{transform:translate(100%)}50%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scroll-arrow-left-move{0%{transform:translate(20%)}to{transform:translate(-20%)}}@keyframes fontspace{0%{font-variation-settings:"SPAC" 100}to{font-variation-settings:"SPAC" 120}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:none;-moz-appearance:none}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:initial;min-height:100%;height:auto;overflow-x:hidden}html.is-fullscreen{overflow-y:hidden}body{color:var(--white)}p{margin-block-end:1em}p:last-child{margin-block-end:0}@media only screen and (max-width: 1024px){p{font-weight:300}}a{display:inline-block;color:var(--foreground);text-underline-offset:.1em}body{background:linear-gradient(180deg,#2f00ff,#180060 25%,#909090 81%,#000)}main{height:100%}html{font-size:16px;font-weight:100;font-family:var(--font-sans)}@media only screen and (max-width: 584px){html{font-size:15px}}body{font-size:1rem;line-height:1.4}p,li{font-size:var(--font-md)}a{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400;font-family:var(--font-head);line-height:1.2;margin-bottom:.5em}h1{font-size:var(--font-xxl);margin-bottom:0;line-height:1}h2{font-size:var(--font-xl);margin-bottom:0;line-height:1}h3{font-size:var(--font-lg)}h4{font-size:var(--font-md)}.home section{margin-bottom:4rem;padding:0 var(--gap)}.home ul{list-style:none}.home .title{width:100%;border-bottom:var(--border);margin-bottom:2rem}.home .title h3{margin-bottom:0}header .languages{display:flex;justify-content:flex-end;font-family:var(--font-sans);font-size:1.25rem;font-weight:500;text-transform:uppercase;padding:calc(var(--gap)/2)}header .languages a{margin:0 .2em}header .languages a:hover{text-shadow:0 0 3px var(--white),0 0 5px var(--white)}header .languages a:hover:after{text-shadow:none}header .languages a:first-child:after{content:"/"}.footer{margin-bottom:2rem;padding:0 var(--gap);padding-bottom:var(--gap)}.footer .email{font-size:var(--font-md);font-weight:300}@media only screen and (max-width: 584px){.footer .email{margin-bottom:1rem}}.footer .email a{line-height:1}.footer .email a:hover{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.1em}@media only screen and (max-width: 1024px){.footer .email a{word-break:break-all}}.footer .contact{display:flex;justify-content:space-between;border-bottom:var(--border);padding-bottom:2rem;margin-bottom:2rem}@media only screen and (max-width: 768px){.footer .contact{flex-direction:column}}.footer .contact .social-links{display:flex;justify-content:flex-end}@media only screen and (max-width: 768px){.footer .contact .social-links{justify-content:flex-start}}@media only screen and (max-width: 584px){.footer .contact .social-links{margin-bottom:1rem}}.footer .contact .social-links svg{width:1.5em;height:100%;fill:var(--offwhite);opacity:.5;transition:opacity .2s var(--ease-in);margin-right:1em}.footer .contact .social-links svg:hover{opacity:1}.footer .contact .copyright{display:flex;align-items:flex-end;justify-content:flex-end}@media only screen and (max-width: 768px){.footer .contact .copyright{justify-content:flex-start}}.footer .contact .copyright p{font-size:var(--font-sm)}.footer p{margin-bottom:0}.intro{display:flex;flex-direction:column;justify-content:flex-end;height:calc(100vh - calc(1.25rem + var(--gap)));overflow-x:hidden}@media only screen and (max-width: 584px){.intro{padding:3.33rem 0;min-height:auto}}@media only screen and (max-width: 915px) and (orientation: landscape){.intro{height:100%}}.intro p{margin:3rem 0;font-size:var(--font-lg);width:80%}@media only screen and (max-width: 768px){.intro p{margin-bottom:0}}@media only screen and (max-width: 584px){.intro p{width:100%;font-size:var(--font-md)}}.services .wrapper{height:100%}.services ul{-moz-column-count:5;column-count:5}@media only screen and (max-width: 1024px){.services ul{-moz-column-count:4;column-count:4}}@media only screen and (max-width: 584px){.services ul{-moz-column-count:2;column-count:2}}@media only screen and (max-width: 1024px){.services ul li{font-weight:300}}.projects .wrapper{display:flex}.projects .wrapper .left,.projects .wrapper .right{padding:var(--gap);width:50%}.projects .wrapper .left{position:sticky;top:0;display:flex;justify-content:center;flex-direction:column;height:50vh;padding-top:25vh;padding-left:0;margin-bottom:5vh}.projects .wrapper .left .project-info{position:absolute;pointer-events:none;opacity:0;display:flex;flex-direction:column;align-items:center;transition:opacity .2s var(--ease-in);padding:calc(var(--gap) * 2) var(--gap) calc(var(--gap) * 3) 0}.projects .wrapper .left .project-info.selected{opacity:1;pointer-events:all}.projects .wrapper .left .project-info img{width:70%;filter:var(--shadow-boxing)}.projects .wrapper .left .project-info .project-link{width:100%;display:flex;justify-content:center;margin-bottom:1rem}.projects .wrapper .left .project-info .project-link a{display:flex;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:3px;font-weight:300}@media only screen and (max-width: 1024px){.projects .wrapper .left .project-info .project-link a{width:20%;justify-content:flex-end}}.projects .wrapper .left .project-info .project-link a svg{width:1.2em;fill:var(--white);margin-left:.2em}.projects .wrapper .left .project-tags{margin:3rem 0;display:inline-block;text-align:center}.projects .wrapper .left .tag{display:inline-block;padding:10px 20px;border-radius:24px;background-color:var(--blue);color:var(--white);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:300;letter-spacing:1px;margin:1em;filter:var(--shadow-boxing)}@media only screen and (max-width: 1024px){.projects .wrapper .left{display:none}}.projects .wrapper .right{border-left:var(--border)}.projects .wrapper .right ul li{position:relative;border-bottom:var(--border);display:flex;justify-content:space-between;align-items:end;cursor:pointer}.projects .wrapper .right ul li h3.project-title{font-family:"Movement",var(--font-sans);font-weight:100;font-size:4rem;margin:.2em 0;font-variation-settings:"SPAC" 100;transition:font-variation-settings .2s var(--ease-in)}@media only screen and (max-width: 1024px){.projects .wrapper .right ul li h3.project-title{font-size:3rem}}.projects .wrapper .right ul li h3.project-title.highlighted{font-variation-settings:"SPAC" 120}.projects .wrapper .right ul .mobile-project-info{display:none;transform:translateY(-100%);position:absolute;transition:transform .2s var(--ease-in);padding:calc(var(--gap) / 2) 0;font-weight:300}.projects .wrapper .right ul .mobile-project-info.open{transform:none;position:relative;display:flex}.projects .wrapper .right ul .mobile-project-info ul{display:flex;flex-direction:column}.projects .wrapper .right ul .mobile-project-info ul li{border-bottom:none}.projects .wrapper .right ul .mobile-project-info .project-link{display:flex;justify-content:flex-end;width:30%}.projects .wrapper .right ul .mobile-project-info .project-link a{display:flex;align-items:center}.projects .wrapper .right ul .mobile-project-info .project-link svg{fill:var(--white)}.projects .wrapper .right ul li:hover h3{font-variation-settings:"SPAC" 120}@media only screen and (max-width: 1024px){.projects .wrapper .right{width:100%;border-left:none}}.about p{width:70%}@media only screen and (max-width: 1024px){.about p{width:100%}}