@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600&family=Source+Sans+Pro:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;color:#292929;font-family:Open Sans,sans-serif;font-weight:lighter;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#000;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}a.std{display:inline;font-weight:700;text-decoration:none;transition:all .25s;transition-timing-function:ease-in-out}a.std,a.std:visited{color:#292929}a.std:hover{color:#80dcff;-webkit-transition:color .25s}p{-webkit-margin-before:0;-webkit-margin-after:2em;margin-block-end:2em;margin-block-start:0}.routes-container{border:1px solid red}.header-container{align-items:center;background-color:#fff;display:flex;flex-direction:row;height:60px;justify-content:space-between;left:0;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:20}.title{font-size:1.4em;margin:0 20px}.nav-link{color:#292929;text-decoration:none;transition:all .25s;transition-timing-function:ease-in-out}.nav-link:hover{color:#80dcff}.nav-selected{color:#80dcff;pointer-events:none}.nav-container{display:flex;flex-direction:row;margin-right:20px}.nav-button{background:#fff;color:#292929;cursor:pointer;font-size:1em;padding:10px 0 10px 20px;text-decoration:none}a.mini-nav-button{cursor:pointer;font-size:2em;font-weight:lighter}a.mini-nav-button,li{align-items:center;display:flex;justify-content:center;margin:10px}li{list-style-type:none}.mini-list-visible{opacity:1}.nav-button:hover,.selected{color:#80dcff}.nav-mini{cursor:pointer;display:none;margin-right:2em}.nav-mini:hover .burger .burger-lines,.nav-mini:hover .burger .burger-lines:after,.nav-mini:hover .burger .burger-lines:before{background-color:#80dcff}.nav-mini-list{align-items:center;background-color:hsla(0,0%,100%,.95);display:flex;flex-direction:column;height:100%;justify-content:center;left:100%;margin:0;position:fixed;top:0;width:100%;z-index:-1}.list-visible{height:100%;left:0;top:0;transition:all .35s;transition-timing-function:ease-in-out}@media only screen and (max-width:900px){.nav-button{font-size:1em;padding:10px}}@media only screen and (max-width:768px){.nav-container{display:none}.nav-mini{display:flex}}.burger{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;font-size:10px;height:2em;position:relative;transition:all .2s;width:2em}.burger .burger-lines:after{top:-1em}.burger .burger-lines:before{left:1em;top:1em}.burger:after{content:"";display:block;height:150%;left:-25%;position:absolute;top:-25%;width:150%}.burger .burger-lines{background-color:#292929;margin-top:-.125em;top:50%}.burger .burger-lines,.burger .burger-lines:after,.burger .burger-lines:before{background-color:#292929;border-radius:.25em;content:"";display:block;height:.25em;pointer-events:none;position:absolute;-webkit-transform:rotate(0);transform:rotate(0);width:100%}.burger .burger-lines:after{left:0;top:-.75em}.burger .burger-lines:before{left:.5em;top:.75em}.burger.burger-slip .burger-lines:after,.burger.burger-slip .burger-lines:before{width:2em}.burger.burger-slip .burger-lines,.burger.burger-slip .burger-lines:after,.burger.burger-slip .burger-lines:before{transition:all .2s}.burger.burger-slip.open .burger-lines{background-color:transparent;-webkit-transform:translateX(-2em);transform:translateX(-2em)}.burger.burger-slip.open .burger-lines:after,.burger.burger-slip.open .burger-lines:before{left:.5em;top:0}.burger.burger-slip.open .burger-lines:before{-webkit-transform:translateX(2em) rotate(135deg);transform:translateX(2em) rotate(135deg)}.burger.burger-slip.open .burger-lines:after{-webkit-transform:translateX(2em) rotate(-135deg);transform:translateX(2em) rotate(-135deg)}.mobile-menu-container{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:100vw;opacity:.95;position:fixed;top:60px;transition:left .25s;transition-timing-function:ease-in-out;width:100vw;z-index:50}.visible{left:0}.link{font-size:1.6em;line-height:2em;transition:all .25s;transition-timing-function:ease-in-out}.link:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.collage-outer-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 0 2em;padding:0;width:100%}.label{color:#292929;display:flex;font-size:1.2em}.collage-container{align-items:center;display:flex;flex-direction:row;height:140px;justify-content:center;margin:0;overflow:hidden;padding:0;width:100%}@media screen and (max-width:680px){.label{font-size:1em}}@media screen and (max-width:600px){.label{font-size:1em}}@media screen and (max-width:450px){.label{font-size:.9em}}@media screen and (max-width:400px){.label{font-size:1.1em}}@media screen and (max-width:370px){.label{font-size:1em}}@media screen and (max-width:320px){.label{font-size:.9em}}@media screen and (max-width:300px){.label{font-size:.9em}}@media screen and (max-width:900px) and (orientation:landscape){.collage-outer-container{margin:0 0 1em}.collage-container{height:100px}}.collage-item{width:100px}.collage-item,.collage-item-lg{display:flex;height:auto;margin:0 20px}.collage-item-lg{width:72px}@media screen and (max-width:680px){.label{align-items:center;width:5em}.collage-item{margin:0 20px;width:72px}.collage-item-lg{margin:0 20px;width:60px}}@media screen and (max-width:900px) and (orientation:landscape){.collage-item{margin:0 15px;width:50px}.collage-item-lg{margin:0 15px;width:40px}}.social-block{align-items:center;display:flex;flex-direction:row;height:50px;justify-content:flex-start;margin-top:1em}img.social-icon{cursor:pointer;display:flex;height:30px;margin-right:10px;transition:all .25s;transition-timing-function:ease-in-out;width:30px}img.social-icon:hover{opacity:.6;-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:600px){.social-block{margin-top:2em}}.home-container{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;margin:0;overflow-x:hidden;overflow-y:hidden;padding:0;position:fixed;right:0;top:60px}.home-grid{min-height:60vh}.center-block{justify-content:flex-start;margin-bottom:10vh}.center-block,img.portrait{align-items:center;display:flex;flex-direction:row}img.portrait{border-radius:50%;height:auto;justify-content:center;width:150px}.center-text{display:flex;flex-direction:column;font-size:1.2em;justify-content:flex-start;margin-left:20px;text-align:left}@media screen and (max-width:680px){img.portrait{width:120px}.center-text{font-size:1em}}@media screen and (max-width:600px){.center-block{align-content:center;align-items:center;flex-direction:column;justify-content:center;text-align:center}img.portrait{margin-bottom:2em;width:120px}.center-text{align-items:center;font-size:1em;justify-content:center;margin:0;text-align:center}}@media screen and (max-width:450px){.center-text{align-items:center;font-size:.9em;justify-content:center;margin:0 1em;text-align:center}}@media screen and (max-width:400px){.center-text{font-size:1.1em;margin:0 4em}}@media screen and (max-width:370px){.center-text{font-size:1em;margin:0 3em}}@media screen and (max-width:320px){.center-text{font-size:.9em;margin:0 3em}}@media screen and (max-width:300px){.center-text{font-size:.9em;margin:0 2em}}@media screen and (max-height:650px){.center-block{margin-bottom:5vh}}@media only screen and (max-height:400px) and (orientation:landscape){.home-grid{min-height:45vh}}.work-tile{cursor:pointer;display:flex;height:24.6vw;overflow:hidden;width:24.6vw}.work-tile-img{background-position:50% 50%;background-size:cover;height:101%;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;transition-timing-function:ease-in-out;width:101%}.work-tile:hover .work-tile-img{-webkit-transform:scale(1.03);transform:scale(1.03)}.work-tile:hover .work-tile-screen{background:rgba(0,0,0,.8)}.work-tile:hover .work-tile-label{margin-top:0;opacity:1}.work-tile-screen{background:transparent;flex:1 1;height:100%;width:100%;z-index:1}.work-tile-label,.work-tile-screen{display:flex;transition:all .35s;transition-timing-function:ease-in-out}.work-tile-label{align-items:center;color:#fff;font-size:1.1em;justify-content:center;line-height:1.1em;margin-left:auto;margin-right:auto;margin-top:5%;opacity:0;text-align:center;width:50%;z-index:2}@media only screen and (max-width:1250px){.work-tile{height:32.7vw;width:32.7vw}}@media only screen and (max-width:900px){.work-tile{height:48.9vw;width:48.9vw}}@media only screen and (max-width:772px){.work-tile{height:48.8vw;width:48.8vw}}@media only screen and (max-width:708px){.work-tile{height:48.7vw;width:48.7vw}}@media only screen and (max-width:655px){.work-tile{height:48.6vw;width:48.6vw}}@media only screen and (max-width:608px){.work-tile{height:48.5vw;width:48.5vw}}@media only screen and (max-width:566px){.work-tile{height:100vw;width:100vw}}.catalog-container{align-content:flex-start;align-items:left;background-color:#292929;flex-flow:row wrap;justify-content:left}.catalog-container,.info-container{bottom:0;display:flex;left:0;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;right:0;top:60px}.info-grid{margin-top:10vh}.hero-block{display:flex;flex-direction:row;width:70vw}img.hero-portrait{border-radius:50%;display:flex;height:20vw;max-height:240px;max-width:240px;width:20vw}.hero-text{display:flex;flex-direction:column;font-size:1em;justify-content:flex-start;margin-bottom:40px;margin-left:40px;text-align:left}a.info:link{font-weight:700;text-decoration:none;transition:all .25s;transition-timing-function:ease-in-out}a.info:link,a.info:visited{color:#292929}a.info:hover{color:#80dcff;-webkit-transition:color .25s}@media screen and (max-width:800px){.hero-block{align-items:center;flex-direction:column;margin-bottom:2em;margin-top:0;text-align:center;width:70vw}.hero-text{align-items:center;margin-left:0}img.hero-portrait{height:25vw;min-height:180px;min-width:180px;width:25vw}}.project-container{height:calc(100vh - 60px);margin-top:60px;overflow:hidden;position:relative;width:100%}.project-navbar{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent);display:flex;justify-content:space-between;left:0;position:fixed;right:0;top:60px;z-index:15}.project-title-container{align-items:center;display:flex;flex:1 1;gap:10px;justify-content:center}.project-title{color:#fff;font-size:24px;font-weight:600;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.project-info-button{background:hsla(0,0%,100%,.2)!important;color:#fff!important;padding:8px!important;transition:background .3s ease!important}.project-info-button:hover{background:hsla(0,0%,100%,.3)!important}.project-nav-arrow{cursor:pointer;display:flex;height:60px;margin:10px;transition:all .25s;transition-timing-function:ease-in-out;width:60px}img.project-nav-arrow:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.project-content-container{background-color:#000;height:100%;position:relative;width:100%}.asset-viewer{bottom:-60px;height:calc(100% + 120px);left:-60px;position:absolute;right:-60px;top:-60px;width:calc(100% + 120px);z-index:1}.asset-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:60px;width:100vw}.asset-container,.project-asset{background-color:#000;margin:0;padding:0}.project-asset{height:100%;object-fit:cover;width:100%}.asset-title-overlay{word-wrap:break-word;border-radius:10px;bottom:110px;color:#fff;font-size:16px;max-width:300px;padding:10px 15px;text-align:center}.asset-title-overlay,.carousel-controls{background:rgba(0,0,0,.25);left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:20}.carousel-controls{align-items:center;border-radius:25px;bottom:40px;display:flex;gap:20px;padding:10px 20px}.carousel-button{background:hsla(0,0%,100%,.2)!important;color:#fff!important;transition:background .3s ease!important}.carousel-button:hover{background:hsla(0,0%,100%,.3)!important}.carousel-indicators{display:flex;gap:8px}.carousel-indicator{background:hsla(0,0%,100%,.5);border-radius:50%;cursor:pointer;height:8px;transition:background .3s ease;width:8px}.carousel-indicator.active{background:#fff}.carousel-indicator:hover{background:hsla(0,0%,100%,.8)}.project-description-block{background:hsla(0,0%,100%,.95);box-shadow:-2px 0 10px rgba(0,0,0,.1);height:100%;overflow-y:auto;padding:30px;position:absolute;right:0;top:0;width:300px;z-index:15}.project-description-block.mobile{background:#fff;border-top:1px solid #eee;box-shadow:none;height:auto;padding:20px;position:relative;width:100%}.project-description-block>p>a{color:#292929;cursor:pointer;display:inline;font-weight:700;text-decoration:none;transition:all .25s ease-in-out}.project-description-block>p>a:hover{color:#80dcff}span.bold{font-weight:700}@media (max-width:950px){.project-navbar{padding:15px 20px}.project-title{font-size:20px}.carousel-controls{bottom:40px;gap:15px;padding:8px 15px}.asset-title-overlay{bottom:110px;font-size:14px;max-width:250px;padding:8px 12px}}@media only screen and (max-width:600px){.project-title{font-size:1.2em;margin:0 1em}.carousel-controls{gap:10px}.carousel-indicator{height:6px;width:6px}}@media only screen and (max-width:480px){.project-title{font-size:1em}.asset-title-overlay{font-size:.7em;max-width:200px;padding:6px 10px}}.video-container{align-items:center;display:flex;justify-content:center}.video-container,.video-container video{height:100%;margin:0;padding:0;width:100%}.video-container video{object-fit:cover}@media only screen and (max-width:768px) and (orientation:portrait){.project-asset,.video-container video{height:auto;object-fit:contain;width:100%}}.video-fallback{align-items:center;background:#f5f5f5;color:#666;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.video-fallback-content{max-width:400px;padding:20px}.video-fallback-content h3{color:#333;margin-bottom:10px}.video-fallback-content p{font-size:14px;margin-bottom:8px}.project-modal{background:#1a1a1a;border:1px solid #333;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.5);left:50%;max-height:90vh;max-width:90vw;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600px}.modal-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 30px}.modal-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.modal-close-button{color:#999!important;transition:color .3s ease!important}.modal-close-button:hover{color:#fff!important}.modal-content{color:#fff;line-height:1.6;max-height:60vh;overflow-y:auto;padding:30px}.modal-content p{margin-bottom:16px}.modal-content a{color:#80dcff;font-weight:500;text-decoration:none;transition:color .25s ease-in-out}.modal-content a:hover{color:#a0e6ff}.modal-content b{color:#fff;font-weight:600}@media (max-width:768px){.project-modal{max-height:95vh;width:95vw}.modal-header{padding:15px 20px}.modal-header h2{font-size:20px}.modal-content{max-height:70vh;padding:20px}}@media (max-width:480px){.project-modal{max-height:98vh;width:98vw}.modal-header{padding:12px 15px}.modal-header h2{font-size:18px}.modal-content{font-size:14px;padding:15px}}
/*# sourceMappingURL=main.5aa48c49.css.map*/