:root{--primary:#005aff;--lightpink:#f7ebee}body,html{font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-size:100%;letter-spacing:.2px;margin:0;padding:0;text-rendering:optimizeLegibility}*,:after,:before{box-sizing:border-box}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.blog-post h2{margin-top:2em}.blog-post h3{margin-top:1em}a{color:inherit}hr{background:#dfe0ee;border:none;display:block;height:1px;margin:4em 30%;outline:none}li>a,p>a,strong>a{border-bottom:1px solid #eee;color:var(--primary);font-weight:600;padding:2px}li>a:hover,p>a:hover,strong>a:hover{border-bottom:1px solid var(--primary)}blockquote{background:#f4f4f7;border-left:2em solid #eeedf3;margin:0 0 2em;padding:.5em 2em}ol,ul{line-height:1.65;margin:0;padding:0}.gatsby-code-title{background:#333a48;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;color:#aaa;font-size:12px;margin-bottom:-11px;overflow:hidden;padding:1em}.gatsby-highlight-code-line{background:var(--lineHighlight);display:block;margin:0 -2em;padding:0 2em}code[class*=language-],pre[class*=language-]{color:#fff;direction:ltr;font-family:Menlo,Monaco,Consolas,Courier New,Courier,monospace;font-size:14px;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;text-shadow:0 1px rgba(0,0,0,.3);white-space:pre;word-break:normal;word-spacing:normal}pre{border-radius:6px;margin:.5em 0 3em;overflow:auto;padding:1.25em}:not(pre)>code[class*=language-],pre{background:var(--code-background)}:not(pre)>code[class*=language-]{background:var(--inline-code-background);border-radius:2px;color:var(--inline-code-color);font-family:Source Code Pro,Menlo,Monaco,Consolas,Courier New,Courier,monospace;padding:3px 5px;text-shadow:none}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--comment)}.token.constant,.token.deleted,.token.function-name,.token.number,.token.property,.token.symbol{color:var(--primitive)}.token.boolean{color:var(--boolean)}.token.tag{color:var(--tag)}.token.string{color:var(--string)}.token.punctuation{color:var(--punctuation)}.token.builtin,.token.char,.token.inserted,.token.selector{color:var(--char)}.token.function{color:var(--function)}.token.entity,.token.operator,.token.url,.token.variable{color:var(--variable)}.token.attr-value{color:var(--string)}.token.keyword{color:var(--keyword)}.token.atrule,.token.class-name{color:var(--className)}.token.important{font-weight:400}.token.bold{font-weight:700}.token.italic{font-style:"italic"}.token.entity{cursor:"help"}.namespace{opacity:.7}.imageGallery{width:100%}.imageGallery .main{background-color:#f4f4f7;background-position:50%;background-repeat:no-repeat;background-size:cover}.imageGallery ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.imageGallery ul li{cursor:pointer;min-height:100px;position:relative}.imageGallery ul li:hover:after{opacity:1}.imageGallery ul li:after{box-shadow:inset 0 0 0 6px #000;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.imageGallery img{background-color:#f4f4f7;margin:0 0 -3px;padding:0}#content{align-items:center;display:flex;position:relative}#content .title h1{bottom:0;font-size:8rem;left:0;margin:0;opacity:.05;padding:0;position:absolute;z-index:-1}#content .description{background:transparent;flex-direction:column;justify-content:space-between;z-index:2}#content .description .caption{color:#333;white-space:pre-wrap}#content .description h4{font-size:20px;margin-bottom:6px}#content .description p{font-size:13px}#content ul{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;list-style:none;overflow-x:scroll;padding:0;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;transition:transform .3s ease-out;white-space:nowrap;will-change:transform}#content a{border:none;text-decoration:none}#content::-webkit-scrollbar{display:none}#content li{cursor:pointer;display:flex;scroll-snap-align:start;scroll-snap-stop:always}#content li:hover img{filter:grayscale(0)}#content li img{opacity:0;transform:translateY(60px);transition:opacity .5s ease-in-out,transform .6s ease-out}#content .loaded{opacity:1;transform:translateY(0)}.lines{display:flex;height:100%;position:fixed;top:0;width:100%;z-index:-1}.lines .line{border-right:1px solid rgba(0,0,0,.025);height:100%;width:20%}.button{align-items:center;background:#000;border-radius:4px;box-shadow:0 4px 22px 0 rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;font-size:12px;letter-spacing:1.5px;max-width:300px;padding:.75em 0 .75em 1.75em;text-align:right;text-transform:uppercase;transition:padding .2s,background .2s}.button:hover{background:rgba(0,0,0,.8);padding-left:2em}.button:hover svg{margin-right:2em}.button svg{fill:#fff;margin-left:auto;margin-right:1.5em;transition:margin .2s;width:16px}@media (max-width:767px){.button{max-width:100%}}.imageGrid{display:flex;flex-wrap:wrap;list-style:none;margin:0 -.5em;padding:0}.imageGrid li{padding:.5em}.imageGrid .image{max-width:100%}.imageGrid a{border:none;margin:0;padding:0}@media (max-width:767px){.ProjectShowcase{height:auto;margin-bottom:0;padding:1em 0}}.ProjectShowcase{position:relative}.ProjectShowcase .content{height:100%;position:relative;z-index:2}.Projectshowcase .content small.note{display:block;font-size:.7rem;font-style:italic;margin-bottom:1em;opacity:.6;text-align:left}.Projectshowcase .content h2{color:$primary;font-size:2.65rem;font-weight:bolder;line-height:1}.Projectshowcase .content p{color:#7e859b;line-height:1.65}.Projectshowcase .content .link{padding-bottom:4px;transition:border .1s}.Projectshowcase .content .link:hover{border-bottom:2px solid}.ProjectShowcase--image{border-radius:8px;box-shadow:0 12px 36px 0 rgba(#2c3e50,.35);height:auto;max-width:100%;z-index:2}