:root{--content-width:60px;--padding:60px;--padding-sm:60px;--gutters:60px;--font-text:'ChalBook',sans-serif;--font-text-italic:'ChalBookItalic',sans-serif;--font-text-light:'Light',sans-serif;--font-bold:'ChalBookBold',sans-serif;--font-bold-italic:'ChalBookBoldItalic',sans-serif;--font-header:'Bold',sans-serif;--color-brand-red:red;--color-brand-blue:#0011ff;--color-brand-green:#60BB46;--color-brand-gray:#5E6367;--color-text:#fff;--color-link:#fff;--color-page-background:#000}
html{scroll-behavior:smooth;padding:0;margin:0;max-width:100vw;width:100vw;overflow-x:hidden!important}
body{font:18px/1.4em var(--font-text);font-weight:400;font-style:normal;max-width:100vw;width:100vw;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;background-repeat:no-repeat;background-color:var(--color-page-background);color:var(--color-text);text-align:left;-webkit-transition:none 0s!important;-moz-transition:none 0s!important;-ms-transition:none 0s!important;-o-transition:none 0s!important;transition:none 0s!important;padding:0;margin:0;gap:0 0;overflow-x:hidden!important;display:grid;grid-template-columns:1fr 1fr 1fr}
body.no-scroll{width:199vw;height:100vh;overflow:hidden}
h1,h2,h3,h4,h5,h6{font-family:var(--font-header);line-height:1.1em}
h1,h2,h3,h4,h5,h6,p,strong{font-weight:100}
a,a:visited{color:var(--color-link)}
b,strong{font-weight:100;font-family:var(--font-bold)}
em,i{font-family:var(--font-text-italic)}
b,strong{font-weight:100;font-family:var(--font-bold)}
#page-wrap{position:relative;display:block;padding:0;margin:0;width:100vw}
main{max-width:100%;height:auto;padding:0;margin:0;display:block}
.inner{display:block;position:relative;padding:var(--padding-sm)}
.division-tpl main .inner{display:grid}
.inner-content{padding:calc(var(--padding-sm)/ 2)}
.content{margin-bottom:var(--padding-sm)}
#mast{display:grid;z-index:9999999;position:fixed;width:100vw;padding:var(--padding-sm);height:120px;grid-template-columns:1fr;grid-template-rows:auto;align-items:center}
#mast:after{content:"";display:block;position:absolute;background-image:url(../images/shade.png);background-size:100% 300px;background-position:center top;background-repeat:no-repeat;top:0;z-index:-1;width:100%;height:300px;pointer-events:none;opacity:.8}
#mast .identity{display:grid;grid-column:1/2;grid-row:1;position:relative;width:40%}
#mast .identity img{max-width:200px}
#nav-panel{display:block;z-index:9;height:100vh;width:100vw;gap:0;top:100vh;right:0;margin:0;opacity:0;position:fixed;max-height:300vh;overflow-y:scroll;animation-fill-mode:both;transform-origin:center center;background-color:rgba(0,0,0,.95);-ms-overflow-style:none;scrollbar-width:none}
#nav-panel .menu{padding:var(--padding-sm);max-width:100%;position:relative}
#nav-panel .menu li,#nav-panel .menu ul{display:block}
#mast .menu{padding:var(--padding-sm);margin:0;width:100%;text-align:center}
#mast .menu li{display:block;padding:5px;text-align:left;position:relative;font-family:var(--font-header);font-size:5vw;line-height:1em}
#mast .menu li a:hover,#mast .menu li.active a{color:var(--color-brand-red)}
#mast .menu li ul{position:absolute;display:block}
#mast li ul.sub-menu{margin:0;padding:0;position:relative;right:0;top:0;display:block;height:auto;margin-left:3vw;margin-top:3vw}
#mast .menu li a{text-decoration:none;padding-left:10px;padding-right:10px}
#mast .menu li:first-child a{text-decoration:none}
#mast .menu li:last-child a{text-decoration:none;padding-bottom:10px}
#mast .menu li:hover .sub-menu{transition-delay:1s;display:block}
#mast .sub-menu li a{display:block;color:rgba(255,255,255,.568);font-family:var(--font-header);font-size:5vw;line-height:1em}
#mast .sub-menu li a:hover{color:var(--color-brand-red)}
.mobile-logo{padding:65px;padding-bottom:0}
.menu ul{margin:0;padding:0}
#primary-nav{display:block;padding-right:var(--padding)}
.max-width-img-sm{max-width:400px;margin-top:var(--padding-sm);margin-top:var(--padding-sm)}
#loader,#masked-logo{display:block;position:absolute;top:0;width:100vw;height:100vh;display:block;background-image:url(../images/masked-logo.png);background-size:cover!important;background-repeat:no-repeat;background-position:center center!important;z-index:9999}
#loader{background-image:url(../images/masked-logo-loader-bg.png);z-index:99999999999999999999}
.pinned{z-index:9998}
.home-slug .videointro iframe{box-sizing:border-box;height:56.25vw;left:50%;min-height:100%;min-width:100%;transform:translate(-50%,-50%);position:absolute;top:50%;width:177.77777778vh;opacity:1}
.home-slug .videointro video{position:absolute;display:block;top:0;width:100%;height:100%;object-fit:cover;opacity:1;background:#000}
#introtext{display:grid;align-items:center;max-height:auto}
.intro-text{font-size:7vw;line-height:1;color:#fff;position:relative;display:block;height:auto;z-index:90999;font-family:var(--font-bold)}
.loading-message{margin:auto;text-align:center;margin-top:90vh}
.loading-message span{position:relative;font-size:10px;line-height:1px}
.loading-message span::before{content:'.';display:inline-block;position:relative;transform:translateX(-25px);animation:loaddot 3s infinite}
@keyframes loaddot{
0%{content:'.';transform:translateX(-25px) rotateZ(0)}
16.667%{content:'.';transform:translateX(25px) rotateZ(720deg)}
33.333%{content:'.';transform:translateX(-25px) rotateZ(0)}
34.333%{content:'.';transform:translateX(-25px) rotateZ(0)}
50%{content:'.';transform:translateX(25px) rotateZ(720deg)}
66.667%{content:'.';transform:translateX(-25px) rotateZ(0)}
67.667%{content:'.';transform:translateX(-25px) rotateZ(0)}
83.333%{content:'.';transform:translateX(25px) rotateZ(720deg)}
100%{content:'.';transform:translateX(-25px) rotateZ(0)}
}
.blocked{display:block;line-height:1em}
.home-tpl .pinned{margin-top:100vh}
.layout-content{display:block;position:relative}
.videointro{width:100vw;display:block;height:100vh;background:#000;position:fixed;top:0;left:0}
.videointro iframe{box-sizing:border-box;height:56.25vw;left:50%;min-height:100%;min-width:100%;transform:translate(-50%,-50%);position:absolute;top:50%;width:177.77777778vh;opacity:.7}
.videointro.viewing{position:fixed;z-index:999999999}
.keyart-strip,.logo-strip{display:block;background-color:#000;gap:0;width:100vw;position:relative;height:310px;overflow:hidden;white-space:nowrap}
.logo-strip:before{content:"";height:100px;display:block;position:relative}
.division-tpl .keyart-strip{display:block;background-color:#000;gap:0;width:calc(100% + var(--padding)*2);left:-100px;position:relative;height:310px;overflow:hidden;white-space:nowrap;margin-top:var(--padding-sm)}
.inner-strip{white-space:nowrap;position:absolute;margin:0;padding:0;height:310;top:0;left:0;overflow:hidden}
.keyart{display:inline-block;width:200px;height:310px;margin:0;margin-right:-5px;padding:0}
.logo-strip .logo{display:block;position:absolute;align-items:center;width:15vw;height:15vw;margin:0;padding:20px}
.logo-strip .logo img{position:relative;max-height:80px;display:block;margin:auto}
.centertable{vertical-align:middle;text-align:center;display:table-cell}
.logo-strip .inner-strip{white-space:nowrap;position:absolute;margin:0;padding:0;height:15vw;width:100vw;top:0;left:0;overflow:visible}
@keyframes bannermove{
0%{transform:translate(0,0)}
100%{transform:translate(calc(100vw - 100%),0)}
}
.keyart img{width:100%}
.keyart:hover{opacity:.5}
.news-articles h2{position:relative;margin-bottom:40px}
.down-arrow{display:block;line-height:1em;background-image:url(../images/arrow-down.svg);background-repeat:no-repeat;background-size:contain;width:60px;height:60px}
main{margin-top:120px;width:100%;max-width:100%;display:block}
#page-header{z-index:99999;pointer-events:none}
#page-header h1{line-height:1em;margin-bottom:.5em!important}
.home-panel{position:relative;max-height:auto;min-height:20vh;height:auto;display:flex;align-items:bottom}
.home-panel.feature{height:30vh}
.home-panel .inner{z-index:2}

.page-title{
 
    margin: 0;
    margin-bottom: 1em;
    z-index: 2;
    line-height: 1;
    display: grid;
}
 
h2 {
    font-size: 1.8rem;
    margin: 0; 
    z-index: 2;
    line-height: 1
}

main h3 {
    font-size: 1.5em;
    margin: 0;
    margin-bottom: 0.2em;
    z-index: 2;
    line-height: 1.2;
}
 
.select-work h3{font-size:1.7em;line-height:1.2em;margin-top:0}
.select-work h3 a{text-decoration:none}
.creators-list a{text-decoration:none}
.creators-list ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.1)}
.creators-list li{list-style:none;font-size:3vw;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}
.home-panel.feature h2{font-size:5vw;line-height:1.2em;opacity:.7}
.home-panel.feature:hover h2{opacity:1!important}
.home-panel.feature h2 span{display:block;font-size:.68em;line-height:1em}
.page-title h1{margin-top:0;margin-bottom:.2em}
.overlay-panel .gradients{z-index:-1!important}

.home-panel .inner{width:100%}
.layout-content h2{bottom:0;position:absolute;max-width:calc(100% - (var(--padding-sm) *2));padding-bottom:var(--padding-sm);display:block}
.bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat}
video::-webkit-media-controls-fullscreen-button{display:none!important}
.client-logos{display:grid;max-width:100%;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;align-items:center}
.client-logo{margin:auto;display:grid;padding:calc(var(--padding-sm)/ 2)}
.client-logos figure{margin:auto;display:grid;padding:calc(var(--padding-sm)/ 2)}
.client-logos figure img{max-height:100px;margin:auto}
.client-logo img{max-height:100px;margin:auto}
#site-footer{background:#000;display:grid;grid-template-columns:1fr 1fr;position:relative;max-width:100vw;width:100%;font-size:.8em}
#site-footer .inner{width:100vw;position:relative;padding:var(--padding-sm)}
#site-footer h3{position:relative;line-height:1em;margin:0;top:auto;left:auto;font-size:4vw;font-family:var(--font-header)}
#site-footer a{text-decoration:none}
.footer-logo{max-width:100px;margin-bottom:calc(var(--padding));grid-column:1;grid-column-start:1;grid-column-end:2}
.footer-cap{display:grid;grid-template-columns:1fr;grid-column-start:1;grid-column-end:4;width:100%;margin-top:calc(var(--padding));text-align:center}
.footer-message{display:grid;grid-column:1;grid-column-start:1;grid-column-end:2;text-align:center;opacity:.8;font-size:.8em}
.copyright{grid-column:2;display:grid;text-align:right;opacity:.5}
#mast:hover{opacity:1;mix-blend-mode:normal}
.scroll-group{background-color:#000;display:block;position:relative}
.blendbg{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.4}
.blendbg img{width:100%;height:100%;object-fit:cover!important}
.blendbg:after{content:"";display:block;position:absolute;top:0;z-index:2;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%)}
.bgvideo:after{content:"";display:block;position:absolute;top:0;z-index:2;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 10%,rgba(0,0,0,0) 100%)}
.select-work{display:block;position:relative;z-index:10}
.select-work .grid{display:grid;max-width:100%;grid-template-columns:1fr;position:relative;gap:0}
.select-work.inner{display:block;position:relative}
.project{display:grid;position:relative;grid-column:1/2;align-items:start;cursor:pointer}
#mast li ul.sub-menu:before{content:"";width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid rgba(0,0,0,.8);position:absolute;display:block;right:10px;top:0}
.project:nth-child(odd){grid-column:1/2}
.project h4,.slideshow h4{display:block;position:relative;font-size:4vw;line-height:1.2em;width:100%;margin-top:0;margin-bottom:var(--padding-sm)}
.project h4 a,.slideshow h4 a{text-decoration:none;text-transform:capitalize;opacity:.6}
.project .imgwrap,.slideshow .imgwrap{overflow:hidden;transform:scale(1);border-radius:3px;box-shadow:0 0 0 0 rgba(0,0,0,0);-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;position:relative;display:block;margin-bottom:20px}
.project:hover .imgwrap img,.slideshow:hover .imgwrap img{overflow:hidden;transform:scale(1.1)}
.section-title{opacity:.4;margin-bottom:1em}
.project:hover .imgwrap,.slideshow:hover .imgwrap{box-shadow:0 0 20px 20px rgba(0,0,0,.1)}
.project .imgwrap img,.slideshow .imgwrap img{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.project:hover h4 a{opacity:1}
.crumb{font-size:4vw;line-height:1em;font-family:var(--font-header);display:block;margin-bottom:20px}
.crumb a{text-decoration:none}
.crumb:before{width:60px;height:60px;position:absolute;bottom:10vh;left:calc(50vw - 30px);z-index:99999999;opacity:.52}
.project figure,.project img,.slideshow figure,.slideshow img{display:block;margin:0;align-items:start;max-width:100%;width:100%;position:relative;padding:0}
@media (min-width:1300px){
.body{font-size:1.3vw}
}
@keyframes menu-sub-show{
from{opacity:0;right:-100px}
to{opacity:1}
}
.close{width:60px;height:60px;position:absolute;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;margin:0;z-index:88889;display:block;margin:auto;cursor:pointer;transform:scale(1);margin-top:0;border-radius:50%;opacity:1;animation:fadeIn ease 3s;animation-delay:0s;animation-iteration-count:1;animation-fill-mode:none;animation-delay:2s;animation-iteration-count:1;animation-fill-mode:forwards;top:10px;right:10px}
.close span{display:block;position:absolute;height:3px;width:100%;background:#fff;opacity:1;left:0;top:30px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out}
.close span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.close span:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.close:hover span{background-color:var(--color-brand-red);opacity:1}
.overlay-panel{z-index:999999999;background-color:rgba(0,0,0,.9);width:100vw;min-height:100vh;position:fixed;top:0;left:0;overflow:hidden;animation-name:showoverlay;transform-origin:top;animation-duration:.7s}
.overlay-panel.hideoverlay{animation-name:hideoverlay}
.grid-wrapper{display:grid;height:100vh}
.container{z-index:10}
.overlay-panel .gradients{z-index:-1}
.overlay-title{font-size:2vw;margin-top:1vw;text-transform:capitalize;animation:fadeIn ease 3s;opacity:0;animation-delay:.6s;animation-iteration-count:1;animation-fill-mode:forwards;position:relative;display:block}
.watch-cta{z-index:99999;position:relative;color:#fff;display:block;font-size:5vw;line-height:1.2em;font-family:var(--font-header);opacity:1;cursor:pointer;-webkit-transition:opacity .8s;-moz-transition:opacity .8s;-ms-transition:opacity .8s;-o-transition:opacity .8s;transition:opacity .8s;margin-bottom:4rem}
.watch-cta:hover,.watch-cta:hover a{opacity:1;color:red}
.cats{font-size:3vw;line-height:1em;font-family:var(--font-header);margin-bottom:calc(var(--padding-sm)/ 2)}
#menu-toggle{width:85px;height:85px;line-height:120px;text-align:left;border-radius:50%;background-color:rgba(0,0,0,.8);transition:.3s ease-in-out;cursor:pointer;margin:0;right:30px;bottom:30px;font-size:.5em;position:fixed!important;display:block;color:rgba(255,255,255,.349);text-align:center;display:block;text-transform:uppercase;font-family:var(--font-bold);font-weight:100;letter-spacing:.3em;z-index:99999999}
#menu-toggle.active{z-index:99999999}
.menu li:hover>.sub-menu{animation-name:none;transform-origin:top;animation-duration:.7s}
#menu-toggle.active:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
#menu-toggle:before{content:"";display:block;position:absolute;line-height:1em;background-image:url(../images/play.svg);background-repeat:no-repeat;background-size:contain;width:60%;height:60%;margin-top:5%;margin-left:20%;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.article-grid{z-index:10}
.article-grid ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--padding-sm);gap:var(--padding-sm);margin:0;padding:0}
.news-articles ul,.newsocials ul{display:grid;grid-template-columns:1fr;margin:0;padding:0;gap:var(--padding-sm);grid-gap:var(--padding-sm);list-style:none}
.news-articles li,.newsocials li{display:grid;min-height:200px;border-radius:3px;background-color:rgba(0,0,0,1);min-height:40vh;z-index:100;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;border-radius:4px;overflow:hidden;position:relative}
.news-articles li .inner,.newsocials li .inner{display:block;max-width:100%;margin:0;padding:40px;width:auto!important}
.news-articles li img,.newsocials li img{width:100%}
.news-articles h3,.newsocials h3{margin:0;margin-bottom:40px;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.news-article:hover h3{overflow:visible}
.news-article-excerpt{opacity:.4;font-size:.8em;align-self:flex-start;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;margin-bottom:20px;height:100px}
.news-article{cursor:pointer}
.news-article a{display:block;text-decoration:none}
.news-articles{background:#000}
.news-article .inner-content{display:grid;position:relative;align-content:flex-start;min-height:25vh}
.news-article .read-more{display:grid;position:absolute;align-self:flex-end;padding:calc(var(--padding-sm)/ 2)}
.news-article .read-more:hover,.news-article:hover .read-more{color:var(--color-brand-red)}
.news-article{z-index:99999!important}
.article-grid li figure img{width:100%;margin:0}
.article-grid h3{display:block;height:auto;padding:calc(var(--padding-sm)/ 1.4);margin:0;color:#fff;align-self:flex-start;align-content:flex-start}
.article-grid h3 a{text-decoration:none;color:#fff}

hr{background-color:#fff;border:none;height:1px;opacity:.2; margin-top: 1em; margin-bottom: 1em;}

.nowrap{white-space:nowrap}
@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
@keyframes showoverlay{
from{opacity:0;top:100%}
to{opacity:1;top:0}
}
@keyframes hideoverlay{
from{opacity:1;top:0}
to{opacity:0;top:100%}
}
@media(min-width:768px){
#introtext{display:grid;align-items:center;max-height:none;min-height:100vh}
.home-panel{position:relative;max-height:auto;min-height:80vh;display:flex;align-items:bottom;max-height:none}
.home-panel.feature{height:80vh;min-height:50vh}
.cats,.crumb{font-size:1.7vw;line-height:1em}
.news-articles ul,.newsocials ul{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;gap:var(--padding-sm);grid-gap:var(--padding-sm);list-style:none}
#mast .menu li:first-child a{padding-top:0}
}
@media(min-width:1024px){
.mobile-only{display:none}
.watch-cta{z-index:99999;position:relative;color:#fff;display:block;font-size:3vw}
.news-articles .inner,.newsocials .inner{display:block;max-width:100%;margin:0;padding:var(--padding);width:auto!important}
.news-articles,.newsocials{min-height:auto}
.inner{padding:var(--padding);width:calc(100vw)}
#mast{grid-template-columns:1fr 1fr}
#mast .identity{grid-column:1;grid-row:1;width:50%;max-width:300px}
#nav-panel{display:grid;grid-column:2;grid-row:1;top:0;display:block;z-index:9;height:auto!important;width:100%;background-color:transparent;position:relative;max-height:300vh;white-space:nowrap;overflow:visible;opacity:1;animation-duration:0s}
.content{margin-bottom:var(--padding)}
#site-footer{grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:flex-start;align-content:flex-start;max-width:100vw;position:relative}
#site-footer h3{font-size:2vw}
.select-work .grid{display:grid;max-width:100%;grid-template-columns:1fr 1fr;position:relative;gap:var(--padding-sm);grid-gap:var(--padding-sm)}
.project{display:grid;position:relative;grid-column:2;align-items:start}
.project:nth-child(odd){grid-column:1}
.project h4,.slideshow h4{font-size:2.5vw;line-height:1.2em}
#menu-toggle{display:none}
#mast .menu{padding:0;margin:0;width:100%;text-align:right}
#mast .menu li{display:inline-block;padding:10px;text-align:right;position:relative;font-family:var(--font-header)}
#mast li ul.sub-menu{margin:0;padding:0;position:absolute;right:0;top:40px;display:none;height:auto;overflow:hidden;padding-top:20px;border-radius:3px}
#mast li ul.sub-menu:before{content:"";width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid rgba(0,0,0,.8);position:absolute;display:block;right:10px;top:0}
#mast li ul.sub-menu li{display:block;background-color:rgba(0,0,0,.8);transition:0s background-color;white-space:normal;padding:.5em 1rem}
#mast li ul.sub-menu li:first-child{padding-top:1rem}
#nav-panel.active,#nav-panel.inactive{visibility:visible;z-index:999999}
#nav-panel.hidden,#nav-panel.inactive{grid-column:2;grid-row:1}
#mast li ul.sub-menu{position:absolute;display:none;height:auto;padding-top:40px;margin-top:-20px;min-width:300px}
#mast li ul.sub-menu:before{content:"";width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid rgba(0,0,0,.8);position:absolute;display:block;right:10px;top:20px}
#mast li ul.sub-menu li{display:block;background-color:rgba(0,0,0,.8);transition:0s background-color;white-space:normal}
.menu li:hover>.sub-menu{animation-name:menu-sub-show;transform-origin:top;animation-duration:.7s}
#mast .sub-menu li a{display:block;color:var(--color-brand-red);font-family:var(--font-header);font-size:1.8rem;line-height:1em}
#mast .menu li{font-family:var(--font-header);font-size:1em;line-height:1em}
.inner-content{position:relative;display:grid}
.news-articles ul,.newsocials ul{display:grid;grid-template-columns:1fr 1fr 1fr;margin:0;padding:0;gap:var(--padding-sm);grid-gap:var(--padding-sm)}
.home-tpl .news-articles ul,.newsocials ul{display:grid;gap:var(--padding-sm);grid-gap:var(--padding-sm);grid-template-columns:1fr 1fr 1fr}
.newsocials{max-height:none;height:auto}
.footer-message{font-size:1em}
.home-panel .inner{width:100%}
.break-lrg{display:block}
.news-article .read-more{display:grid;position:absolute;align-self:flex-end}
.news-articles h2{position:relative}
#mast .sub-menu li a:hover{color:#fff}
}
@media(max-height:768px){
.overlay-panel .container{max-width:95vh}
}
@media(min-width:3000px){
p{font-size:1.4vw;line-height:1.3em}
}
.pushback{position:relative;display:none!important;visibility:none}
.capabilities,.work-sections{margin-top:6vw;margin-bottom:6vw}
.capabilities a,.work-sections a{text-decoration:none}
.capabilities ul,.work-sections ul{margin:auto;padding:0;list-style:none}
.capabilities p{position:relative}
.capabilities li,.capabilities p span,.work-sections li{font-size:5vw;line-height:1em;text-align:center;display:inline-block;font-family:var(--font-header);margin-right:.2em}
.capabilities p span{display:inline!important}
.work-sections li{font-size:8vw;line-height:1em}
.capabilities li:nth-child(even),.capabilities p span:nth-child(even){opacity:.5}
.capabilities li:nth-child(even),.capabilities p span:nth-child(even){opacity:.5}
.capabilities p span a{display:inline}
.capabilities li a:hover,.capabilities p span a:hover{color:red;opacity:1!important}
@keyframes fadecapa{
0%{color:#fff;opacity:auto!important}
50%{color:red!important;opacity:1!important}
100%{color:#fff;opacity:auto!important}
}
.capabilities li.active .capabilities p span.active{animation-name:opacity,color;animation:fadecapa 3s linear}
.capabilities li a,.capabilities p span a{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.capabilities li.active a,.capabilities p span.active a{color:red!important;opacity:1}
.gradients{position:fixed;width:100vw;height:100vh;user-select:none;max-width:100vw;top:0;left:0;float:left;pointer-events:none;z-index:-1;overflow:hidden!important;opacity:.8}
.division-tpl .gradients,.home-tpl .gradients{z-index:1}
.articles-slug .gradients,.contact-slug .gradients{z-index:-1}
.vfx-slug .gradients{opacity:.01}
.about-slug #site-footer,.article-tpl #site-footer,.articles-slug #site-footer{z-index:-1}

.contact-slug #site-footer{background-color:transparent}
.gradient{display:block;position:fixed!important;width:110vw;height:110vw;pointer-events:none;z-index:992;mix-blend-mode:screen}
.gradient.g1{background:radial-gradient(closest-side,rgba(33,3,102,.5),rgba(255,0,0,0));top:-50vw;left:-50vw}
.gradient.g2{background:radial-gradient(closest-side,rgba(33,75,138,.5),rgba(255,0,0,0));top:-60vw;left:0}
.gradient.g3{top:-50vw;left:50vw;background:radial-gradient(closest-side,rgba(24,73,146,.5),rgba(255,0,0,0))}
.gradient.g4{top:25vh;left:-50vw;background:radial-gradient(closest-side,rgba(1,47,255,.5),rgba(7,52,201,0))}
.gradient.g5{top:50vw;left:0;background:radial-gradient(closest-side,rgba(14,122,108,.5),rgba(42,146,10,0))}
.gradient.g6{top:-50vw;left:50vw;background:radial-gradient(closest-side,rgba(255,0,0,.5),rgba(42,146,10,0))}
.feature{cursor:pointer}
.vfx-slug .gradients{opacity:.02}
.page-title{z-index:2!important}
@media(min-width:1024px){
.article-grid ul{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:768px){
.menu li{font-size:4vw}
.sub-menu{display:block}
.gradient{display:block;position:fixed!important;width:170vw;height:170vw}
#masked-logo{background-image:contain!important}
#nav-panel{overflow-y:scroll!important}
.down-arrow{width:60px;height:60px;position:absolute;bottom:10vh;left:calc(50vw - 30px);z-index:99999999;opacity:.52}
.down-arrow:hover{opacity:1}
.down-marker{display:block;width:1px;height:100px;background:#ccc;position:absolute;z-index:99999999;content:"";left:calc(50vw - 1px);bottom:0;opacity:.2}
#site-footer h3,#site-footer p{text-align:center}
.content-block{margin-bottom:40px!important}
#site-footer{padding-bottom:var(--padding)} 
.project h4,.slideshow h4{font-size:5vw;line-height:1.2em}
}
@media not all and (min-resolution:.001dpcm){
@supports (-webkit-appearance:none){
.news-articles li,.newsocials li{display:grid;gap:0;margin:15px}
}
}
.no-link a{color:#fff;cursor:default}
.no-link li a{color:inherit;cursor:pointer}
.no-link:first-of-type a:hover{color:inherit}
.headline{padding-bottom:calc(var(--padding-sm)/ 2)!important;line-height:1.3em}
.table{display:table;width:100%;height:100%;position:relative}
.table-cell{display:table-cell!important;vertical-align:middle;width:100%;height:100%}
.table-cell-bottom{width:100%;vertical-align:bottom!important}
.cats{margin:0;line-height:1.65em}
.watch-cta{display:flex;align-items:center}
.cta-icon{width:2em;height:2em;display:flex;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s}
.cta-icon svg{width:100%;height:100%;fill:red;display:block}
.cta-icon:hover svg,.watch-cta:hover svg{fill:#fff}
.playlist li{list-style:none}
.playlist li.active,.playlist li:hover{color:red;cursor:pointer}
.scrollable{display:block;min-height:80vh;height:100%;overflow-y:scroll!important}
.social-list ul{margin:0;padding:0;list-style:none}
.social-list li{background-size:contain;background-position:center center;text-align:right;margin:0;padding:0;list-style:none;display:inline-block}
.social-list li a{text-align:right;font-family:var(--font-header);text-decoration:none;text-decoration:none}
.social-list li a:hover{opacity:1}
.social-icon a{position:relative;width:40px;height:40px;overflow:hidden;display:block;margin-left:auto;background-repeat:no-repeat;background-size:60%;background-position:center}
.social-icon.twitter a{background-image:url(../images/twitter.svg)}
.social-icon.instagram a{background-image:url(../images/instagram.svg)}
.social-icon.linkedin a{background-image:url(../images/linkedin.svg)}
.social-icon.facebook a{background-image:url(../images/facebook.svg)}
.social-icon.email a{background-image:url(../images/email.svg)}
figure ul{margin:0;padding:0;list-style:none}
.share-links{padding:0;list-style:none;display:flex;position:relative;margin-bottom:1em!important;margin-left:auto}
.share-links .social-icon{display:flex!important;position:relative}
.share-links .social-icon a{position:relative;width:30px;height:30px;opacity:.7}
.share-links .social-icon a:hover{opacity:1}
.office-block{display:flex;position:relative;width:auto;gap:1em;margin:auto;flex-wrap:wrap}
.contact-block{display:flex;margin-bottom:2em;flex-direction:column;flex-grow:1;width:100%}
@media (max-width:500px){
.contact-block{width:100%}
}
@media (min-width:48rem){
.contact-block{--size:calc(50% - 1em);width:var(--size);max-width:var(--size)}
}
@media (min-width:1200px){
.contact-block{--size:calc(20% - 1em);width:var(--size);max-width:var(--size)}
}
:root{--swiper-theme-color:#fff;--swiper-navigation-sides-offset:1em;--swiper-navigation-size:40px}
.swiper-button-next,.swiper-button-prev{width:60px;height:60px;background:#00000010;border-radius:50%;opacity:.3;overflow:hidden}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1}
#page-header h1{margin-bottom:.2em!important}
.slide-grid{margin:0;padding:0;display:grid;grid-template-columns:1fr;list-style:none}
.slide-grid li{margin:0!important;display:block;padding:0}
.slide-grid li img{width:100%;cursor:pointer}
.slides-wrapper figure{flex-direction:column;width:auto;margin:auto;display:flex}
.slides-wrapper figure img{width:auto!important;max-height:40vh;pointer-events:none}
.select-photos.inner{padding-top:0}
@media (min-width:48rem){
.slide-grid{grid-template-columns:1fr 1fr}
}
@media (min-width:64rem){
.slide-grid{grid-template-columns:1fr 1fr 1fr}
}
.swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}
.swiper-slide img{display:block;width:100%;height:100%}
.slides-wrapper figure img{max-height:100vh}

#site-footer{
    background-color: transparent;
    z-index:1;
}


.select-work.inner{
    padding-top:0
}

p:last-child{
    margin-bottom:0;
}

hr {
    margin-top: 3rem;
    margin-bottom: 3rem
}