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