@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700,900);@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Serif:400i&display=swap);.home{--color-titles:#2c2a2a;--color-bg:#fbfbfb;--color-cursor:#2c2a2a;--color-subtitles:#2c2a2a;--color-paragraphs:#2c2a2a;background-color:var(--color-bg)}.projects,.work{--color-titles:#f73c3c;--color-bg:#2c2a2a;--color-cursor:#fbfbfb;--color-subtitles:#8e8c88;--color-paragraphs:#fbfbfb;background-color:var(--color-bg)}.contact{--color-titles:#fbfbfb;--color-bg:#f73c3c;--color-cursor:#2c2a2a;--color-subtitles:#fbfbfb;--color-paragraphs:#fbfbfb}.about,.contact{background-color:var(--color-bg)}.about{--color-titles:#fbfbfb;--color-bg:#2c2a2a;--color-cursor:#fbfbfb;--color-subtitles:#8e8c88;--color-paragraphs:#fbfbfb}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}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:initial}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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}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:initial}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}[hidden],template{display:none}@font-face{font-family:CondorCompressed;font-style:normal;font-weight:400;src:local("Condor Compressed Regular"),local("CondorC-ompressed-Regular"),url(/static/media/CondorCompressed%20-%20400.97ba1754c6fb3b365b49.ttf) format("truetype")}@font-face{font-family:CondorCompressed;font-style:normal;font-weight:700;src:local("Condor Compressed Bold"),local("CondorC-ompressed-Bold"),url(/static/media/CondorCompressed%20-%20700.ba1b072e6178682666d2.ttf) format("truetype")}@font-face{font-family:CondorCondensed;font-style:normal;font-weight:500;src:local("Condor Condensed Regular"),local("Condor-Condensed-Regular"),url(/static/media/CondorCondensed%20-%20500.fa5fc181a2b49f115dcb.ttf) format("truetype")}@font-face{font-family:CondorCondensed;font-style:normal;font-weight:700;src:local("Condor Condensed Bold"),local("Condor-Condensed-Bold"),url(/static/media/CondorCondensed%20-%20700.0943e29167e21f0bfe60.ttf) format("truetype")}*,:after,:before{box-sizing:border-box}:root{--root-color-bg:$color-black}body,html{background-color:$color-black;background-color:var(--root-color-bg);font-family:CondorCondensed,sans-serif;font-size:100%;overflow:hidden;transition:background-color .8s cubic-bezier(.77,0,.175,1)}h1,h2,h3,h4,h5,h6,p{margin-bottom:0;margin-top:0}a{text-decoration:none}#app{bottom:0;height:100vh;opacity:0;overflow:hidden;right:0;width:100vw;z-index:1}#app,#scene{left:0;position:absolute;top:0}#scene{height:100%;width:100%;z-index:0}#scene-project{height:50vw;margin-bottom:8vw;margin-left:-4vw;position:relative;width:100%;z-index:1}.cursor{--size:100px;border:1px solid var(--color-cursor);border-radius:50%;height:var(--size);left:0;margin-left:calc(var(--size)/-2);margin-top:calc(var(--size)/-2);opacity:1;pointer-events:none;position:fixed;top:0;transform:scale(0);transition:transform .2s ease-out,opacity .3s ease-in,border .3s ease-in;width:var(--size);will-change:transform,opacity,border;z-index:999999}.sidebar{display:grid;grid-area:nav;grid-auto-columns:1fr;grid-template-rows:1fr 1fr 1fr;height:100vh;justify-self:start;padding:4vw;transform:translateY(8vh) skew(0deg,5deg);width:100%;will-change:transform}@media(max-width:991px){.sidebar{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;height:auto}}.sidebar .circleLink{align-items:center;align-self:start;display:flex;height:80px;justify-content:center;justify-self:center;padding:10px;position:relative;transition:transform .1s ease-out;width:80px;z-index:3}@media(max-width:991px){.sidebar .circleLink{align-self:center;height:64px;justify-self:start;width:64px}}.sidebar .circleLink:hover>.circleWrap .line{transform:rotate(-45deg)!important}.sidebar .circleLink:hover>.circleWrap .reverse{transform:rotate(45deg)!important}.sidebar .circleLink .circleBorder{border:1px solid var(--color-paragraphs);border-radius:50%;bottom:0;left:0;opacity:.4;padding:30px;position:absolute;right:0;top:0;z-index:0}.sidebar .circleLink .circleWrap{display:flex;flex-direction:row;transition:transform .1s ease-out}.sidebar .circleLink .circleWrap .circle{background-color:var(--color-paragraphs);border-radius:50%;height:4px;margin:2px;width:4px}.sidebar .circleLink .circleWrap .line{background-color:var(--color-paragraphs);height:1px;margin-right:-13px;transform:rotate(45deg);transition:transform .8s cubic-bezier(.77,0,.175,1);width:26px}.sidebar .circleLink .circleWrap .line.reverse{margin-left:-13px;margin-right:0;transform:rotate(-45deg)}.sidebar h1{align-self:center;color:var(--color-paragraphs);font-size:16px;justify-self:center;letter-spacing:.04em;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}@media(max-width:991px){.sidebar h1{transform:rotate(0deg);writing-mode:inherit}}.sidebar h2{align-self:end;color:var(--color-subtitles);font-size:16px;justify-self:center;letter-spacing:.04em;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}@media(max-width:991px){.sidebar h2{align-self:center;justify-self:end;transform:rotate(0deg);writing-mode:inherit}}.grid,body,html{height:100%;width:100%}.grid{background-color:var(--color-bg);display:grid;overflow:hidden;transition:background-color .8s cubic-bezier(.77,0,.175,1)}.grid.home{grid-template-areas:"header" "nav" "footer";grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}.grid.about,.grid.contact,.grid.projects,.grid.work{grid-template-areas:"nav content";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}@media(max-width:991px){.grid.about,.grid.contact,.grid.projects,.grid.work{grid-template-areas:"nav" "content";grid-template-columns:1fr;grid-template-rows:auto 1fr}}.grid.about .container,.grid.contact .container,.grid.projects .container,.grid.work .container{grid-area:content;overflow-y:auto}.grid.about .container::-webkit-scrollbar,.grid.contact .container::-webkit-scrollbar,.grid.projects .container::-webkit-scrollbar,.grid.work .container::-webkit-scrollbar{width:3px}.grid.about .container::-webkit-scrollbar:hover,.grid.contact .container::-webkit-scrollbar:hover,.grid.projects .container::-webkit-scrollbar:hover,.grid.work .container::-webkit-scrollbar:hover{width:10px}.grid.about .container::-webkit-scrollbar-track,.grid.contact .container::-webkit-scrollbar-track,.grid.projects .container::-webkit-scrollbar-track,.grid.work .container::-webkit-scrollbar-track{background:#0000}.grid.about .container::-webkit-scrollbar-thumb,.grid.contact .container::-webkit-scrollbar-thumb,.grid.projects .container::-webkit-scrollbar-thumb,.grid.work .container::-webkit-scrollbar-thumb{background:#f73c3c}.grid.about .container::-webkit-scrollbar-thumb:hover,.grid.contact .container::-webkit-scrollbar-thumb:hover,.grid.projects .container::-webkit-scrollbar-thumb:hover,.grid.work .container::-webkit-scrollbar-thumb:hover{background:#a53131}.grid.about .container .gridWrapper,.grid.contact .container .gridWrapper,.grid.projects .container .gridWrapper,.grid.work .container .gridWrapper{overflow:hidden;padding-bottom:10vw;padding-left:10vw;padding-top:4vw;width:100%}@media(max-width:991px){.grid.about .container .gridWrapper,.grid.contact .container .gridWrapper,.grid.projects .container .gridWrapper,.grid.work .container .gridWrapper{grid-template-columns:.5fr 1fr 1fr 1fr 1fr .5fr;padding-bottom:8vw;padding-top:8vw}}.grid.about .container .gridWrapper .content,.grid.contact .container .gridWrapper .content,.grid.projects .container .gridWrapper .content,.grid.work .container .gridWrapper .content{transform:scale(.9);will-change:transform}.button-primary{background:linear-gradient(90deg,#8e8c88,#f73c3c);border:0;border-radius:20px;box-shadow:0 3px 0 #63625f;color:#fff!important;cursor:pointer;display:inline-block;font-size:.85rem;min-width:120px;outline:none;padding:.8em 0;text-align:center}.button-primary:hover{box-shadow:0 1px 0 #63625f;color:#fff!important;transform:translateY(2px)}.button-primary-circle{background:linear-gradient(90deg,#8e8c88,#f73c3c);border:0;border-radius:20px;box-shadow:0 3px 0 #63625f;color:#fff!important;cursor:pointer;display:inline-block;font-size:.85rem;min-width:37px;outline:none;padding:.8em 0;text-align:center}.button-primary-circle:hover{box-shadow:0 1px 0 #63625f;color:#fff!important;transform:translateY(2px)}.button-secondary-circle{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:20px;color:#8e8c88;cursor:pointer;display:inline-block;display:flex;height:30px;justify-content:center;outline:none;text-align:center;width:30px}.button-secondary-circle.red{color:#f73c3c}input[type=number],input[type=text]{appearance:none;border:none;border-bottom:1px solid #eee;color:#2c2a2a;outline:none;padding:1em 0}input[type=number]::placeholder,input[type=text]::placeholder{color:#8e8c88}select{appearance:none;background:#0000;border:0;border-bottom:1px solid #eee;border-radius:0;color:#2c2a2a;outline:none;padding:1em 0}select:disabled{cursor:not-allowed;opacity:.4}select::placeholder{color:#8e8c88}.home header{align-items:center;color:var(--color-titles);display:flex;flex-direction:column;grid-area:header;justify-content:flex-start;padding-top:4vw;position:relative;z-index:1}@media(max-width:767px){.home header{padding-top:8vw}}.home header h1{letter-spacing:.04em;margin-bottom:2vw;text-transform:uppercase}.home header h1,.home header h2{font-size:1rem;transform:translateY(8vh) skew(0deg,5deg);transition:color .8s cubic-bezier(.77,0,.175,1);will-change:transform,color}.home header h2{font-family:"IBM Plex Serif",sans-serif;font-style:italic!important;line-height:1.5em;text-align:center}.home nav{grid-area:nav;justify-content:center;position:relative;transform:scale(.9);z-index:1}.home nav,.home nav .wrapper{align-items:center;display:flex;transform-style:preserve-3d;will-change:transform}.home nav .wrapper{flex-direction:row;overflow:hidden;padding:0 4em;position:absolute;transform:translateX(0);transition:transform .8s ease-out}@media(max-width:991px){.home nav .wrapper{flex-direction:column;transform:translateX(0)!important}}.home nav .wrapper:hover>.line,.home nav .wrapper:hover>a{opacity:.5!important;transform:scale(1.05)!important}.home nav .wrapper .line{background-color:var(--color-titles);height:2px;margin-left:5vw;margin-right:5vw;transform:translateY(8vh) skew(0deg,5deg);transition:background-color .8s cubic-bezier(.77,0,.175,1);width:4vw;will-change:transform,background-color}@media(max-width:991px){.home nav .wrapper .line{margin:2vw 0;width:60vw}}@media(max-width:767px){.home nav .wrapper .line{margin:5vw 0;width:80vw}}.home nav .wrapper a{align-items:flex-start;display:flex;font-family:CondorCompressed,sans-serif;font-weight:700;justify-content:flex-start;text-transform:uppercase;transform:translateY(8vh) skew(0deg,5deg);will-change:transform}.home nav .wrapper a.snap{color:var(--color-titles)}.home nav .wrapper a.snap:hover{opacity:1!important;transform:scale(1.08)!important}.home nav .wrapper a .label{font-size:13vw;line-height:1em;transition:letter-spacing .8s cubic-bezier(.77,0,.175,1);will-change:letter-spacing}.home nav .wrapper a .label:hover{letter-spacing:.05em}.home nav .wrapper a .num{font-family:CondorCondensed,sans-serif;font-size:.8rem;margin-left:.25vw;margin-top:1.1vw;writing-mode:vertical-rl}.home footer{align-items:flex-end;display:flex;flex-direction:row;grid-area:footer;justify-content:center;padding-bottom:4vw;position:relative;z-index:1}@media(max-width:767px){.home footer{padding-bottom:8vw}}.home footer a{color:var(--color-titles);font-size:14px;font-weight:500;padding:20px;transform:translateY(8vh) skew(0deg,5deg);transition:color .8s cubic-bezier(.77,0,.175,1);will-change:transform,color}.about .title{margin-bottom:8vw}.about .title h1{color:var(--color-titles);font-family:CondorCompressed,sans-serif;font-size:8.4vw;font-weight:400;line-height:.9em}@media(max-width:991px){.about .title h1{font-size:12.6vw}}.about .title h1 i{font-style:normal!important;opacity:.4}.about .description{align-items:center;display:flex;font-family:Roboto,sans-serif;justify-content:flex-end;margin-bottom:12vw}.about .description .wrap{flex:0 1 40%;transform:translateX(-10vw)}@media(max-width:991px){.about .description .wrap{flex:1 1;transform:translateX(0)}}.about .description .wrap a{color:var(--color-paragraphs);display:inline-block;font-size:1.25vw;letter-spacing:1px;line-height:1.7em;margin-bottom:8vw}@media(max-width:991px){.about .description .wrap a{font-size:2.25vw}}@media(max-width:767px){.about .description .wrap a{font-size:2.7vw}}.about .description .wrap p{color:var(--color-paragraphs);font-size:1vw;line-height:1.7em}@media(max-width:991px){.about .description .wrap p{font-size:2vw}}@media(max-width:767px){.about .description .wrap p{font-size:2.7vw}}.about .experiences{display:flex;flex-direction:column}.about .experiences h1{color:var(--color-paragraphs);font-family:CondorCompressed,sans-serif;font-size:3.19vw;font-weight:400;margin-bottom:8vw}@media(max-width:991px){.about .experiences h1{font-size:4.4vw}}@media(max-width:767px){.about .experiences h1{font-size:6vw}}.about .experiences .exp{display:flex;flex-direction:row;margin-bottom:6vw}.about .experiences .exp.current .name{font-weight:500}.about .experiences .exp .name{color:var(--color-paragraphs);flex:1 1;font-family:Roboto,sans-serif;font-size:1.25vw;font-weight:300;letter-spacing:1px}@media(max-width:991px){.about .experiences .exp .name{font-size:2.25vw}}@media(max-width:767px){.about .experiences .exp .name{font-size:2.7vw}}.work .content .project-nav{margin-left:-.5vw;padding-right:4.4vw;position:relative;z-index:1}.work .content .project-nav .info{align-items:center;display:flex;flex-direction:rows;justify-content:space-between;margin-bottom:4vw;position:relative;z-index:2}@media(max-width:991px){.work .content .project-nav .info{align-items:flex-start;flex-direction:column}}.work .content .project-nav .info .description{color:#8e8c88;font-size:.7rem;font-weight:500;letter-spacing:1px}@media(max-width:991px){.work .content .project-nav .info .description{margin-bottom:1rem}}.work .content .project-nav .info .types{position:relative;z-index:3}.work .content .project-nav .info .types a{color:#8e8c88;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:1px;margin-left:1rem;position:relative;text-transform:uppercase;z-index:99999}@media(max-width:991px){.work .content .project-nav .info .types a{line-height:2rem!important}}.work .content .project-nav .info .types a.active,.work .content .project-nav .info .types a:hover{color:#fff}.work .content .project-nav .info .types a:first-of-type{margin-left:0}.work .content .project-list{grid-gap:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-right:4vw}@media(max-width:991px){.work .content .project-list{grid-template-columns:1fr}}.work .content .project-list:hover>a{opacity:.5}.work .content .project-list a{align-items:flex-start;background-color:#353333;color:var(--color-titles);display:flex;font-family:CondorCompressed,sans-serif;font-weight:700;height:30vw;justify-content:flex-start;overflow:hidden;position:relative;text-transform:uppercase;transform:translate(-.5vw,8vh) skew(0deg,5deg);will-change:transform}@media(max-width:767px){.work .content .project-list a{height:90vw}}.work .content .project-list a:hover{opacity:1;transform:translate(0)!important}.work .content .project-list a:hover>.icon-link{opacity:1;transform:translateY(-1vw);will-change:transform}.work .content .project-list a img{height:100%;object-fit:cover;position:absolute;width:100%}.work .content .project-list a .label{bottom:0;display:block;left:0;line-height:1em;padding:1.5rem 1rem;position:absolute;transition:letter-spacing .8s cubic-bezier(.77,0,.175,1);will-change:letter-spacing;z-index:1}.work .content .project-list a .label:hover{letter-spacing:.03em}.work .content .project-list a .label .type{background-color:$color-black;background-color:var(--root-color-bg);display:inline;line-height:70px;padding:5px 10px}.work .content .project-list a .label .name{background-color:$color-black;background-color:var(--root-color-bg);color:#fff;display:inline;font-size:1.5rem;padding:10px}.work .content .project-list a .num{font-family:CondorCondensed,sans-serif;font-size:.8rem;margin-left:.25vw;margin-top:1.1vw;writing-mode:vertical-rl}.work .content .project-list a .icon-link{align-self:flex-end;background-image:url(/static/media/icon-link.a2e3c9acf690e9a88b18.svg);background-repeat:no-repeat;background-size:contain;color:var(--color-titles);display:inline-block;height:4vw;margin-left:2vw;min-width:4vw;opacity:0;position:relative;transform:translate(-2vw,1vw);transition:all .8s cubic-bezier(.77,0,.175,1);width:4vw;will-change:transform}.work .content .project-list p{color:var(--color-paragraphs);font-family:Roboto,sans-serif;font-size:1vw;line-height:1.7em;margin-top:25vw;width:300px}@media(max-width:991px){.work .content .project-list p{font-size:2vw}}@media(max-width:767px){.work .content .project-list p{font-size:2.7vw}}.contact .title{margin-bottom:8vw}.contact .title h1{color:var(--color-titles);font-family:CondorCompressed,sans-serif;font-size:8.4vw;font-weight:400;line-height:.9em}@media(max-width:991px){.contact .title h1{font-size:12.6vw}}.contact .description{align-items:center;display:flex;font-family:Roboto,sans-serif;justify-content:flex-end}.contact .description .wrap{flex:0 1 40%;transform:translateX(-10vw)}@media(max-width:991px){.contact .description .wrap{flex:0 1 50%;transform:translateX(0)}}@media(max-width:767px){.contact .description .wrap{flex:1 1}}.contact .description .wrap a{color:var(--color-paragraphs);display:inline-block;font-size:1.25vw;letter-spacing:1px;line-height:1.7em;margin-bottom:8vw}@media(max-width:991px){.contact .description .wrap a{font-size:2.25vw}}@media(max-width:767px){.contact .description .wrap a{font-size:2.7vw}}.contact .description .wrap p{color:var(--color-paragraphs);font-size:1vw;line-height:1.7em}@media(max-width:991px){.contact .description .wrap p{font-size:2vw}}@media(max-width:767px){.contact .description .wrap p{font-size:2.7vw}}.projects{color:#eee}.projects .project-info{margin-bottom:8vw;width:100%}.projects .project-info h1{color:#f73c3c;font-family:CondorCompressed,sans-serif;font-size:11.5vw;margin-bottom:8vw;text-transform:uppercase}@media(max-width:991px){.projects .project-info h1{font-size:12.6vw}}.projects .project-info .info{display:flex;margin-bottom:5vw}@media(max-width:991px){.projects .project-info .info{margin-bottom:8vw}}.projects .project-info .info h2{color:#8e8c88;font-size:1rem;font-weight:500;letter-spacing:1px;margin-bottom:2vw}.projects .project-info .info .tech{flex:0 1 30%}@media(max-width:991px){.projects .project-info .info .tech{flex:0 1 40%}}.projects .project-info .info .tech h3{font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;margin-bottom:1vw;text-transform:uppercase}.projects .project-info .info .description{flex:0 1 50%}@media(max-width:991px){.projects .project-info .info .description{flex:0 1 60%}}.projects .project-info .info .description p{font-family:Roboto,sans-serif;font-size:1rem;font-weight:300;line-height:1.7em;margin-bottom:1vw}.projects .project-info .links .link{color:#fbfbfb;font-family:CondorCondensed,sans-serif;font-size:1rem;letter-spacing:1px;margin-right:4em;text-transform:uppercase}.projects .project-info .links .link.red{color:#f73c3c}.projects .images{margin-left:-4vw;width:100%}.projects .images img{background-color:#383636;margin-bottom:8vw;width:100%}.projects .video{margin-bottom:8vw;margin-left:-4vw;width:100%}
/*# sourceMappingURL=main.90e151b8.css.map*/