html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.admin-bar #swipebox-overlay{top: 32px;}.admin-bar #swipebox-container {bottom: 32px;}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//entrevistafilms.com/wp-content/plugins/responsive-lightbox/assets/swipebox/img/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(//entrevistafilms.com/wp-content/plugins/responsive-lightbox/assets/swipebox/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}#swipebox-top-bar{color:white!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}html, body {
scroll-behavior: smooth;
margin: 0;
padding: 0;
background: #fff;
font-family: "DM Mono", monospace;
color: #101010;
font-size: 20px;
line-height: 160%;
}
h1, h2, h3, h4, h5, h6 {
font-family: "DM Sans", sans-serif;
text-transform: uppercase;
font-weight: 400;
line-height: 120%;
margin: 0;
padding: 0;
}
h1 {
font-size: 64px;
margin: 0 0 50px;
}
h2, #home-title {
font-size: 48px;
margin: 0 0 35px;
}
a {
transition: all 1s;
cursor: pointer;
color: #101010;
text-transform: uppercase;
text-decoration: none;
}
img {
height: auto;
object-fit: cover;
max-width: 100%;
display: block;
}
p {
margin: 0 0 35px;
line-height: 160%;
} header, footer #footer-copy {
display: flex;
padding: 30px 60px;
z-index: 999;
position: absolute;
justify-content: space-between;
align-items: center;
width: 100%;
box-sizing: border-box;
}
#logo {
display: block;
width: 75px;
height: auto;
}
#logo path {
fill: #101010;
}
#header-home #logo path {
fill: #fff !important;
}
#logo:hover {
opacity: 40%;
filter: blur(1px);
}
header nav, footer nav {
text-transform: uppercase;
font-family: "DM Sans", sans-serif;
font-size: 16px;
}
header nav ul, footer nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}
header nav a, footer nav a {
color: #101010;
text-decoration: none;
margin: 0 0 0 30px;
}
#header-home nav a {
color: #fff !important;
}
header nav a:hover, #header-home nav a:hover {
opacity: .6;
filter: blur(.5px);
}
footer nav a:hover {
text-decoration: line-through;
} .center {
text-align: center !important;
}
#static {
display: block;
position: fixed;
width: 100%;
height: 100%;
pointer-events: none !important;
background: url(https://muranaka.ink/ev/wp-content/uploads/2024/03/static.gif) center center repeat;
opacity: .05;
}
.link {
color: #101010;
text-transform: uppercase;
display: flex;
align-items: center;
text-decoration: none;
font-family: "DM Sans", sans-serif;
}
.link span {
display: block;
}
.link span.line {
display: block;
width: 60px;
height: 1px;
margin: 0 0 0 25px;
background: #999;
transition: all 1s;
}
.link:hover {
color: #aaa !important;
}
.link:hover span.line {
width: 0;
}
#video-title {
position: absolute;
z-index: 199;
padding: 80vh 0 0 60px;
}
#video-title h1 {
color: #fff;
margin: 0 0 10px;
}
#video-title .link {
color: #fff;
}
#home-hero {
object-fit: cover;
z-index: 99;
width: 100%;
height: 100vh;
}
#intro-graphic path {
fill: #EDEDED;
}
[data-aos="video-fade"] {
opacity: 1;
transition-property: opacity;
}
[data-aos="video-fade"].aos-animate {
opacity: 0;
}
#video-fade {
display: block;
width: 100%;
clear: both;
margin: 100px auto 0;
}
#intro {
padding: 15% 10vw 35%;
display: flex;
align-items: center;
}
#intro-copy {
width: 40%;
z-index: 200;
}
#intro-graphic {
position: absolute;
width: 60%;
height: auto;
margin: 0 auto 0 20%;
}
#intro-graphic svg {
z-index: 100;
animation-name: blur;
animation-duration: 12s;
animation-iteration-count: infinite;
}
@keyframes blur {
0%   { filter: blur(5px) opacity(.4); transform: scale(1); }
50%  { filter: blur(15px) opacity(1); transform: scale(1.05); }
100% { filter: blur(5px) opacity(.4); transform: scale(1); }
}
#feature, #feature-project {
background: #101010;
background-size: cover;
padding: 10% 5vw;
color: #fff;
}
#feature-project {
padding: 10% 20%;
}
#feature p, #feature-project p {
width: 55%;
}
#feature img {
width: 60%;
height: 30vw;
}
#feature .feature {
display: flex;
justify-content: space-between;
align-items: center;
margin: 5% auto 0;
}
#feature .feature img {
transition: all 3s;
}
#feature .feature:hover img {
scale: 1.05;
}
.feature-rev {
flex-direction: row-reverse;
}
#feature .feature div {
width: 35%;
}
#feature .feature div p {
width: 100%;
}
#feature .feature div a {
color: #fff;
}
footer {
background: #F8D810;
}
footer #newsletter {
text-align: center;
box-sizing: border-box;
padding: 15% 0;
}
footer #footer-copy {
position: inherit;
font-family: "DM Sans", sans-serif;
font-size: 16px;
}
#newsletter-signup {
display: flex;
flex-direction: row;
margin: 0 auto;
width: 90%;
max-width: 580px;
padding: 0;
}
#newsletter-signup form {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
#newsletter input[type=email], #newsletter input[type=email]:focus {
display: block;
width: 100%;
border: 3px solid #101010;
padding: 10px 30px;
box-sizing: border-box;
font-size: 20px;
font-family: "DM Mono", monospace;
background: #F8D810;
margin: 0 auto 30px;
text-align: center;
}
#newsletter input[type=submit] {
display: inline-block;
font-family: "DM Sans", sans-serif;
text-transform: uppercase;
font-weight: 400;
color: #EDEDED;
background: #101010;
border-radius: 3px;
padding: 10px 30px;
text-align: center;
font-size: 20px;
border: 0 none;
}
#mce-responses {
padding: 40px 20px 0;
box-sizing: border-box;
}
#page-contents, #news-post, #page-gallery, #cast-container {
padding: 40vh 60px 0;
margin: auto;
max-width: 1800px;
box-sizing: border-box;
}
#summary {
width: 60%;
margin: 0 0 130px;
font-size: 24px;
}
#summary.project-summary {
margin: 0 0 60px;
} .profile {
display: flex;
justify-content: space-between;
margin: 0 0 80px;
}
.profile img {
width: 50%;
}
.profile-content {
box-sizing: border-box;
padding: 40px 0 0 40px;
font-size: 16px;
}
.category-link {
display: inline-block;
font-size: 16px;
margin: 0 0 60px;
font-family: "DM Sans", sans-serif;
}
.news-post {
margin: 0 !important;
}
.subtitle {
text-transform: uppercase;
display: block;
margin: 0 0 50px;
font-family: "DM Sans", sans-serif;
}
#featured-image {
width: 100%;
min-height: 640px;
height: 45vw;
}
#news-single #featured-image {
margin: 0 auto 100px;
}
#news-post, #page-gallery {
padding: 0 60px;
}
#news-contents {
display: inline-block;
font-size: 20px !important;
width: 60%;
margin: 0 0 100px;
}
#news-post h3 {
font-size: 48px;
margin: 0 auto 30px;
}
#page-gallery {
display: grid;
gap: 3vw;
margin: 0 auto 100px;
}
#page-gallery img {
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr) !important;
}
.gallery-columns-2 img {
height: 35vw !important;
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr) !important;
}
.gallery-columns-3 img {
height: 25vw !important;
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr) !important;
}
.gallery-columns-4 img {
height: 20vw !important;
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr) !important;
}
.gallery-columns-5 img {
height: 15vw !important;
}
.previous-post-link {
margin: auto;
max-width: 1800px;
box-sizing: border-box;
padding: 0 60px 100px;
font-family: "DM Sans", sans-serif;
} .project-container {
margin: 0 auto 100px;
}
.project-container img {
width: 100%;
height: 40vw;
margin: 0 0 30px;
}
.project-container h2 {
font-size: 36px;
margin: 0;
}
.project-copy {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.project-copy .short-description {
text-transform: uppercase;
font-size: 16px;
} .post-container {
display: flex;
justify-content: space-between;
align-items: center;
margin: 100px auto 0;
}
.post-container:last-of-type {
display: flex;
justify-content: space-between;
align-items: center;
margin: 100px auto;
}
.post-container img {
width: 60%;
height: 30vw;
}
.post-copy {
width: 37%;
}
.post-copy h2 {
font-size: 36px;
margin: 0 0 20px;
}
.post-copy .category-link {
margin: 0 0 20px !important;
} #cast-container {
display: grid;
gap: 3vw;
margin: 0 auto 100px;
grid-template-columns: repeat(4, 1fr);
padding: 0 15% 0 60px;
}
#cast-container.photo-gallery-page {
padding: 100px 60px !important;
}
#feature-project #cast-container {
padding: 0;
margin: 0;
}
.cast-profile {
display: block;
width: 100%;
}
.cast-profile img, #cast-container img {
width: 100%;
height: 20vw;
margin: 0 0 30px;
}
.cast-profile .profile-content {
display: flex;
justify-content: space-between;
align-items: flex-start;
font-family: "DM Sans", sans-serif;
font-size: 14px;
line-height: 140%;
padding: 0;
}
.cast-profile .profile-content span {
text-transform: uppercase;
}
.cast-profile .profile-content a:hover {
text-decoration: line-through;
}
#cast-container.project-cast a {
color: #fff !important;
}
#credit-container {
display: flex;
margin: 0 0 60px;
}
#credit-container .credit {
margin: 0 80px 0 0;
}
#credit-container .credit span {
text-transform: uppercase;
font-family: "DM Sans", sans-serif;
font-size: 16px;
}
#link-container {
display: flex;
margin: 0 0 80px;
}
#link-container a {
display: inline-block;
text-transform: uppercase;
font-family: "DM Sans", sans-serif;
font-size: 16px;
padding: 2px 15px;
margin: 0 30px 0 0;
border: 3px solid #101010;
border-radius: 3px;
}
#link-container a:hover {
color: #fff;
background: #101010;
}
#cast-container-title, #gallery-container-title {
display: flex;
justify-content: space-between;
margin: 60px 0 40px;
width: 70%;
align-items: baseline;
}
#cast-container-title a {
color: #fff;
}
#project-gallery {
padding: 80px 60px 120px;
margin: auto;
max-width: 1800px;
box-sizing: border-box;
}
#gallery-container {
display: grid;
grid-template-columns: repeat(4, 1fr) !important;
gap: 3vw;
}
#gallery-container img {
width: 100%;
height: 20vw;
}
@media only screen and (max-width: 1920px) {
#feature-project {
padding: 10% 10vw;
}
} @media only screen and (max-width: 1100px) {
#intro-copy {
width: 100%;
}
html, body {
font-size: 16px;
}
h1 {
font-size: 48px;
}
h2, #home-title {
font-size: 36px;
}
#feature p, #feature-project p {
width: 100%;
}
.post-copy h2 {
font-size: 28px;
}
.category-link {
font-size: 14px;
margin: 0 0 40px;
}
.post-container img {
width: 50%;
height: 35vw;
}
.post-copy {
width: 45%;
}
#page-contents, #news-post, #page-gallery, #cast-container {
padding: 20vh 60px 0;
}
#news-post, #page-gallery {
padding: 0 60px;
}
#news-contents {
font-size: 16px !important;
width: 100%;
margin: 0 0 30px;
}
#page-gallery {
margin: 0 auto 40px;
}
.previous-post-link {
padding: 0 60px 40px;
}
h1 {
font-size: 36px;
margin: 0 0 30px;
}
.post-container {
margin: 50px 0 0;
}
.post-container:last-of-type {
margin: 50px 0;
}
#summary {
width: 100%;
margin: 0 0 60px;
font-size: 18px;
}
.subtitle {
margin: 0 0 30px;
}
.profile-content {
flex-direction: column;
}
.profile-content div {
padding: 0 0 20px;
}
#feature-project {
padding: 10% 60px;
}
#cast-container {
padding: 0 60px 0;
}
#cast-container.photo-gallery-page {
padding: 5% 60px 0 !important;
}
}
@media only screen and (max-width: 800px) {
header {
padding: 20px 20px 0;
}
#logo {
width: 60px;
margin: 0 auto 20px;
}
header, footer #footer-copy {
flex-direction: column;
}
header nav a {
margin: 10px 15px 0;
font-size: 15px;
}
footer nav ul {
flex-direction: column;
text-align: center;
margin: 30px auto 40px;
}
footer nav li {
margin: 0 auto 20px;
}
footer nav a {
margin: 0;
}
footer #newsletter {
text-align: center;
box-sizing: border-box;
padding: 15% 0 30px;
}
#feature p, #feature-project p {
width: 100%;
}
header {
padding: 20px 20px 0;
}
#logo {
width: 60px;
margin: 0 auto 20px;
}
header, footer #footer-copy {
flex-direction: column;
}
header nav a {
margin: 10px 15px 0;
font-size: 15px;
}
footer nav ul {
flex-direction: column;
text-align: center;
margin: 30px auto 40px;
}
footer nav li {
margin: 0 auto 20px;
}
footer nav a {
margin: 0;
}
footer #newsletter {
text-align: center;
box-sizing: border-box;
padding: 15% 10vw 30px;
}
#feature, #feature-project {
padding: 10% 10vw;
}
#feature img {
width: 100%;
height: 30vw;
}
#feature .feature {
flex-direction: column;
}
#feature .feature div {
width: 100%;
padding: 20px 0;
}
.post-container {
flex-direction: column;
}
.post-container img {
width: 100%;
height: 45vw;
margin: 0 0 30px;
}
.post-copy {
width: 100%;
}
#page-contents, #news-post, #page-gallery, #cast-container {
padding: 20vh 10vw 0;
}
#news-post, #page-gallery {
padding: 0 10vw !important;
}
#featured-image {
min-height: 45vw;
height: 45vw;
}
#news-single #featured-image {
margin: 0 auto 60px;
}
.gallery-columns-2, .gallery-columns-3, .gallery-columns-4, .gallery-columns-5 {
grid-template-columns: repeat(2, 1fr) !important;
}
.gallery-columns-2 img, .gallery-columns-3 img, .gallery-columns-4 img, .gallery-columns-5 img {
height: 35vw !important;
}
.previous-post-link {
padding: 0 10vw 60px;
}
.profile {
flex-direction: column;
margin: 0;
}
.profile img {
width: 100%;
height: 80vw;
}
.profile-content {
padding: 40px 0;
}
#cast-container-title, #gallery-container-title {
margin: 60px 0 20px;
width: 100%;
}
#cast-container-title h2, #gallery-container-title h2 {
margin: 0;
}
#project-gallery {
padding: 0 10vw 60px;
}
#cast-container {
grid-template-columns: repeat(2, 1fr);
}
.cast-profile img, #cast-container img {
height: 40vw;
}
#gallery-container {
grid-template-columns: repeat(2, 1fr) !important;
}
#gallery-container img {
height: 30vw;
}
#credit-container .credit {
margin: 0 20px 0 0;
}
#summary.project-summary {
margin: 0 0 40px;
}
#credit-container {
margin: 0 0 30px;
}
#cast-container {
padding: 0 10vw 0;
}
#cast-container.photo-gallery-page {
padding: 5% 10vw 0 !important;
}
.project-container {
margin: 0 auto 40px;
}
.project-copy {
flex-direction: column;
}
.project-copy div {
padding: 0 0 20px;
}
}
@media only screen and (max-width: 600px) {
header nav a {
margin: 10px 10px 0;
font-size: 14px;
}
#video-title {
padding: 80vh 0 0 5vw;
}
h2, #home-title, h1 {
font-size: 28px;
margin: 0 0 25px;
}
#intro {
padding: 15% 5vw 35%;
}
#feature, #feature-project {
padding: 10% 5vw;
}
#page-contents, #news-post, #page-gallery, #cast-container {
padding: 20vh 5vw 0;
}
.post-copy h2 {
font-size: 24px;
}
#news-post, #page-gallery {
padding: 0 5vw !important;
}
#featured-image {
min-height: 65vw;
height: 65vw;
}
.previous-post-link {
padding: 0 5vw 60px;
}
#cast-container {
padding: 0 5vw 0;
}
#cast-container.photo-gallery-page {
padding: 5% 5vw 0 !important;
}
}