:root{--color-primary:#fff;--color-secondary:hsla(0,0%,100%,0.5)}body{margin:0;font-family:-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Futura Bold";font-style:normal;font-weight:700;src:url(/DKFilms/static/media/futurab.fd37c14a.ttf)}@font-face{font-family:"Souvenir";font-style:normal;font-weight:400;src:url(/DKFilms/static/media/Souvenir-Medium.99596468.otf)}@font-face{font-family:"Futura";font-style:normal;font-weight:400;src:url(/DKFilms/static/media/Nav_Font.7af6976c.otf)}@font-face{font-family:"Helvetica Neue";font-style:normal;font-weight:400;src:url(/DKFilms/static/media/HelveticaNeue.78aa8b17.ttf)}body{font-family:"Futura Bold"}.loader{width:100vw;background-color:#000;z-index:2}.loader,.loader-bar{position:fixed;height:4px}.loader-bar{z-index:4;background-color:#fff;width:10px}.nav{position:fixed;width:100%;height:80px;padding:0 60px;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-family:Futura;font-size:16px;letter-spacing:1.76px}.nav img{width:200px}.nav .nav-links{height:100%;display:flex;flex-direction:row}.nav .nav-links:hover .nav-text{color:var(--color-secondary);transition:color .1s ease-out}.nav .nav-links ul{padding:0}.nav .nav-links ul li{display:inline-block;margin:0 16px;padding:0;color:inherit;text-decoration:none}.nav .nav-links .nav-text{color:var(--color-primary);text-transform:uppercase}.nav .nav-links .nav-text:hover{color:var(--color-primary);transition:color .25s ease-out}.nav .nav-links .nav-text-link{text-decoration:none}@media (max-width:640px){.nav{padding:0 32px;justify-content:space-between;align-content:center}.nav img{width:160px}.nav .nav-menu-icon{width:24px;height:24px;margin:0;padding:0;display:flex;justify-content:center;align-content:center}.nav .nav-menu-icon span{color:#fff;text-shadow:none;font-size:24px}.nav .nav-mobile{position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:2;display:flex;flex-direction:row;background-color:transparent}.nav .nav-mobile .menu{background-color:#000;border-right:1px solid #fff;width:70vw}.nav .nav-mobile .menu .nav-links{flex-direction:column;width:100%;align-items:center}.nav .nav-mobile .menu .nav-links ul>li{display:block}.nav .nav-mobile .menu .nav-links .nav-text{margin:30px 0}.nav .nav-mobile .exit{width:30vw;opacity:0}}.styled-button{width:200px;height:60px;margin:120px auto;display:flex;justify-content:center;align-items:center;border-radius:6px;border:2px solid #aaa;color:#aaa}.styled-button,.styled-button:hover{transition:all .5s cubic-bezier(.19,1,.22,1)}.styled-button:hover{background-color:#aaa;color:#fff}.styled-button p{padding:0;margin:0;background-color:inherit;color:inherit;font-size:.75rem;font-weight:700;letter-spacing:1.14px;text-transform:uppercase}.section{width:90vw;margin:0 auto;padding:32px 0;border-top:1px solid #fff}@media (min-width:641px){.section{width:50vw}}.about{padding-top:60px}.about,.about .about-content{display:flex;flex-direction:column}.about .about-content{width:100%;margin:32px 0}.about .about-content img{min-width:40%;padding:0 32px}.about .about-content .about-text{min-width:60%;padding:0 32px}.about .about-content .about-text p{margin-bottom:12px;line-height:16px;font-size:12px;font-family:Souvenir}@media (min-width:641px){.about .about-content{flex-direction:row}.about .about-content img{padding:0}.about .about-content .about-text p{margin-bottom:20px;line-height:24px;font-size:1rem}}@media (min-width:1921px){.about .about-content .about-text p{margin-bottom:40px;line-height:40px;font-size:1.5rem}}.slider-image{opacity:.5}.slider-image,.slider-image-selected{height:60px;margin:0;object-fit:cover;transition:opacity .5s cubic-bezier(.19,1,.22,1)}.slider-image-selected{opacity:1}@media (min-width:641px){.slider-image,.slider-image-selected{height:100px}}.slider{display:flex;flex-direction:row;min-width:100%;height:32px;margin-left:0;transition:margin-left .5s cubic-bezier(.075,.82,.165,1)}.slider-container{width:80vw;height:60px;margin-top:8px;margin-left:0;overflow:hidden}@media (min-width:641px){.slider-container{width:50vw;height:100px}.slider{height:100px}}.image-title{z-index:1;font-size:18px;font-weight:400}.image-subtitle{z-index:1;font-size:14px}.caption-container{position:absolute;bottom:16px;left:16px;z-index:1;background-color:transparent}.caption-container p{margin:0;padding:4px;z-index:1;background-color:inherit;font-family:"Helvetica Neue"}.carousel-image{object-fit:cover;opacity:.9}.carousel-image,.carousel-image-old{position:absolute;left:0;top:0;width:100%;height:100%}.carousel-image img{width:100%;height:100%;object-fit:cover}.carousel{position:relative;width:80vw;height:45vw}@media (min-width:641px){.carousel{width:50vw;height:28vw;margin:0 auto}}.gallery{display:flex;flex-direction:column;align-items:center;width:100%}.work-card{width:300px;height:300px;margin:20px;object-fit:cover;transition:all .3s ease-in-out}.work-card:hover{transform:scale(1.05)}@media (min-width:641px){.work-card{height:13vw;width:13vw}}.work-card-grid{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto}@media (min-width:641px){.work-card-grid{flex-direction:row;flex-wrap:wrap;width:50vw}}.footer{padding:60px 0}.social-links{display:flex;flex-direction:row;justify-content:center;width:100%;opacity:1;transition:opacity .5s cubic-bezier(.19,1,.22,1)}.social-link{margin:0 16px}.social-link ion-icon{color:#777;font-size:20px;opacity:inherit;transition:color .5s cubic-bezier(.19,1,.22,1)}@media (min-width:641px){.footer{padding:200px 0}.social-links:hover{opacity:1%}.social-link ion-icon{font-size:24px}.social-link ion-icon:hover{color:#fff}}*{color:var(--color-primary)}.header{display:flex;justify-content:center;align-items:center;max-width:90vw;margin:0 auto}.header img{width:100%;margin:0 auto}.quote{margin:0;color:var(--color-primary);font-size:10px}.quote,.quote-author{padding:0;font-weight:400;font-family:Souvenir}.quote-author{margin:16px 0 0 40px;font-size:12px}@media (min-width:641px){.header{height:calc(100vh - 72px)}.header img{width:100%;margin:15vh auto}.quote{font-size:26px}.quote-author{margin:16px 0 0 40px;font-size:28px}}@media (min-width:1921px){.header img{width:80%;margin:0 auto}}.work-page{padding-top:100px}.cg-description{padding:48px;font-family:Futura}.cg-description div{padding:48px;border-top:1px solid #fff;border-bottom:1px solid #fff}.cg-description div p{width:100%;padding:8px;margin:0;text-align:center;font-size:20px}.cg-images{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;padding:0 32px}.cg-images div{width:100%;padding:8px}.cg-images div img{width:100%;height:100%;object-fit:cover}@media (min-width:641px){.cg-images div{width:50%;padding:16px}}.video{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.video img{height:100%;object-fit:cover}.iframe-container{display:grid;place-items:center}.iframe-container iframe{height:100%;width:100%}.video img{width:100%;opacity:.8}.video span{background:none}.material-icons{position:absolute;font-size:80px;color:#d0d0d0;text-shadow:2px 2px 6px #888}@-webkit-keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.material-icons:hover{-webkit-animation-name:grow;animation-name:grow;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;cursor:pointer}.video-work{width:50%;padding-top:100px;margin:0 auto}.series-page{width:50%;padding-top:120px;margin:0 auto}.series-page .series-page-content{display:flex;flex-direction:row}.series-page .series-page-content .series-video{width:100%}*{background-color:#000;box-sizing:border-box}.content{margin:0 auto;min-width:50vw;padding-top:100px}.subheading{font-size:32px;text-align:center;margin:0 0 32px;padding:0}@media (min-width:640px){.content{min-width:90vw}.subheading{font-size:60px;margin-bottom:32px}}@media (min-width:1921px){.subheading{margin-bottom:60px}}
/*# sourceMappingURL=main.2b4b55eb.chunk.css.map */