/*! 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}[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: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}[hidden],template{display:none}:root{--title-font:"Open Sans",sans-serif;--body-font:"Roboto Slab","serif";--color-primary:#07c}*{box-sizing:border-box}.preload *{transition:none!important}body,html,main{height:100%;width:100%}html{color:#6f6f6f;font-family:var(--body-font);font-size:17px;font-weight:350}body{line-height:1.6;transition:opacity 1s linear}main{perspective:1200px;position:relative}.page,main{overflow:hidden}.page{background:#fff;height:100%;left:0;opacity:0;overflow-y:scroll;padding:min(20vw,6rem) clamp(.5rem,1.5vw,1.5rem) 10rem;position:absolute;top:0;transform:scale(1);transition:opacity .2s cubic-bezier(.2,.5,.45,1) 0s,transform .25s cubic-bezier(.2,.5,.45,1) 0s,visibility 0s linear .3s;visibility:hidden;width:100%}[data-page=home] #home-page,[data-page=project] #project-page{opacity:1;pointer-events:all;transition-delay:0s,0s,0s;visibility:visible}[data-page=home] #project-page{transform:scale(.8)}[data-page=project] #home-page{transform:scale(1.2)}#project-page>section{display:none}#project-page>section.active{display:block}h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:300;line-height:1.1;margin:.6rem 0}h1{font-size:clamp(3rem,6vw,5rem)}h2{font-size:2.8rem}h3{font-size:1.5rem}h4{font-size:1.4rem}h5{font-size:1.2rem}h1+p,h2+p,h3+p,h4+p,h5+p{margin-top:1.7em}a{-webkit-font-smoothing:antialiased;color:var(--color-primary);cursor:pointer;position:relative}a:focus,a:hover{text-decoration:none}a:active{top:1px}.external-link:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%230085e3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='feather feather-external-link' viewBox='0 0 24 24'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3'/%3E%3C/svg%3E");background-size:cover;content:"";display:inline-block;height:.8em;margin-left:.3em;margin-right:.1em;width:.8em}::-moz-selection{background:#de4d4d;color:#fff}::selection{background:#de4d4d;color:#fff}b,strong{color:#111;font-weight:inherit}p b,p strong{font-weight:500}dt{color:#000;font-size:1.1rem}dd{margin:.3em 0 1.2em}.tags{font-size:.9em;list-style:none;margin:0;padding:0}.tags li{background:#303030;border-radius:2em;color:#fff;display:inline-block;font-size:.8rem;margin:0 .1em .3em 0;padding:.2em 1em}.title-hover{position:relative}.title-hover:after{background:#000c;color:#fff;content:attr(data-title);font-size:.8rem;left:0;line-height:1.6;opacity:0;padding:.3em 1em .5em;position:absolute;text-align:center;top:120%;transition:opacity .2s 0s,visibility 0s .2s;visibility:hidden;white-space:nowrap}.title-hover.title-hover-right:after{left:inherit;right:0}.title-hover:focus:after,.title-hover:hover:after{opacity:1;transition-delay:0s,0s;visibility:visible}.scale-btn img,.scale-btn svg{transition:transform .15s cubic-bezier(0,.8,.4,1)}.scale-btn:focus img,.scale-btn:focus svg,.scale-btn:hover img,.scale-btn:hover svg{transform:scale(1.05)}.scale-btn:active img,.scale-btn:active svg{transform:scale(.95);transition:none}object[data-swfid]{display:none}.swf-trigger{cursor:pointer}#page-header{background:#f5f5f5e6;color:#878787;display:flex;font-size:110%;justify-content:space-between;left:0;padding:.5rem 0;position:fixed;right:0;top:0;z-index:100}#page-header img{display:block}#page-header ul{list-style:none;margin:0;padding:0}#page-nav{display:inline-block;transition:transform .25s ease-in-out}#page-nav.back-active{transform:translate(-55px)}#page-nav.back-active #page-logo{opacity:0;pointer-events:none}#page-nav.back-active #page-logo img{transform:rotate(-150deg)}#page-nav.back-active #page-back-btn{opacity:1;pointer-events:all}#page-back-btn,#page-logo{display:inline-block;transition:opacity .2s linear;vertical-align:middle}#page-back-btn{opacity:0;padding:.3em;pointer-events:none}#page-back-btn svg{display:block}#page-logo{margin-left:.7em;position:relative;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#page-logo img{transition:transform .5s ease}#page-breadcrumb{margin:-.1em 0 0;opacity:0;transition:opacity .2s linear 0s,visibility .2s linear .2s;visibility:hidden}#page-breadcrumb.active{opacity:1;transition-delay:0s,0s;visibility:visible}#social-links{display:flex;margin:0 .7rem 0 0}#social-links a{margin-left:.2rem;transition:filter .1s linear}#social-links a:focus,#social-links a:hover{filter:brightness(1.2)}#intro{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60%;padding-bottom:clamp(2rem,10vh,7rem);padding-top:clamp(2rem,12vh,8rem);text-align:center}#intro h1{display:inline-block;position:relative}#intro h1 img{bottom:75%;left:85%;max-width:18rem;position:absolute;width:30vw}#intro h2{font-size:1.6rem}#intro p{border:1px dashed #ddd;border-width:1px 0;margin:2.5em auto 0;max-width:960px;padding:1.7em 1em;width:85%}@keyframes arrow-throb{0%{transform:translateY(0)}15%{border-color:#999 #fff;transform:translateY(20px)}45%{border-color:#ddd #fff;transform:translateY(0)}}.pointer-arrows{margin:2.5em 0 0}.pointer-arrows span{animation:arrow-throb 3s cubic-bezier(.7,0,.5,1) 0s infinite;border-color:#ddd #fff;border-style:solid;border-width:15px 15px 0;display:block;height:0;margin:1.2em auto;width:0}.pointer-arrows span:nth-child(2){animation-delay:.15s;border-width:11px 11px 0}.pointer-arrows span:nth-child(3){animation-delay:.3s;border-width:7px 7px 0}#project-list{display:flex;flex-wrap:wrap;list-style:none;margin:0 auto;max-width:1400px;padding:0}#project-list li{flex:50% 0 0;padding:.5rem}#project-list img{-webkit-user-drag:none;border:1px solid #ddd;border-radius:.4rem;display:block;height:auto;width:100%}#project-list a{display:block;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#project-list a div{align-items:center;background-color:#0a141900;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;top:0;width:100%;z-index:1}#project-list a h3,#project-list a p{color:#fff;opacity:0;transform:translateY(-20px) scale(2);transition:transform .2s cubic-bezier(0,.7,.3,1),opacity .2s cubic-bezier(.5,.1,.4,.95);transition-delay:.22s,0s}#project-list a h3{font-size:clamp(1rem,5vw,2.1rem);line-height:1.3;margin:-.3em 0 0}#project-list a p{font-size:clamp(.9rem,1.4vw,1.2rem);margin:0}#project-list a img{transition:filter .2s linear}#project-list a:focus img,#project-list a:hover img{filter:brightness(.2)}#project-list a:focus h3,#project-list a:focus p,#project-list a:hover h3,#project-list a:hover p{opacity:1;transform:translateY(0) scale(1)}#project-list a:focus h3,#project-list a:hover h3{transition-delay:0s,0s}#project-list a:focus p,#project-list a:hover p{transition-delay:.12s,.12s}#project-list a:active{top:0}.atropos-scale{pointer-events:none}.atropos-rotate{pointer-events:all}@media (max-width:700px){#intro{padding:2em 0 1em}#intro h1 svg{left:0;width:65vw}#intro h1 img,#intro h1 svg{display:block;margin:0 auto;position:static}#intro h1 img{width:75%}}@media (max-width:800px){#project-list li{flex:100% 0 0}}#project-page>section{margin:0 auto;max-width:1000px}#project-page header{padding-right:3em}#project-page h2{text-indent:-.05em}#project-page header{flex-grow:1}#project-page aside{border-left:1px dashed #ddd;flex-basis:18rem;flex-shrink:0;margin-top:1.5em;padding:0 2% 1em 3%}#project-page figure{background:#f6f6f6;box-shadow:0 19px 38px #00000014,0 15px 12px #0000000a;clear:both;margin:0 0 5vw;position:relative}#project-page img{background:url(/assets/rainbowlemon-loading-CakvRP__.gif) no-repeat 50% 50%;display:block;min-height:8rem;width:100%}#project-page img.show{opacity:1!important;transition:opacity .6s linear}.project-header{align-items:center;display:flex;margin-bottom:2.5rem}@media screen and (max-width:600px){.project-header{display:block}}.atropos{display:block;perspective:1200px;position:relative;transform:translateZ(0)}.atropos-rotate-scroll-x,.atropos-rotate-scroll-y,.atropos-rotate-touch{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-rotate,.atropos-scale{display:block;height:100%;transform-style:preserve-3d;transition-property:transform;width:100%}.atropos-highlight,.atropos-shadow{display:block;opacity:0;pointer-events:none;position:absolute;transition-property:transform,opacity}.atropos-shadow{background:#000;filter:blur(30px);height:100%;left:0;top:0;width:100%;z-index:-1}.atropos-highlight{background-image:radial-gradient(circle at 50%,hsla(0,0%,100%,.25),transparent 50%);height:200%;left:-50%;top:-50%;width:200%;z-index:0}.atropos-inner,.atropos-rotate{position:relative}.atropos-inner{display:block;height:100%;overflow:hidden;transform:translateZ(0);transform-style:preserve-3d;width:100%}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}::slotted([data-atropos-offset]),[data-atropos-offset]{transition-property:transform}[data-atropos-opacity]{transition-property:opacity}::slotted([data-atropos-offset][data-atropos-opacity]),[data-atropos-offset][data-atropos-opacity]{transition-property:transform,opacity}