@import "https://use.typekit.net/vea4dch.css";
@font-face{font-family:Theinhardt Mono;src:url(../media/Theinhardt-Mono-Regular.6c61d635.woff2)format("woff2"),url(../media/Theinhardt-Mono-Regular.9f411360.woff)format("woff");font-weight:400;font-style:normal}
:root{--light-grey:#f0f0f0;--grey:#ccc;--grey-text:#bbb;--dark-grey:#303030;--dark-grey-text:#404040;--white:white;--black:black;--h-margin:1.5em;--v-margin:calc(var(--h-margin)/2);--line-height:1.4em}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:Theinhardt Mono,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:var(--line-height);letter-spacing:.05em}@media (max-width:800px){html,body{font-size:12px}}body{background-color:var(--light-grey);color:var(--grey-text);max-width:2200px;min-height:100vh;margin:0 auto;transition:background-color 1s}body.project{background-color:var(--black);color:var(--dark-grey-text);transition:background-color 1s}body.project .info,body.project .info .item.bio{color:var(--white)}body.project .info .item:hover div a{color:var(--dark-grey-text)}body.project .info .item:hover div a:hover{color:var(--white)}@media (max-width:800px){body.project .info .item:hover div a{color:var(--white)}}body.project nav .nav-item .name{color:var(--white)}body.project nav .nav-item .name.inactive{color:var(--dark-grey-text);transition:color .5s}body.project nav .nav-item:hover .role,body.project nav .nav-item:hover .name{color:var(--white);transition:color .5s}@media (max-width:800px){body.project nav .nav-item:hover .role{color:var(--dark-grey-text)}body.project nav .nav-item:hover .name{color:var(--white)}body.project nav .nav-item:hover .name.inactive{color:var(--dark-grey-text)}}body.project nav .nav-item.project.active{opacity:1;transition:opacity .5s,color .5s}body.project nav .nav-item.project.active.info-open{color:var(--dark-grey-text)}body.project nav .nav-item div a:hover{color:var(--white)}@media (max-width:800px){body.project nav .nav-item div a:hover{color:var(--dark-grey-text)}}body.project nav .nav-item .category.active{color:var(--white)}@media (max-width:800px){body.project nav .nav-item .category.active a:hover{color:var(--dark-grey-text)}}body.project nav .nav-item .category.info-open{color:var(--dark-grey-text)}body.project nav .nav-item .link:hover{color:var(--white)}@media (max-width:800px){body.project nav .nav-item .link:hover{color:var(--dark-grey-text)}}body.project nav .nav-item .link.active{color:var(--white)}@media (max-width:800px){body.project nav .nav-item .link.active:hover{color:var(--white)}}body.project main .not-found{color:var(--white)}a{color:inherit;text-decoration:none}img{width:100%;height:auto;transition:opacity 1s;display:block}.info{margin:0 var(--v-margin)0 var(--v-margin);padding-top:var(--v-margin);color:var(--black);flex-wrap:wrap;justify-content:left;align-items:flex-start;display:flex}.info .item{padding:0 var(--v-margin)var(--line-height)var(--v-margin);width:16.666%}@media (max-width:1500px){.info .item{width:25%}}@media (max-width:1000px){.info .item{width:33.332%}}@media (max-width:650px){.info .item{width:50%}}@media (max-width:360px){.info .item{width:100%}}.info .item div,.info .item div a{transition:color .5s}@media (max-width:1500px){.info .item.spacing{width:50%}}@media (max-width:1000px){.info .item.spacing{width:33.332%}}@media (max-width:650px){.info .item.spacing{display:none}}.info .item.bio{width:33.332%;padding-right:calc(var(--line-height)*2);transition:color .5s}.info .item.bio:hover{color:var(--black)}@media (max-width:1500px){.info .item.bio{width:50%}}@media (max-width:1000px){.info .item.bio{width:66.664%}}@media (max-width:650px){.info .item.bio{width:100%;padding-right:var(--v-margin)}}.info .item .rep{padding-top:var(--line-height)}.info .item .rep:first-of-type{padding-top:0}.info .item.info-image{padding:0 var(--v-margin)var(--line-height)var(--v-margin);filter:grayscale();width:16.666%}.info .item.info-image .image-cred{margin-top:var(--v-margin);color:var(--grey-text)}.info .item.info-image .img-wrapper{background-color:var(--grey)}@media (max-width:1500px){.info .item.info-image{width:25%}}@media (max-width:1000px){.info .item.info-image{width:33.332%}}@media (max-width:650px){.info .item.info-image{width:50%}}.info .item:hover div a{color:var(--grey-text)}.info .item:hover div a:hover{color:var(--black)}@media (max-width:800px){.info .item:hover div a{color:var(--black)}}.margin-bottom{margin-bottom:var(--line-height)}nav{z-index:100;padding:var(--v-margin)var(--v-margin)0 var(--v-margin);flex-wrap:wrap;align-items:flex-start;display:flex;position:sticky;top:0;left:0;right:0}nav .nav-item{width:16.666%;padding:0 var(--v-margin)var(--v-margin)var(--v-margin)}@media (max-width:1500px){nav .nav-item{width:25%}}@media (max-width:1000px){nav .nav-item{width:33.332%}}@media (max-width:650px){nav .nav-item{width:50%;padding-bottom:calc(var(--line-height)*2)}}nav .nav-item .name{color:var(--black);transition:color .5s}nav .nav-item .name.inactive{color:var(--grey-text);transition:color .5s}nav .nav-item .role{transition:color .5s}nav .nav-item:hover .role,nav .nav-item:hover .name{color:var(--black);transition:color .5s}@media (max-width:800px){nav .nav-item:hover .role{color:var(--grey-text)}nav .nav-item:hover .name,nav .nav-item:hover .name.inactive{color:var(--black)}}nav .nav-item.project{width:50%;color:var(--black);opacity:0;padding:0;padding-bottom:var(--v-margin);flex-wrap:wrap;transition:opacity .5s,color .5s;display:flex}@media (max-width:1500px){nav .nav-item.project{width:25%}}@media (max-width:650px){nav .nav-item.project{width:50%}}nav .nav-item.project div{width:50%;padding:0 var(--v-margin)}@media (max-width:1500px){nav .nav-item.project div{width:100%}}nav .nav-item.project.active{opacity:1;color:var(--white);transition:opacity .5s,color .5s}nav .nav-item.project.active.info-open{color:var(--black);transition:opacity .5s,color .5s}nav .nav-item div a{transition:color .5s}nav .nav-item div a:hover{color:var(--black);transition:color .5s}@media (max-width:800px){nav .nav-item div a:hover{color:var(--grey-text)}}nav .nav-item .category.active{color:var(--black)}@media (max-width:800px){nav .nav-item .category.active a:hover{color:var(--black)}}nav .nav-item .category.info-open{color:var(--grey-text)}@media (max-width:800px){nav .nav-item .category{padding-bottom:var(--line-height)}nav .nav-item .category:last-child{padding-bottom:0}}nav .nav-item .link{cursor:pointer;transition:color .5s}nav .nav-item .link:hover{color:var(--black);transition:color .5s}@media (max-width:800px){nav .nav-item .link:hover{color:var(--grey-text)}}nav .nav-item .link.active{color:var(--black)}main{padding-bottom:calc(var(--v-margin)*10)}main .project-item{margin:0 var(--v-margin)calc(var(--line-height)*2)var(--v-margin)}@media (max-width:400px){main .project-item{margin-left:0;margin-right:0}}main .project-item:hover .project-info{color:var(--black)}main .project-item .project-info{width:100%;top:var(--v-margin);z-index:50;flex-wrap:wrap;transition:color .5s;display:flex;position:sticky}@media (max-width:800px){main .project-item .project-info{color:var(--black)}}@media (max-width:1500px){main .project-item .project-info{position:static}}main .project-item .project-info .item{margin-bottom:var(--v-margin);width:37.5%}@media (max-width:1500px){main .project-item .project-info .item{width:25%}}@media (max-width:650px){main .project-item .project-info .item{display:none}}main .project-item .project-info .item.title{flex-wrap:wrap;width:50%;display:flex}@media (max-width:1500px){main .project-item .project-info .item.title{width:75%}}@media (max-width:650px){main .project-item .project-info .item.title{width:100%}}@media (max-width:400px){main .project-item .project-info .item.title{padding:0 var(--v-margin)}}main .project-item .project-info .item.title div{width:50%;padding:0 var(--v-margin)}main .project-item .project-info.info-open{color:var(--grey-text)}main .project-item .thumbnails{flex-wrap:wrap;justify-content:space-between;display:flex}@media (max-width:1000px){main .project-item .thumbnails{justify-content:center}}@media (max-width:400px){main .project-item .thumbnails{padding:0 var(--v-margin)}}main .project-item .thumbnails .thumbnail{padding:0 var(--v-margin);width:25%}@media (max-width:1000px){main .project-item .thumbnails .thumbnail{width:75%}main .project-item .thumbnails .thumbnail:nth-child(2),main .project-item .thumbnails .thumbnail:nth-child(3),main .project-item .thumbnails .thumbnail:nth-child(4){display:none}}@media (max-width:500px){main .project-item .thumbnails .thumbnail{width:100%;padding-bottom:var(--v-margin)}main .project-item .thumbnails .thumbnail:nth-child(2){display:block}}main .project-item .thumbnails .thumbnail .img-wrapper{background-color:var(--grey)}main .project-item .thumbnails .thumbnail .img-wrapper .img{width:100%;height:auto}main .project-item .thumbnails .thumbnail .video-loop{background-color:var(--grey);display:block;position:relative;overflow:hidden}main .project-item .thumbnails .thumbnail .video-loop mux-player{width:calc(100% + 2px);transition:opacity .5s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main .project-item .thumbnails.one{justify-content:center}main .project-item .thumbnails.one .thumbnail{width:50%}@media (max-width:1000px){main .project-item .thumbnails.one .thumbnail{width:75%}}@media (max-width:500px){main .project-item .thumbnails.one .thumbnail{width:100%}}main .project-item .thumbnails.one .thumbnail.wide{width:75%}@media (max-width:1000px){main .project-item .thumbnails.one .thumbnail.wide{width:100%}}main .project-item .thumbnails.two .thumbnail{width:50%}@media (max-width:1000px){main .project-item .thumbnails.two .thumbnail{width:75%}}@media (max-width:400px){main .project-item .thumbnails.two .thumbnail{width:100%}}@media (max-width:1000px){main .project-item .thumbnails.two .thumbnail.wide,main .project-item .thumbnails.three .thumbnail.wide{width:100%}}main .home-projects{margin:0 var(--v-margin)calc(var(--line-height)*2)var(--v-margin);flex-wrap:wrap;align-items:flex-end;display:flex;position:relative}main .home-projects .home-project-item{padding:0 var(--v-margin)calc(var(--line-height)*2)var(--v-margin);flex:0 0 16.666%}@media (max-width:1500px){main .home-projects .home-project-item{flex-basis:25%}}@media (max-width:1000px){main .home-projects .home-project-item{flex-basis:33.333%}}@media (max-width:650px){main .home-projects .home-project-item{flex-basis:50%}}@media (max-width:400px){main .home-projects .home-project-item{flex-basis:100%}}main .home-projects .home-project-item .project-info{margin-top:var(--v-margin);transition:color .5s}main .home-projects .home-project-item .project-info.info-open{color:var(--grey-text)}main .home-projects .home-project-item .thumbnail{background-color:var(--grey)}main .home-projects .home-project-item .thumbnail .img-wrapper{width:100%;height:100%}main .home-projects .home-project-item .thumbnail .img-wrapper .img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:opacity .5s}main .home-projects .home-project-item .thumbnail .video-loop{background-color:var(--grey);display:block;position:relative;overflow:hidden}main .home-projects .home-project-item .thumbnail .video-loop mux-player{width:calc(100% + 2px);transition:opacity .5s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main .home-projects .home-project-item .thumbnail .video-loop .video-overlay{position:absolute}main .home-projects .home-project-item:hover .project-info{color:var(--black)}main .stills{margin:0 var(--h-margin)calc(var(--line-height)*2)var(--h-margin);-moz-column-gap:var(--h-margin);column-gap:var(--h-margin);grid-template-columns:repeat(6,1fr);display:grid;position:relative}@media (max-width:1500px){main .stills{grid-template-columns:repeat(4,1fr)}}@media (max-width:1000px){main .stills{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){main .stills{grid-template-columns:repeat(2,1fr)}}main .stills .still{cursor:pointer;grid-column:1/span 3}@media (max-width:1000px){main .stills .still{grid-column:1/span 2}}main .stills .still .img-wrapper img{-o-object-fit:contain;object-fit:contain;-o-object-position:left top;object-position:left top;min-height:500px;max-height:80vh}main .stills .still.panorama{grid-column:1/span 4}@media (max-width:1500px){main .stills .still.panorama{grid-column:1/span 3}}main .stills .still.portrait{grid-column:1/span 2}@media (max-width:650px){main .stills .still.portrait{grid-column:1/span 1}}@media (max-width:500px){main .stills .still.portrait{grid-column:1/span 2}}main .stills .still.info-open .img-wrapper{background-color:var(--grey)}main .not-found{padding:calc(var(--line-height)*2 - var(--v-margin))var(--v-margin);color:var(--black);display:flex}main .not-found div{padding:0 var(--v-margin);width:16.666%}@media (max-width:1500px){main .not-found div{width:25%}}@media (max-width:1000px){main .not-found div{width:33.333%}}@media (max-width:650px){main .not-found div{width:50%}}.exit-info{z-index:50;position:absolute;inset:0}.video-player .image-wrapper{margin:0 var(--v-margin)0 var(--v-margin);justify-content:center;display:flex}@media (max-width:400px){.video-player .image-wrapper{margin:0}}.video-player .image-wrapper .image{padding:0 var(--v-margin);width:50%;display:block}.video-player .image-wrapper .image.wide{width:75%}@media (max-width:650px){.video-player .image-wrapper .image{width:75%}}@media (max-width:400px){.video-player .image-wrapper .image{width:100%;padding:0}.video-player .image-wrapper .image.wide{width:100%}}.video-player .image-wrapper .image .mux-player{background-color:var(--dark-grey);display:block;position:relative}.video-player .image-wrapper .image .mux-player.no-video{background-color:var(--light-grey);color:var(--white);text-align:center;padding:var(--line-height);justify-content:center;align-items:center;width:100%;display:flex}.video-player .image-wrapper .image .mux-player mux-player{cursor:pointer;width:100%;height:auto;transition:opacity .5s;display:block}.video-player .image-wrapper .image .mux-player mux-player:focus-visible{outline:none}.video-player .controls{margin:var(--v-margin)var(--v-margin)0 var(--v-margin);padding-bottom:var(--v-margin);color:var(--white);flex-wrap:wrap;justify-content:left;transition:opacity .5s,color .5s;display:flex}@media (max-width:800px){.video-player .controls{justify-content:right}}.video-player .controls.info-open{color:var(--dark-grey-text)}.video-player .controls .item{padding:0 var(--v-margin);width:12.5%}@media (max-width:800px){.video-player .controls .item{width:50%}}.video-player .controls .item .duration{transition:opacity .5s}.video-player .controls .item .btn{cursor:pointer}@media (max-width:800px){.video-player .controls .item .btn.fullscreen{display:none}}.video-player .controls .item .btn.video-res{color:var(--dark-grey-text);transition:color .5s}.video-player .controls .item .btn.video-res.selected,.video-player .controls .item .btn.video-res:hover{color:var(--white);transition:color .5s}.video-player .controls .item.timeline{width:50%;height:var(--line-height);position:relative}@media (max-width:800px){.video-player .controls .item.timeline{width:100%}}.video-player .controls .item.timeline .line{background-color:var(--white);width:calc(100% - var(--h-margin));height:2px;top:50%;right:0;left:var(--v-margin);transition:background-color .5s;position:absolute;transform:translateY(-50%)}.video-player .controls .item.timeline .line.info-open{background-color:var(--dark-grey-text)}@media (max-width:800px){.video-player .controls .item.timeline .line{height:1.5px}}.video-player .controls .item.timeline input[type=range]{top:0;bottom:0;right:0;left:var(--v-margin);appearance:none;width:calc(100% - var(--h-margin));cursor:pointer;background-color:#0000;border:none;outline:none;height:100%;transition:background-color .5s;position:absolute}.video-player .controls .item.timeline input[type=range].info-open::-webkit-slider-thumb{background-color:var(--dark-grey-text)}.video-player .controls .item.timeline input[type=range].info-open::-moz-range-thumb{background-color:var(--dark-grey-text)}.video-player .controls .item.timeline input[type=range].info-open::-ms-thumb{background-color:var(--dark-grey-text)}.video-player .controls .item.timeline input[type=range]::-ms-track{top:0;bottom:0;right:0;left:var(--v-margin);appearance:none;width:calc(100% - var(--h-margin));cursor:pointer;background-color:#0000;border:none;outline:none;height:100%;transition:background-color .5s;position:absolute}.video-player .controls .item.timeline input[type=range]::-ms-track.info-open::-webkit-slider-thumb{background-color:var(--dark-grey-text)}.video-player .controls .item.timeline input[type=range]::-ms-track.info-open::-moz-range-thumb{background-color:var(--dark-grey-text)}.video-player .controls .item.timeline input[type=range]::-ms-track.info-open::-ms-thumb{background-color:var(--dark-grey-text)}.video-player .controls .item.timeline input[type=range]:focus{outline:none}.video-player .controls .item.timeline input[type=range]::-webkit-slider-thumb{height:var(--v-margin);background-color:var(--white);cursor:pointer;appearance:none;border:none;border-radius:0;width:2px;transition:background-color .5s}@media (max-width:800px){.video-player .controls .item.timeline input[type=range]::-webkit-slider-thumb{width:1.2px}}.video-player .controls .item.timeline input[type=range]::-moz-range-thumb{height:var(--v-margin);background-color:var(--white);cursor:pointer;appearance:none;border:none;border-radius:0;width:2px;transition:background-color .5s}@media (max-width:800px){.video-player .controls .item.timeline input[type=range]::-moz-range-thumb{width:1.2px}}.video-player .controls .item.timeline input[type=range]::-ms-thumb{height:var(--v-margin);background-color:var(--white);cursor:pointer;appearance:none;border:none;border-radius:0;width:2px;transition:background-color .5s}@media (max-width:800px){.video-player .controls .item.timeline input[type=range]::-ms-thumb{width:1.2px}}.video-player.fullscreen{width:100vw;height:100vh}.video-player.fullscreen .image-wrapper{width:100%;height:100%;margin:0}.video-player.fullscreen .image-wrapper .image{width:100vw;padding:0}.video-player.fullscreen .image-wrapper .image .mux-player mux-player{height:100vh}.video-player.fullscreen .controls{position:absolute;inset:auto 0 0}.video-overlay{cursor:pointer;position:absolute;inset:0}.specs{color:var(--white);margin:calc(var(--line-height)*2 - var(--v-margin))var(--v-margin)var(--line-height)var(--v-margin);flex-wrap:wrap;justify-content:left;transition:color .5s;display:flex}.specs .item{padding:0 var(--v-margin)0 var(--v-margin);margin:0 0 var(--line-height)0;width:12.5%}@media (max-width:1500px){.specs .item{width:25%}}@media (max-width:650px){.specs .item{width:50%}}@media (max-width:360px){.specs .item{width:100%}}.specs.info-open{color:var(--dark-grey-text)}.project-stills{margin:var(--v-margin);justify-content:left;row-gap:var(--v-margin);flex-wrap:wrap;display:flex}.project-stills .thumbnail{padding:0 var(--v-margin);width:50%}@media (max-width:500px){.project-stills .thumbnail{width:100%}}.project-stills .thumbnail .img-wrapper{background-color:var(--dark-grey)}mux-player{--controls:none!important;--dialog:none!important;--loading-indicator:none!important;--play-button:none!important;--live-button:none!important;--seek-backward-button:none!important;--seek-forward-button:none!important;--mute-button:none!important;--captions-button:none!important;--airplay-button:none!important;--pip-button:none!important;--fullscreen-button:none!important;--cast-button:none!important;--playback-rate-button:none!important;--volume-range:none!important;--time-range:none!important;--time-display:none!important;--duration-display:none!important;--rendition-selectmenu:none!important;--top-controls:none!important;--center-controls:none!important;--bottom-controls:none!important;--top-play-button:none!important;--center-play-button:none!important;--bottom-play-button:none!important}mux-player::part(range){display:none}