@import url("//hello.myfonts.net/count/3032fe");.youtube:hover{background:#b00}.vimeo:hover{background:#aad450}.instagram:hover{background:#125688}.twitter:hover{background:#00aced}.facebook:hover{background:#3b5998}.email:hover{background:#dd4b39}@font-face{font-family:'EthnocentricRg-Regular';src:url("../webfonts/3032FE_0_0.eot");src:url("../webfonts/3032FE_0_0.eot#iefix") format("embedded-opentype"),url("../webfonts/3032FE_0_0.woff2") format("woff2"),url("../webfonts/3032FE_0_0.woff") format("woff"),url("../webfonts/3032FE_0_0.ttf") format("truetype")}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:#f1f2f4;color:#22252a;font:1rem/1.5rem "Source Sans Pro",sans-serif;margin:0}p,ul,ol,pre,table,blockquote{margin:1.5rem 0}h1,h2,h3,h4{font-family:"EthnocentricRg-Regular",sans-serif;font-weight:normal;margin-bottom:1.5rem}h1{font-size:1.75rem;line-height:3rem;margin-top:3rem}h2{font-size:1.3125rem;line-height:1.5rem;margin-top:1.5rem}h3{font-size:1.125rem;line-height:1.5rem;margin-top:1.5rem}h4{font-size:1rem;line-height:1.5rem;margin-top:1.5rem}ul ul,ol ol,ul ol,ol ul{margin-bottom:0;margin-top:0}ul,ol{padding-left:1.5rem}ul{list-style:square}ol{list-style:upper-roman}pre,code{font-family:"Courier New",monospace}b,strong,em,small,.footer__copyright,code{line-height:1}sup,sub{position:relative;top:-.4em;vertical-align:baseline}sub{top:.4em}small,.footer__copyright{font-size:.875rem;font-weight:normal;color:#667599}img{vertical-align:middle}a{text-decoration:none}a:focus,a:active,input:focus,input:active,button:focus,button:active{outline:none}.header{margin-top:1.5rem}.header::after{clear:both;content:'';display:block}.header__logo{display:block;height:4.5rem;width:174px}.header__logo path,.header__logo circle{transition:fill 100ms ease-in}.header__nav{float:right}.header__title{display:block;float:left}.header__link{color:#22252a;display:inline-block;font-weight:bold;font-size:.875rem;margin:.75rem -2px;opacity:.7;text-transform:uppercase;padding:.75rem 1.5rem;position:relative}.header__link::before{box-shadow:0 0 0 0 white inset;content:'';display:block;height:100%;top:0;left:0;transform:skewX(-15deg);transition:box-shadow 100ms ease-in-out;position:absolute;width:100%;z-index:-1}.header__link:hover{opacity:1}.header__link:hover::before{box-shadow:0 0 0 3px inset}.header__link--active{opacity:1;cursor:default}.header__link--active::before{display:none}.footer{margin:0 0 1.5rem;text-align:center}.footer__copyright{margin-top:1.5rem}.footer__link{border-radius:50%;box-shadow:0 0 0 2px #22252a inset;color:#22252a;display:block;font-size:1.3125rem;margin:0 .5rem;height:3rem;line-height:3rem;transition:all 150ms ease-in-out;width:3rem}.footer__link:hover{box-shadow:0 0 0 2px rgba(0,0,0,0.2) inset;color:white;transform:scale(1.1)}.footer__link__label{display:none}.work{margin-bottom:9rem}.work__title{text-align:center;position:relative}.work__title::before{background:#22252a;bottom:.375rem;content:'';display:block;height:6px;position:absolute;width:100%;z-index:-1}.work__title--whiteout{background:#f1f2f4;padding:0 1.5rem}.work__thumbnail{background:black;display:block;float:left;height:auto;width:31%;margin-bottom:1.5rem}.work__thumbnail:nth-child(2){margin-left:3.5%;margin-right:3.5%}.work__video{background:black;clear:left;height:405px;font-size:3rem;overflow:hidden;position:relative;width:100%}.work__video--playing .work__play-button,.work__video--playing .work__placeholder{display:none}.work__video:hover{cursor:pointer}.work__video:hover .work__play-button{background:rgba(0,0,0,0.5);transform:scale(1)}.work__video:hover .work__placeholder{-webkit-filter:blur(3px);filter:blur(3px);opacity:.33}.work__player{border:0;height:inherit;width:inherit}.work__play-button{background:transparent;border-radius:50%;bottom:0;box-sizing:content-box;color:#f1f2f4;height:3rem;left:0;margin:auto;padding:2.25rem;position:absolute;right:0;text-align:center;text-indent:0.2em;transform:scale(1.5);top:0;transition:background 150ms ease-in-out, transform 150ms ease-in-out;width:3rem}.work__placeholder{background-size:contain;background-position:center;background-repeat:no-repeat;opacity:1;-webkit-filter:blur(0px);filter:blur(0px);height:100%;transition:opacity 150ms ease-in-out, -webkit-filter 150ms ease-in-out, background-image 150ms ease-in-out, opacity 150ms ease-in-out, filter 150ms ease-in-out, background-image 150ms ease-in-out}.year:nth-last-child(1){opacity:0.2}.year:nth-last-child(2){opacity:0.4}.year:nth-last-child(3){opacity:0.6}.year:nth-last-child(4){opacity:0.8}.year:nth-last-child(5){opacity:1}.year::after{content:'';clear:both;display:block}.year__title{margin-bottom:3rem;position:relative;text-align:center}.year__title::before,.year__title::after{background:#22252a;bottom:.5rem;content:'';display:block;height:3px;position:absolute;transform:skewX(-30deg);width:44%}.year__title::after{right:0}.film{float:left;margin-bottom:3rem;margin-left:1.5rem;position:relative;width:calc(50% - 1.5rem)}.film::before{background:#22252a;content:'';height:1.5rem;position:absolute;width:.375rem;transform:skewX(-15deg) translateX(-1rem);transition:width .5s ease-in-out}.film__title{font-weight:bold;position:relative;transition:color .5s ease-in-out}.film__role{font-size:.875rem;opacity:.7}.wrapper{box-sizing:content-box;margin:0 auto;padding:0 1.5rem;width:720px}.centered{text-align:center}.list-wrapper{padding:0;margin:0}.list-wrapper__node{display:inline-block;list-style-type:none;margin:0}.iframe{position:relative;padding:56.25% 0 0}.iframe-content{position:absolute;top:0;left:0;width:100%;height:100%}.columns{display:flex;flex-wrap:wrap;margin:0 -1.5rem/2}.half{width:calc(50% - 1.5rem/2)}.half.iframe{padding-top:27%}.half:first-child{margin-right:.75rem}.half:last-child{margin-left:.75rem}p{text-align:justify}hr{background:#22252a;border:0;height:2px;margin:4.5rem 0 1.5rem}@media (max-width: 780px){.wrapper{box-sizing:border-box;width:100%}.header{margin-top:.75rem}.header__title,.header__nav{float:none;text-align:center}.header__logo{display:inline-block}.header__link{padding-left:.75rem;padding-right:.75rem}.footer__link{height:2.5rem;line-height:2.5rem;margin:0 .3rem .75rem;width:2.5rem}li:first-child .footer__link{margin-left:0}li:last-child .footer__link{margin-right:0}h1{font-size:1.5rem}p img{display:block;width:100%}.work__placeholder{opacity:.66}.film{width:calc(100% - 1.5rem)}.year__title::before,.year__title::after{width:40%}}@media (max-width: 640px){.work__video{height:360px}}@media (max-width: 480px){.work__video{height:270px}}@media (max-width: 320px){.work__video{height:180px}}

/* Wordmark logo */
.header__logo text{font-family:"EthnocentricRg-Regular",sans-serif;font-size:74px;fill:#111}

/* Featured Work grid (adapted from frankhernandez.media) */
.fw-page .wrapper{width:960px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;margin:3rem 0}
.project{height:225px;overflow:hidden;position:relative;display:flex;justify-content:flex-start;align-items:flex-end}
.project.isJumbo{grid-column-start:span 2}
.project.isJumbo .image{opacity:1}
.project .image{object-fit:cover;display:block;width:100%;height:100%;pointer-events:none;user-select:none;transition:transform .4s cubic-bezier(.86,0,.07,1),opacity .4s cubic-bezier(.86,0,.07,1);position:absolute;z-index:0;top:0;left:0;opacity:1}
.project .title{background:#fff;color:#22252a;padding:.5em 1em;margin:0 0 1em;font-weight:700;font-size:14px;text-align:left;white-space:nowrap;position:relative;z-index:1;transition:transform .4s cubic-bezier(.86,0,.07,1);transform:translateY(4.5em)}
.project:hover{cursor:pointer}
.project:hover .image{transform:scale(1.1);opacity:1}
.project:hover .title{transform:translateY(0)}
.fw-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(241,242,244,.9);display:flex;justify-content:center;align-items:center;text-align:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.86,0,.07,1)}
.fw-overlay--open{opacity:1;pointer-events:auto}
.video-player{width:540px;height:540px;margin-bottom:1rem}
.active-project h3{font-family:"mr-eaves-modern",sans-serif;font-size:1.17em;font-weight:bold;text-align:center;margin:0}
.active-project p{font-family:"mr-eaves-modern",sans-serif;font-size:1em;font-weight:normal;text-align:center;margin:0}
.video{object-fit:contain;width:100%;height:100%}
.nav-button{width:4em;height:8em;margin-top:-3em;display:flex;align-items:center;justify-content:center}
.nav-button::before{content:'';display:block;width:4em;height:4em;border:2px solid;border-right:none;border-top:none;transform:rotate(45deg) translate(25%, -25%);transition:border-width .2s steps(4)}
.nav-button.prev{margin-right:5em}
.nav-button.next{margin-left:5em;transform:scale(-1)}
.nav-button:hover{cursor:pointer}
@media (max-width: 780px){.fw-page .wrapper{width:100%}.grid{display:flex;width:100%;flex-flow:column nowrap}.project{margin-bottom:20px}.project.isJumbo{order:-1}.project .image{opacity:1}.project .title{white-space:normal;transform:translateY(0)}.video-player{width:100vw;max-height:calc(100vw - 40px);padding:0 20px;margin-bottom:40px}.nav-button{position:absolute;top:0;bottom:0;margin:auto;font-size:50%}.nav-button.prev{margin-right:0;left:20px;transform:translateY(50vw)}.nav-button.next{margin-left:0;right:20px;transform:translateY(50vw) scale(-1)}}