body,html{margin:0;font-family:Lato,sans-serif;font-style:italic;touch-action:none;height:100%;overflow:hidden}#scroll-content{overscroll-behavior:none;touch-action:pan-y;width:100%;height:100%;overflow-y:auto;perspective:1em;perspective-origin:bottom right;transform-style:preserve-3d;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#three-scene{width:100%;height:100%;transform:translateZ(-1em) scale(2);transform-origin:bottom right}body{background-color:#1f1f1f}h1,.link-list{margin:0}body,h1 a{color:#fdc934}h1 br{display:none}h1 span{color:#fff}h1 a{text-decoration:none}header{position:fixed;left:0;right:0;top:0;padding:2vh 5vw 1.5em 5vw;background:linear-gradient(180deg,#1f1f1f 0%,#1f1f1f00 100%);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;transition:opacity .3s,transform .3s}.loading header{opacity:0;transform:translateY(-1em)}.loading #project-info{margin-top:-3em;opacity:0}.loading header,.loading #project-info{pointer-events:none;visibility:hidden}header>*{pointer-events:auto}.link-list{padding:0;display:flex;align-items:center;justify-content:flex-end}.link-list li{display:block;margin:0 0 0 .3em}.link-list a{display:block;padding:.5em;text-decoration:none;color:#fff}.link-list a,#ai-btn{font-size:1.2em;font-weight:600}@keyframes ai-loading{0%{box-shadow:0 -1px 0 .5px #fcd934 inset}25%{box-shadow:1px 0 0 .5px #fcd934 inset}50%{box-shadow:0 1px 0 .5px #fcd934 inset}75%{box-shadow:-1px 0 0 .5px #fcd934 inset}to{box-shadow:0 -1px 0 .5px #fcd934 inset}}@keyframes ai-cta{0%{box-shadow:-1px 0 0 .5px #fcd93400 inset}2%{box-shadow:0 -1px 0 .5px #fcd93466 inset}4%{box-shadow:1px 0 0 .5px #fcd934 inset}6%{box-shadow:0 1px 0 .5px #fcd93466 inset}8%{box-shadow:-1px 0 0 .5px #fcd93400 inset}}#ai-btn{cursor:pointer;border-radius:2em;padding:.5em;display:inline-block;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#ai-btn.ai-cta{animation:ai-cta 5s infinite;animation-delay:3s;animation-timing-function:linear}#ai-btn.ai-loading{animation:ai-loading .8s infinite;animation-timing-function:linear}#ai-overlay{text-align:center;position:absolute;left:50%;transform:translate(-50%);padding:0;transition:all .3s;background-color:#333;border-radius:2em;color:#fff;box-shadow:0 0 #0000,0 0 #0000,0 0 #fcd93400 inset}#ai-overlay:hover{box-shadow:0 0 1em #00000080,0 0 #0000,0 0 .5em #fcd93433 inset}#ai-overlay.shown{padding:1em;box-shadow:0 0 2em .5em #000,0 0 10em 1em #000,0 0 1em #fcd93433 inset}#ai-overlay h3{white-space:nowrap}#ai-content{max-height:0;max-width:0;visibility:hidden;overflow:hidden;transition:all .3s;opacity:0}#ai-overlay.shown #ai-content{opacity:1;visibility:visible;max-height:10em;max-width:24em}.ai-unit{color:#fff}.ai-unit img{width:1.5em;vertical-align:middle;padding:0 .2em}.ai-tabs{overflow:hidden;display:flex}.ai-tabs button{font-family:inherit;font-size:inherit;color:#fff;background-color:#151515;border:none;outline:none;cursor:pointer;padding:.6em .8em;overflow:hidden;white-space:nowrap;font-style:italic;border:1px solid #fcd93444;min-width:4.5em}.ai-tabs button:not(:last-child){border-right:none}.ai-tabs button:first-child{border-radius:1em 0 0 1em}.ai-tabs button:last-child{border-radius:0 1em 1em 0}.ai-tabs button.selected{box-shadow:0 0 1px 2px #fcd934 inset;transition:none}.ai-tabs button.off{color:#ffffff80}#project-info{margin-top:-4.5em;padding:0;position:relative;background:linear-gradient(180deg,#29292900,#232323 4.5em,#101010 20em);transition:margin-top .3s,opacity .3s}@keyframes arrow{0%{top:-.9em}50%{top:-1.1em}to{top:-.9em}}#project-info article:after{content:"";border-bottom:.5em solid #fcd934;border-left:.5em solid transparent;border-right:.51em solid transparent;top:-1em;position:absolute;width:0;height:0;left:50%;transform:translate(-50%);animation:arrow 1s infinite;transition:all .3s;opacity:.8}#scroll-content.scrolled #project-info article:after{transform:translate(-50%) translateY(120%) scale(0);opacity:0}#project-info article{position:relative;margin:0 auto;padding:1.5em 3em;max-width:45em;background:linear-gradient(180deg,#151515,#1a1a1a 15em);border-radius:2em 2em 0 0;min-height:30vh;box-shadow:0 0 3em #0000004d,0 0 .3em #0000004d}.overlay-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 0 .1em #fcd934 inset;border-radius:1em;pointer-events:none}.details{color:#fdc934;display:flex;justify-content:space-between;align-items:last baseline}.details h2,.details h3{margin:0}.details h3{text-align:right}#project-info .content{color:#fff}#project-info .description{margin-top:2em;font-weight:300;font-style:normal;line-height:1.3em;letter-spacing:.005em;font-size:1.05em}#project-info .description h1{font-weight:400}#project-info .description a{color:inherit}@media screen and (max-width: 550px){.link-list{flex-direction:column;align-items:end}.link-list a{font-size:1em;padding:.3em 0}h1 br{display:block}#project-info{margin-top:-6em}#project-info article{padding:1em 5vi;border-radius:1.5em 1.5em 0 0}.details{flex-direction:column;align-items:flex-start}.details h2,.details h3{margin:.1em}}