main{display:flex;flex-direction:row;flex-wrap:nowrap;min-height:100%;height:100%;padding:0 16%}.wide-right{padding-right:6%}@media screen and (max-width:1024px){main{padding:0 12%}}@media screen and (max-width:768px){main{padding:0 10%}}@media screen and (max-width:475px){main{padding:0 8%;flex-direction:column}.wide-right{padding-right:8%}}header{position:fixed;height:15%;width:50%;bottom:0;left:0;display:flex;padding-left:16%;flex-direction:column;flex-wrap:nowrap;z-index:1;background:#000}.copyright-msg{text-align:right;font-size:.8rem}@media screen and (max-width:768px){header{padding-left:10%}}@media screen and (max-width:475px){header{padding:0 8%;width:100%}}#content{padding-top:5%;width:50%;padding-bottom:38%}@media screen and (max-width:475px){#content{padding-top:12%;width:100%;flex:0 0 auto}}nav{display:flex;flex-direction:row;justify-content:space-between;padding:1.5rem 0 0}a.active{color:#a9a9a9}.breathing-pointer{text-align:center;display:none;position:absolute;left:0;right:0;top:-25px}.pointer-button{padding-bottom:1rem;display:inline-block;cursor:pointer}.breathing-pointer .pointer-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin-top:.5rem;-webkit-animation:bounce 3s infinite;animation:bounce 3s infinite}a.active .breathing-pointer{display:block}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg)}60%{-webkit-transform:translateY(-10px) rotate(-90deg);transform:translateY(-10px) rotate(-90deg)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg)}60%{-webkit-transform:translateY(-10px) rotate(-90deg);transform:translateY(-10px) rotate(-90deg)}}.full-screen-icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);display:inline-block;cursor:pointer;margin:0 1.5rem}.full-screen-icon span:first-child{margin-right:3px}.full-screen-icon:hover span:first-child{margin-right:8px}.nav-link{position:relative}a{color:#fff;text-decoration:none}#gallery{display:flex;flex-direction:column;justify-content:flex-end;max-height:100%;min-width:100%}@media screen and (max-width:475px){#gallery{padding-top:10%;padding-left:0;width:100%;height:100%;flex:0 0 auto}}.gallery-container{flex:1 0 auto;max-height:85%}.gallery-container.modal{display:flex;flex-direction:column;position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;background-color:#000;max-height:100%;padding:calc(5% - .9rem) 5% 5%}@media screen and (max-width:475px){.gallery-container.modal{padding:calc(10% - .9rem) 5% 10%}}.gallery-img{object-fit:contain;object-position:center;width:100%;height:100%;display:none}.gallery-img video{height:auto;width:100%;max-height:90%;max-width:100%}.embedded-content-container{position:relative;padding-bottom:56.25%;width:100%;height:0;overflow:hidden}.embedded-content-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.active{display:flex;align-items:center}#gallery-modal{display:flex;position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;background-color:#000}#gallery-item-wrapper{width:100%;height:100%;padding:calc(5% - .9rem) 5% 5%}#gallery-item-wrapper video{width:100%;height:auto;max-height:100%;max-width:100%;padding-top:1rem}#gallery-fullscreen-item{margin:auto;display:block;width:100%;max-height:100%;height:auto;object-fit:contain;object-position:center}@media screen and (max-width:475px){#gallery-item-wrapper{padding:calc(10% - .9rem) 5% 10%}#gallery-fullscreen-item{height:100%}}.close-btn{float:right;cursor:pointer}.closed{display:none!important}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(2)}}@keyframes zoom{0%{-webkit-transform:scale(.4);transform:scale(.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}.gallery-navigation{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;flex:0 0 15%;margin-left:65%;padding-top:1.5rem}.film-work-item:after{content:" "}.gallery-nav-btn{cursor:pointer}.gallery-item{flex:0 1 80%;padding-right:1.5rem}.gallery-controls{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;flex:0 1 20%}@media screen and (max-width:475px){.gallery-navigation{flex:0 0 25%;margin-left:0}}.starfield.debug{z-index:30}.starfield-debug{position:fixed;left:20px;top:20px;color:#fff;font-size:16px;line-height:2em;font-family:Helvetica Neue,Helvetica,arial,sans-serif;font-weight:300;z-index:30}.starfield{margin:0;padding:0;z-index:0}.starfield,.starfield canvas{height:100%;left:0;position:absolute;top:0;width:100%}:root{--bg-color:#000;--main-text-color:#fff;--secondary-text-color:#8d8f92;--highlight-color:red;--app-height:100vh}*,:after,:before{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:PixelOperator;src:local("PixelOperator"),url(/_next/static/media/PixelOperator.e2708e85.woff) format("woff")}#__next,body,html{height:var(--app-height);min-height:var(--app-height);max-height:var(--app-height)}body{font-size:.9rem;margin:0;font-family:PixelOperator,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{margin-bottom:1rem}h2{font-size:.9rem;font-weight:300}section{margin-bottom:1rem}main a{-webkit-text-decoration:underline .9px;text-decoration:underline .9px;text-underline-offset:1px}.award-description,.remark,.remark a{color:#8d8f92}.dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:#0f0;margin-right:.2rem;margin-bottom:.05rem}.project-block:not(:last-child){margin-bottom:2rem}.project-block h2{margin-bottom:.5rem}.project-row{text-decoration:none;width:100%;display:block}.project-row span:after{content:" "}.project-work-type{color:var(--secondary-text-color)}.post-production{color:var(--highlight-color)}.film-work-type{color:var(--secondary-text-color);white-space:nowrap}.spacing{margin-top:.8rem}#logo-wrapper{width:100%;height:90%;display:flex;align-items:center;padding:0 37.5%}#logo-wrapper img{width:100%;z-index:1}@media screen and (max-width:768px){#logo-wrapper{padding:22.5%}}