:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;position:fixed;top:0;left:0;width:100%;background-color:transparent;z-index:100;box-sizing:border-box}.header-name{font-size:2.75em;font-weight:400}.header-nav a{font-size:2em;font-weight:400;text-decoration:none;color:#000;margin-left:20px}.header-nav a:hover{text-decoration:underline}.header-info-button{background:none;border:none;padding:0;margin:0 0 0 20px;font-family:inherit;font-size:2em;font-weight:400;color:#000;text-decoration:none;cursor:pointer;outline:none}.header-info-button:hover{text-decoration:underline}body{margin:0;font-family:Darker Grotesque,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000}#root{width:100vw;height:100vh;overflow:hidden;background-color:#fff}h1{position:absolute;top:20px;left:20px;z-index:10;color:#000}.project-footer{position:absolute;bottom:0;left:0;width:100%;background-color:transparent;box-sizing:border-box;z-index:20;max-height:35vh;overflow-y:auto;font-family:Darker Grotesque,sans-serif;display:flex;justify-content:space-between;align-items:flex-start;padding:10px 15px}.footer-title-description-block{flex-basis:70%;padding-right:15px;display:flex;flex-direction:column}.footer-title-pill-wrapper{display:flex;align-items:center;margin-bottom:5px}.footer-project-pill{display:inline-block;padding:2px 10px;background-color:#fff;color:#000;border:1px solid black;border-radius:25px;text-decoration:none;font-size:.85em;font-weight:600;text-transform:uppercase;margin-left:30px;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.footer-project-pill:hover{background-color:#000;color:#fff}.transparent-pill{background-color:transparent;border:1px solid black;color:#000}.transparent-pill:hover{background-color:#000;color:#fff}.footer-client-year-block{flex-basis:30%;text-align:right;display:flex;flex-direction:column;justify-content:flex-end;align-self:stretch}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .4s ease-in-out}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .4s ease-in-out}.footer-title-text{margin:0 0 5px;font-size:2.5em;font-weight:500;text-transform:uppercase;line-height:1}.footer-description-text,.footer-client-text,.footer-year-text{margin:0;font-size:2em;line-height:1;font-weight:400}.footer-client-text{margin-bottom:2px}.footer-client-text strong,.footer-year-text strong{font-weight:500}.footer-view-project-link:hover{text-decoration:underline}.project-link-on-plane{pointer-events:none}.project-link-on-plane a{pointer-events:auto;display:inline-block;padding:0 5px;background-color:#fff;color:#000;text-decoration:none;border-radius:20px;font-size:20px;text-transform:uppercase;white-space:nowrap;transform-origin:center;transition:transform .2s ease-out,text-decoration .1s linear}.project-link-on-plane a:hover{text-decoration:underline;transform:scale(1.1)}.mobile-project-list{padding:80px 0 20px;box-sizing:border-box}.mobile-project-item{margin-bottom:30px;padding:0 15px 20px;border-bottom:1px solid black}.mobile-project-item:last-child{border-bottom:none;margin-bottom:0}.mobile-project-image{width:100%;max-width:400px;height:auto;margin-bottom:15px;border-radius:8px}.mobile-project-title-link{text-decoration:none;color:inherit}.mobile-project-title-link:hover .mobile-project-title{text-decoration:underline}.mobile-project-title{margin:0 0 5px;font-size:2.5em;font-weight:500;text-transform:uppercase;line-height:1;color:#000}.mobile-project-description{margin:0 0 15px;font-size:2em;line-height:1;font-weight:400;color:#000}.mobile-project-details p{margin:0 0 2px;font-size:2em;line-height:1;font-weight:400;color:#000}.mobile-project-details p strong{font-weight:500}.info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffd9;display:flex;align-items:center;justify-content:center;z-index:1000}.info-modal-content-wrapper{padding:20px;border-radius:4px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.info-modal-text-content-area{width:100%;max-width:100%;box-sizing:border-box;position:relative;padding:20px;overflow-x:hidden}.info-modal-close-button{position:absolute;top:5px;right:5px;background:none;border:none;font-size:5em;color:#000;cursor:pointer;line-height:1;padding:5px}.info-modal-close-button:hover{color:#555}.info-modal-paragraph{margin-bottom:1em;line-height:1;font-size:3em;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.info-modal-h1{font-size:2em;margin-bottom:.5em;margin-top:0}.info-modal-h2{font-size:1.6em;margin-bottom:.4em;margin-top:1em}.info-modal-link{color:#000;text-decoration:underline}.info-modal-link:hover{color:#333}.modal-fade-enter{opacity:0}.modal-fade-enter-active{opacity:1;transition:opacity .3s ease-out}.modal-fade-exit{opacity:1}.modal-fade-exit-active{opacity:0;transition:opacity .3s ease-out}