*{margin:0;padding:0}html,body{height:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img{max-width:100%}a{color:inherit;text-decoration:none}ul,menu{list-style-type:none}h1,h2,h3,h4,h5,h6{font-weight:inherit}strong{font-weight:600}input{border:0;background:inherit;font-family:inherit}input:focus{outline:0}figure{text-align:center}figcaption{font-size:.9em}table,hr{border:0}nav{letter-spacing:.5px;font-weight:500}sup{font-size:66%}code{padding:.2em 0;font-size:75%;background-color:rgba(27,31,35,0.05);border-radius:3px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;white-space:nowrap}code::before,code::after{letter-spacing:-0.2em;content:'\00a0'}::-webkit-scrollbar{width:0;height:0;background:transparent}body{color:#000;background:#fff;font:400 16px/1.45 "Avenir Next",Avenir,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;display:flex;justify-content:flex-end;flex-direction:column}.inner__container,.social{opacity:0;transition:opacity .44s}footer{transform:translateY(125%);transition:transform cubic-bezier(0.25,0.46,0.45,0.94) .44s}#app.ready .inner__container,#app.ready .social{opacity:1}#app.ready .greeting::first-line {font-family:"Yellowtail",cursive}#app.ready footer{transform:translateY(0)}img[data-src]{opacity:0;height:0;padding-top:62.5%}img{opacity:1;transition:opacity .44s ease-in 1.22s}.sections{display:flex;flex-direction:column}.icon{cursor:pointer}.transparent .line{background:transparent}.flexy{display:flex;align-items:center;justify-content:center}.spacey{display:flex;align-items:center;justify-content:space-between}header{flex:0;display:flex;min-height:0;position:relative;transition:flex 0s .66s}.trigger{width:104px;height:104px;z-index:99;position:absolute;right:0}.trigger__container{width:50%;height:50%;position:relative;cursor:pointer}.trigger__line{display:block;height:2px;width:24px;position:absolute;top:25px;left:14px}.trigger--menu{background:#fff}.trigger__line{background:#000;transition:transform .44s cubic-bezier(0.25,0.46,0.45,0.94)}.trigger__line--top{transform:translateY(-4px)}.trigger__line--bottom{transform:translateY(4px)}.menu{line-height:1;font-size:1.2em;flex:1;flex-flow:column}.menu__list{flex:1;max-height:400px;overflow:hidden;flex-direction:column}.menu__item{flex:1;opacity:0;width:100%;margin:16% 0;max-height:120px;flex-direction:column;transition:opacity .22s ease-in}.menu__item:nth-of-type(3){transition-delay:0s}.menu__item:nth-of-type(2){transition-delay:.11s}.menu__item:nth-of-type(1){transition-delay:.22s}.menu__link{flex:1;font-variant:small-caps;display:inline-flex;flex-direction:column;justify-content:center;padding:0 1em}.menu__link::before{content:'';display:block;margin-bottom:.16em;font-size:2em;height:1em;background:center center / contain no-repeat}.menu__link--landing::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0xNzQ1IDI5N3ExMCAxMCAxMCAyM3QtMTAgMjNsLTE0MSAxNDFxLTI4IDI4LTY4IDI4aC0xMzQ0cS0yNiAwLTQ1LTE5dC0xOS00NXYtMjU2cTAtMjYgMTktNDV0NDUtMTloNTc2di02NHEwLTI2IDE5LTQ1dDQ1LTE5aDEyOHEyNiAwIDQ1IDE5dDE5IDQ1djY0aDUxMnE0MCAwIDY4IDI4em0tOTc3IDkxOWgyNTZ2NTEycTAgMjYtMTkgNDV0LTQ1IDE5aC0xMjhxLTI2IDAtNDUtMTl0LTE5LTQ1di01MTJ6bTgzMi00NDhxMjYgMCA0NSAxOXQxOSA0NXYyNTZxMCAyNi0xOSA0NXQtNDUgMTloLTEzNDRxLTQwIDAtNjgtMjhsLTE0MS0xNDFxLTEwLTEwLTEwLTIzdDEwLTIzbDE0MS0xNDFxMjgtMjggNjgtMjhoNTEydi0xOTJoMjU2djE5Mmg1NzZ6Ii8+PC9zdmc+Cg==)}.menu__link--about::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02MDkgODE2bDI4Ny0yMDggMjg3IDIwOC0xMDkgMzM2aC0zNTV6bTI4Ny04MTZxMTgyIDAgMzQ4IDcxdDI4NiAxOTEgMTkxIDI4NiA3MSAzNDgtNzEgMzQ4LTE5MSAyODYtMjg2IDE5MS0zNDggNzEtMzQ4LTcxLTI4Ni0xOTEtMTkxLTI4Ni03MS0zNDggNzEtMzQ4IDE5MS0yODYgMjg2LTE5MSAzNDgtNzF6bTYxOSAxMzUwcTE0OS0yMDMgMTQ5LTQ1NHYtM2wtMTAyIDg5LTI0MC0yMjQgNjMtMzIzIDEzNCAxMnEtMTUwLTIwNi0zODktMjgybDUzIDEyNC0yODcgMTU5LTI4Ny0xNTkgNTMtMTI0cS0yMzkgNzYtMzg5IDI4MmwxMzUtMTIgNjIgMzIzLTI0MCAyMjQtMTAyLTg5djNxMCAyNTEgMTQ5IDQ1NGwzMC0xMzIgMzI2IDQwIDEzOSAyOTgtMTE2IDY5cTExNyAzOSAyNDAgMzl0MjQwLTM5bC0xMTYtNjkgMTM5LTI5OCAzMjYtNDB6Ii8+PC9zdmc+Cg==)}.menu__link--projects::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik01MTIgMTUzNmg3Njh2LTM4NGgtNzY4djM4NHptODk2IDBoMTI4di04OTZxMC0xNC0xMC0zOC41dC0yMC0zNC41bC0yODEtMjgxcS0xMC0xMC0zNC0yMHQtMzktMTB2NDE2cTAgNDAtMjggNjh0LTY4IDI4aC01NzZxLTQwIDAtNjgtMjh0LTI4LTY4di00MTZoLTEyOHYxMjgwaDEyOHYtNDE2cTAtNDAgMjgtNjh0NjgtMjhoODMycTQwIDAgNjggMjh0MjggNjh2NDE2em0tMzg0LTkyOHYtMzIwcTAtMTMtOS41LTIyLjV0LTIyLjUtOS41aC0xOTJxLTEzIDAtMjIuNSA5LjV0LTkuNSAyMi41djMyMHEwIDEzIDkuNSAyMi41dDIyLjUgOS41aDE5MnExMyAwIDIyLjUtOS41dDkuNS0yMi41em02NDAgMzJ2OTI4cTAgNDAtMjggNjh0LTY4IDI4aC0xMzQ0cS00MCAwLTY4LTI4dC0yOC02OHYtMTM0NHEwLTQwIDI4LTY4dDY4LTI4aDkyOHE0MCAwIDg4IDIwdDc2IDQ4bDI4MCAyODBxMjggMjggNDggNzZ0MjAgODh6Ii8+PC9zdmc+Cg==)}.menu__link::after{content:'';display:block;width:0;height:2px;margin:0 auto;background:#070707;opacity:0;transform:translateY(-3.2em);transition:width .66s,opacity .33s,transform .33s}.menu__link:hover::after{width:100%;opacity:1;transform:translateY(0)}.menu-open{flex:1;transition:flex 0s .22s}.menu-open .trigger__line--top{transform:rotate(135deg)}.menu-open .trigger__line--bottom{transform:rotate(45deg)}.menu-open .menu__item{opacity:1;transition-duration:.42s}.menu-open .menu__item:nth-of-type(1){transition-delay:.42s}.menu-open .menu__item:nth-of-type(2){transition-delay:.53s}.menu-open .menu__item:nth-of-type(3){transition-delay:.64s}.inner__container{flex:8;display:flex;overflow:auto;flex-direction:column;padding-bottom:72px;z-index:0}main{flex:1;opacity:1;overflow-y:scroll;-webkit-overflow-scrolling:touch;transition:flex 0s .66s,opacity .22s ease-in .66s}.menu-open+main{flex:0;opacity:0;transition:flex 0s .22s,opacity .22s ease-out 0s}.page{width:100%;padding:16vh 4% 0}.page h1{font-size:2.827em;font-family:"Yellowtail",cursive}.page h2{font-size:1.9191em;font-family:monospace}.page h3{font-size:1.414em;font-family:monospace}.page h4{font-family:monospace;font-size:1.0505em}.page a{border-bottom:1px solid #000}.page__arrow{float:right;margin:-2em 1em 4em auto}.page__arrow::before{content:'';height:1em;width:1em;font-size:2em;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMzk1IDEzMTJxMCAxMy0xMCAyM2wtNTAgNTBxLTEwIDEwLTIzIDEwdC0yMy0xMGwtMzkzLTM5My0zOTMgMzkzcS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6bTAtMzg0cTAgMTMtMTAgMjNsLTUwIDUwcS0xMCAxMC0yMyAxMHQtMjMtMTBsLTM5My0zOTMtMzkzIDM5M3EtMTAgMTAtMjMgMTB0LTIzLTEwbC01MC01MHEtMTAtMTAtMTAtMjN0MTAtMjNsNDY2LTQ2NnExMC0xMCAyMy0xMHQyMyAxMGw0NjYgNDY2cTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==) center center/contain}footer{flex:2;width:100%;z-index:99;display:flex;background:#30049e url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkzIiBoZWlnaHQ9IjQ5MCIgdmlld0JveD0iMCAwIDY5MyA0OTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPmRpYW1vbmRzX2FuZF9iYWNrZ3JvdW5kPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0zNDUgNDkwTDY5Mi43NDQgMEguMDMyeiIvPjxwYXRoIGZpbGw9IiM0RjFFQ0IiIGQ9Ik01MTkgODNsLTM0IDQ4LTIzLjI4MyAzMyA1Ni44OSA4MC45OTZMNTc2LjI2NCAxNjR6Ii8+PHBhdGggZmlsbD0iIzhBNjlEQyIgZD0iTTUxOSAxMjNsLTI1IDM2LTE4LjEzMiAyNS4wMDYgNDIuNzYyIDYxLjAwN0w1NjEuOTkgMTg0eiIvPjxwYXRoIGZpbGw9IiNEOENERjMiIGQ9Ik01MTkgMTYybC0xNyAyNS0xMi4wOTIgMTcgMjguNyA0MC45N0w1NDcuNzg5IDIwNHoiLz48cGF0aCBmaWxsPSIjNEYxRUNCIiBkPSJNMTczIDgzbC0zNCA0OC0yMy4zNzIgMzMgNTcuMjE0IDgwLjkzNiA1Ny4yMTQtODAuNjA0eiIvPjxwYXRoIGZpbGw9IiM4QTY5REMiIGQ9Ik0xNzMgMTIzbC0yNSAzNi0xOC4yMiAyNSA0Mi44NTggNjAuNzA1TDIxNS45ODggMTg0eiIvPjxwYXRoIGZpbGw9IiNEOENERjMiIGQ9Ik0xNzMgMTYybC0xNyAyNS0xMi4wOTggMTcgMjguOTA2IDQwLjc5MkwyMDEuNzE0IDIwNHoiLz48cGF0aCBmaWxsPSIjNEYxRUNCIiBkPSJNMzQ2IDBMMjQ0IDE0NWwtNzEuMTk2IDEwMEwzNDUgNDkwbDE3My41NjEtMjQ1eiIvPjxwYXRoIGZpbGw9IiM4QTY5REMiIGQ9Ik0yMDkuMzc0IDI5N0wzNDUgNDkwbDEzNi42ODItMTkzTDM0NSAxMDR6Ii8+PHBhdGggZmlsbD0iI0Q4Q0RGMyIgZD0iTTM0NSAyMTJsLTk3LjY2IDEzOUwzNDUgNDkwbDk4LjM2NS0xMzl6Ii8+PC9nPjwvc3ZnPg==) -1px -1px/100px 72px repeat-x;padding-top:72px;margin-top:-72px;box-shadow:0 -1.2em 1.2em 1.2em #fff}.social{width:80%;max-width:1600px;margin:0 auto;display:flex;align-items:center}.social__list{width:100%;max-width:250px;margin:0 auto}.social__link{color:#fff;font-size:.96em;font-weight:600;display:block;padding-top:2px}.social__link::after{content:'';display:block;height:2px;width:2px;margin:0 auto;background:#fff;opacity:0;transform:translateY(-1.6em);transition:width .66s,opacity .33s,transform .33s}.social__link:hover::after{width:100%;opacity:1;transform:translateY(-2px)}.landing{font-size:1.2em;margin:0 auto}.greeting{text-indent:-0.66em;position:relative}.greeting::first-line {font:400 3.33em/1 cursive}.area{font-family:monospace}.intro{text-align:center;max-width:900px;margin:0 auto}.about__info{margin:2em 0 4em}.about__info_heading{margin-left:4%}.outer{font-size:.9em;padding-left:2em;margin:2em 0}.inner{font-size:.9em;padding-left:1.5em;display:flex;flex-wrap:wrap}.outer li{margin:1em 0;position:relative;font-weight:600}.inner li{margin:.5em 0;width:50%;padding-right:20px;font-weight:initial}.outer li::before{content:'+';position:absolute;left:-16px;font-weight:600}.inner li::before{content:'-';left:-12px}.about__info-personal .outer li{font-weight:initial}.about__info-personal .inner li{width:100%}.svmogi{height:100%;width:20px;display:inline-block;position:absolute;background:transparent center center / contain no-repeat}.ua{display:none}.sfg{background-image:url("/assets/img/about/san-francisco-giants.svg");margin-left:-1px}.sf49{background-image:url("/assets/img/about/san-francisco-49ers.svg");margin-left:3px}.gsw{background-image:url("/assets/img/about/golden-state-warriors.svg");margin-left:1px}.hide{opacity:0;transition:opacity 1s}.show{opacity:1;transition:opacity 1s}.project::after{content:'';display:block;height:2px;background-image:linear-gradient(90deg,transparent,#000,transparent);margin:4em auto;width:88%}.project__date{color:#616161}.project__preview{margin:1em auto;max-width:800px;background:#f5f5f5;border-radius:4px;flex-flow:column}.project__image{width:100%}.project__caption{width:100%;background:#fff}.project__intro{text-align:center;margin-bottom:.5em}.project__icon{float:right;font-weight:600;height:2em;border-bottom:1px solid #000;border-right:1px solid #000;padding-left:1em}.project__icon::after{content:'+';width:1.5em;text-align:center;transition:transform .44s}.project__expandIcon--expanded::after,.project__closeIcon::after{transform:rotate(-135deg)}.project__closeIcon{font-size:1.11em;margin-bottom:1px;overflow:hidden}.project__details{font-size:.9em;clear:both;overflow-y:hidden;max-height:0;counter-reset:section;transition:max-height .88s}.details__section{margin-bottom:3em}.details__section:first-child{margin-top:2em}.details__section .details__subheader:first-of-type{margin-top:1.5em}.details__header{margin-bottom:1em;font-weight:600}.details__header::before{display:inline;border-bottom:1px solid #000;margin-right:.4em;counter-increment:section;content:counter(section,lower-roman) ". "}.details__subheader{font-size:.96969em;font-weight:600;font-style:italic;margin:2em 0 .5em}.details__content{margin-bottom:1em}.details__list{font-size:.9em;padding-left:2em;margin-bottom:2em;list-style-type:circle}.details__listItem{margin:.5em 0}.details__tldr{margin-bottom:2em}.details__tldr::before{content:'';display:block;height:2px;background-image:linear-gradient(90deg,transparent,#000,transparent);margin:0 auto 3em;width:60%}.project:last-child{margin-bottom:6em}.preview{display:flex;align-items:center}.preview .x{display:none;width:52px;height:52px;position:absolute;top:0;right:0;cursor:pointer}.preview img{cursor:pointer;display:block;margin:0 auto}.preview figcaption{color:#616161;font-size:.9em}.hippify img{border:1px solid #000;padding:2% 4%}.klopro img{border:1px solid #000;background:#fff;padding:2% 4% 0}.fullscreen img{border:0}.page--404{text-align:center}.page--404 .message{font:12em monospace}@media only screen and (max-width:20em){body{font-size:14px}}@media only screen and (min-width:25em){body{font-size:17px}}@media only screen and (min-width:40em){body{font-size:18px}.menu{font-size:1.4em}.menu__list{flex-flow:row wrap;max-height:600px;width:75%;height:62.5%}.menu__item{margin:0;height:100%;flex-basis:50%;max-height:160px}.menu__item:first-child{flex-basis:100%}.menu__link{flex:initial}.landing{width:90%}.greeting{left:-2.5%}}@media only screen and (min-width:55em){body{font-size:19px}.sections{flex-flow:wrap row;justify-content:space-between;font-size:.8em}.social__list{margin-right:0}.landing{width:82.5%}.greeting{left:-4.375%;text-indent:-0.99em}.intro{width:80%}.about__info{width:48%}.project{width:47%}}@media only screen and (min-width:70em){body{font-size:20px}.menu__list{width:62.5%;height:75%}.landing{width:75%}.greeting{left:-6.25%}}@media only screen and (min-width:85em){body{font-size:21px}.social__list{max-width:299px}.landing{width:70%}.greeting{left:-8.125%}}@media only screen and (min-width:100em){body{font-size:22px}}@media only screen and (min-width:1600px){.trigger{margin-right:calc((100% - 1600px) / 2)}main{padding:0 calc((100% - 1600px) / 2)}}
/*# sourceMappingURL=styles.min.css.map */