*,body{box-sizing:border-box}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-slower{0%{opacity:0}50%{opacity:.3}to{opacity:1}}@keyframes fade-in-slowest{0%{opacity:0}90%{opacity:0}to{opacity:1}}@keyframes content-fade-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}body{background:#0f1116}.App,body{color:#fff}*,:after,:before{box-sizing:border-box;margin:0;padding:0;z-index:2}:focus{outline:none}body{line-height:1.15;font-family:"Lato",sans-serif}h1,h2{font-family:"Amiri",serif;font-weight:400;text-transform:uppercase;padding:0;margin:0}h2{font-size:2em}h3{font-family:"amiri",serif;font-size:1.5em;font-weight:400;text-transform:uppercase;margin-bottom:.5em}ol,ul{list-style:none}a{margin:0;padding:0;font-size:100%;color:#fff;vertical-align:baseline;background:transparent;text-decoration:none;box-sizing:border-box;outline:0;width:100%;display:inline-block}img{max-width:100%}p{max-width:700px;font-family:"Lato",sans-serif;word-spacing:.5px;letter-spacing:.5px;font-size:.9em;margin-top:1rem}button,fieldset{border:none}button{background:none;padding:0;margin:0;outline:0}.portal{position:fixed;top:0;left:0;z-index:9999;width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.portal:after{content:"";position:fixed;left:-100;top:-100;background-color:rgba(0,0,0,.616);width:100vw;height:100vh}.portal__imagecontainer{z-index:10;padding:10px;max-height:900px;display:flex;justify-content:center}.portal__imagecontainer:hover{cursor:pointer}.portal__image{width:100%;min-height:100%;object-fit:contain;overflow:hidden}.wrapper{margin:2rem 2rem 4rem;min-height:90vh;position:relative;z-index:1}.wrapper--inner{position:relative;z-index:10;margin:0 auto}.wrapper__top{display:flex;justify-content:space-between;max-height:1.5rem}.wrapper__bottom{width:100%;display:inline-block;justify-content:space-between;position:absolute;bottom:0}.wrapper__guidline{min-height:1.5rem;width:2px;background-color:#fff;display:flex}.wrapper__guidline--br{float:right;margin-bottom:1rem}.wrapper__guidline--bl{float:left;margin-bottom:1rem}@media only screen and (min-width:900px){.wrapper{margin-left:14rem}}.guidlines{position:absolute;width:100%;height:100%;z-index:1}.heading{text-transform:uppercase;font-family:"Amiri",serif;font-size:2.5em;font-weight:400;position:relative;margin:0;top:-6px}.heading--center{text-align:center}.heading--smaller{margin-top:2rem;margin-bottom:.6666666667rem}.subtitle{display:block;margin:0 auto .5em;max-width:200px;font-family:"Amiri",serif;text-align:center}.accordion{margin-top:2rem;position:relative}.accordion,.accordion--selected{background-color:#0f1116;transition:.5s;width:100%}.accordion--selected{position:absolute}.accordion__segment{transition:.3s;position:relative;margin-bottom:1rem;transition:all .3s}.accordion__segment:before{margin-top:5px;display:inline-block}.accordion__segment:after,.accordion__segment:before{transition:all .3s;content:"";position:absolute;height:1.5rem;width:2px;background-color:#fff}.accordion__segment:after{opacity:0;right:0;bottom:0}.accordion__segment:hover{transition:all .3s}.accordion__segment:focus:before,.accordion__segment:hover:before{transition:all .3s;margin-left:10px}.accordion__segment:focus:before{outline:0;-moz-outline:0}.accordion__content{display:none;opacity:0;max-height:0;overflow-y:hidden;transition:all .3s}.accordion__content--selected{animation:content-fade-in .3s;top:0;display:block;overflow-y:scroll}.accordion__heading{font-size:1.8em;cursor:pointer;max-width:400px}.accordion__heading--alt{font-size:1.2em}.accordion__description,.accordion__heading{padding-left:2rem}.accordion__description{margin-top:.5rem;margin-bottom:2rem;color:#b2b7be;font-size:.9em}.accordion__works{display:grid;overflow-x:hidden}.accordion__works :hover{cursor:pointer}.accordion__work{padding-left:2rem;position:relative;display:grid;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;grid-template-columns:13px minmax(auto,100%);grid-template-rows:auto;grid-column-gap:0;-webkit-column-gap:0;column-gap:0;grid-row-gap:15px;row-gap:15px;min-height:150px;margin-bottom:2rem;width:100%}.accordion__worklabel{margin-right:-1px}.accordion__worktitle{font-family:"Lato",sans-serif;font-weight:400;text-transform:uppercase;-webkit-text-orientation:sideways;text-orientation:sideways;font-size:.7em;padding-top:10px;padding-bottom:2px;position:relative;left:.5px;display:block;text-align:right;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;transition:.3s;transform:rotate(180deg)}.accordion__workimage{display:block;object-fit:cover;object-position:20% 0;min-height:80%;border:2px solid hsla(0,0%,100%,0);transition:.3s;width:100%;max-height:200px}.accordion__workimage--uncrop{object-fit:fill}.accordion__workimage--spaced{margin-left:10px}.accordion__workimage--center{object-position:center;min-width:150px}.accordion__experiencelist{margin-left:4rem;margin-bottom:15px;margin-top:10px;list-style:disc}.accordion__experiencelistitem{font-size:.9em;margin-bottom:.5rem}.accordion__experiencelistitem--degree{font-weight:700;margin-bottom:4px}.accordion__experiencelistitem--school{margin-right:.5em}.accordion__experiencelistitem--years{color:#bbb}.accordion__skilllist{margin-left:1.5rem;display:flex;font-style:italic}.accordion__skilllistitem{display:flex;flex-wrap:wrap;margin-top:.5rem;transition:.2s}.accordion__skillcontainer{display:inline;margin-right:.4rem;max-width:300px}.accordion__skillname{color:#a4a8ad;text-transform:uppercase;transition:.2s;margin-left:.5rem}.accordion__skill{display:block;font-style:normal;padding:.5rem;margin-left:.5rem;margin-bottom:.5rem;border:1px solid #fff;transition:.2s}.accordion__buttongroup{position:fixed;left:50%;transform:translate(-50%,-50%);bottom:5%;z-index:10000;display:flex;align-self:center;justify-content:center;font-size:3em}.accordion__button{transition:.2s;border:1px solid #fff;background-color:hsla(0,0%,100%,.11);min-width:75px;min-height:75px;font-size:inherit;color:#fff;opacity:.8;margin-left:50px;margin-right:50px;cursor:pointer;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;transform:scale(.75);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.accordion__button:hover{border:1px solid hsla(0,0%,100%,0);background-color:#000}.accordion__segment--selected{position:relative;margin-bottom:1rem;transition:all .3s}.accordion__segment--selected:before{display:inline-block;height:100%}.accordion__segment--selected:after,.accordion__segment--selected:before{transition:all .3s;content:"";position:absolute;width:2px;background-color:#fff}.accordion__segment--selected:after{right:0;top:0;height:1.5rem}.accordion__work:hover .accordion__workimage{position:relative;border:2px solid #fff}.accordion__work:hover .accordion__workimage--uncrop{border:2px solid hsla(0,0%,100%,0)}.accordion__work:hover .accordion__worktitle{position:relative;background-color:#fff;top:0;color:#000;transition:.3s}@media only screen and (max-width:900px){.accordion--selected{top:-5px}.accordion__skill{text-align:center}}@media only screen and (min-width:900px){.accordion__works{display:grid;flex-wrap:wrap;width:100%;grid-template-columns:auto auto auto;grid-template-rows:auto}.accordion__content--selected{scrollbar-width:none}}.nav{position:fixed;bottom:0;z-index:3;width:100%;min-height:3rem;background-color:#0f1116;display:block;padding-left:2rem;padding-right:2rem;justify-content:center;transition:.3s}.nav,.nav__list{font-family:"Amiri",serif;font-size:1.4em;text-transform:uppercase}.nav__list{display:none;margin-top:1rem}.nav__list--open{display:block;animation:fade-in .3s ease}.nav__listitem{margin-bottom:.5rem;text-align:center}.nav__link{color:#9599a3;transition:.2s}.nav__link--active,.nav__link:hover{color:#fff}.nav__logo{display:block;max-width:112px;margin:0 auto}.nav__logo img{display:flex;justify-self:center;max-height:3rem;padding:.5rem 0}.nav__hamburger{cursor:pointer;position:fixed;right:0;bottom:0;vertical-align:middle;margin-bottom:1.1111111111rem;margin-right:2rem}.nav__hamburgerbutton{background:none;outline:0;border:none}.nav__hamburgerimage{cursor:pointer;animation:fade-in-slower .3s linear}.nav__hamburgerimage--fade{animation:fade-in .3s linear}.nav:before{left:0;margin-left:2rem}.nav:after,.nav:before{transition:all .3s;content:"";position:absolute;display:inline-block;height:1.5rem;width:3px;background-color:#fff;top:0;opacity:0;margin-top:2rem}.nav:after{right:0;margin-right:2rem}.nav--open{min-height:50%;transition:.3s;padding-top:2rem;box-shadow:0 -7px 65px -4px #000}.nav--open:before{left:0;margin-left:2rem}.nav--open:after,.nav--open:before{transition:all .3s;content:"";position:absolute;display:inline-block;height:1.5rem;width:3px;background-color:#fff;opacity:1;transition:.1s;height:70%}.nav--open:after{right:0;margin-right:2rem}@media only screen and (min-width:900px){.nav{max-width:14rem;min-height:100vh;font-family:"Amiri",serif;font-size:1em;text-transform:uppercase}.nav__list{display:block}.nav__listitem{text-align:left;transition:.3s}.nav__listitem a:focus{transition:.1s;outline:2px dotted hsla(0,0%,41.2%,.479)}.nav__hamburger{display:none}.nav__logo{margin-top:1.3333333333rem;margin-bottom:3rem}.nav__logo img{transform:scale(1.3);transform-origin:top}.nav--open{box-shadow:none}.nav--open:after,.nav--open:before{content:"";display:none}}@keyframes intro{50%{opacity:1}90%{opacity:1}to{opacity:0}}.intro{position:absolute;left:0;top:0;min-width:100vw;top:4rem;min-height:75%;background-color:#0f1116;z-index:100;display:block;animation:intro 2.5s cubic-bezier(.075,.82,.165,1)}.intro:before{position:relative;display:flex;vertical-align:middle;align-self:center;align-items:center;margin-top:20vh;justify-content:center;content:url(/static/media/logo-animated.7e047046.gif);z-index:101;transform:scale(.8);transform-origin:center;animation:fade-in .25s ease}.intro--finished{display:none}@media only screen and (min-width:900px){.intro:before{margin-left:14rem}}.form{display:flex;flex-direction:column;margin:2rem auto 0;max-width:500px}.form__label{margin-bottom:.5rem;font-size:.9em}.form__input{padding-left:1rem;padding-bottom:.4rem;padding-top:.4rem;margin-bottom:2rem;border-radius:0;outline:none;border:0;border-left:2px solid #fff;border-right:2px solid #fff;background-color:#0f1116;color:#fff;transition:.2s}.form__input--populated,.form__input:focus{background-color:#fff;color:#000}.form__button{max-width:200px;min-width:200px;min-height:30px;margin:0 auto;background:none;cursor:pointer;border-radius:0;border:1px solid #fff;color:#fff;font-family:"Lato",sans-serif;font-weight:500;transition:.2s}.form__button:hover{transition:.2s;background-color:#fff;color:#000}textarea{font-family:"Lato",sans-serif;font-size:.8em}.socials{position:fixed;bottom:.6666666667rem;display:flex;justify-content:center;display:none}.socials--fade{animation:fade-in-slowest 2.5s ease}.socials__list{margin-left:.1333333333rem}.socials__list--open{display:flex}.socials__listitem{margin-right:15px}.socials__listitem a{transition:.3s;color:#c1c4ca}.socials__listitem a:hover{transition:.3s;color:#fff}@media only screen and (min-width:900px){.socials{display:flex;flex-direction:column;margin-bottom:2.4rem}.socials__listitem{margin-bottom:15px}.socials__listitem a{transition:.3s;color:#9599a3}.socials__listitem a:hover{transition:.3s;color:#fff}}
/*# sourceMappingURL=main.433efcef.chunk.css.map */