html body{background-color:#000;color:#fff}html body #service-prod{background-image:url("/production/production-project.jpg");background-color:rgba(0,0,0,.65);background-blend-mode:multiply;background-position:center}html body #service-edit{background-image:url("/editorial/editorial-project.jpg");background-color:rgba(0,0,0,.85);background-blend-mode:multiply;background-position:center}html body #service-media{background-image:url("/media/media-project.jpg");background-color:rgba(0,0,0,.75);background-blend-mode:multiply;background-position:center}html body #service-visual{background-image:url("/visual/visual-project.jpg");background-color:rgba(0,0,0,.75);background-blend-mode:multiply;background-position:center}html body #service-first{width:30%;height:60%}html body #service-second{width:70%;height:60%}html body #service-third{width:50%;height:30%}html body #service-fourth{width:50%;height:30%}html body .service-landing{height:100vh;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;background-repeat:no-repeat;background-size:cover}html body .service-landing .subheading{display:flex;gap:2rem}html body .service-landing .subheading h3{font-size:1.5rem}html body .service-landing .subheading h3 a{color:#fff;text-decoration:underline;cursor:pointer}html body .big{height:150vh !important}html body .showcase{width:100vw;height:240vh;padding-bottom:20px;display:flex;flex-direction:column;gap:20px;background-color:#000}html body .showcase .first,html body .showcase .second,html body .showcase .third{width:100vw;column-gap:20px}html body .showcase .first .img-wrapper,html body .showcase .second .img-wrapper,html body .showcase .third .img-wrapper{cursor:pointer;display:flex;height:100%;width:100%;overflow:hidden;flex-direction:column;justify-content:center;align-items:center;transition:300ms ease}html body .showcase .first .img-wrapper img,html body .showcase .second .img-wrapper img,html body .showcase .third .img-wrapper img{z-index:0;object-fit:cover;min-height:100%;min-width:100%;transition:ease 300ms}html body .showcase .first .img-wrapper .space,html body .showcase .second .img-wrapper .space,html body .showcase .third .img-wrapper .space{height:50%}html body .showcase .first .img-wrapper h4,html body .showcase .second .img-wrapper h4,html body .showcase .third .img-wrapper h4{position:absolute;text-align:center}html body .showcase .first .img-wrapper h4 a,html body .showcase .second .img-wrapper h4 a,html body .showcase .third .img-wrapper h4 a{width:80%;text-align:center;color:#fff;font-size:20px;text-wrap:wrap}@media screen and (min-width: 1050px){html body .showcase .first .img-wrapper h4,html body .showcase .first .img-wrapper a,html body .showcase .second .img-wrapper h4,html body .showcase .second .img-wrapper a,html body .showcase .third .img-wrapper h4,html body .showcase .third .img-wrapper a{z-index:100;opacity:0;transition:opacity 200ms}}html body .showcase .first .img-wrapper .service,html body .showcase .second .img-wrapper .service,html body .showcase .third .img-wrapper .service{margin:-5px;height:100%;width:100%;transition:ease 300ms}@media screen and (min-width: 1050px){html body .showcase .first .img-wrapper:hover h4,html body .showcase .first .img-wrapper:hover a,html body .showcase .first .img-wrapper:hover a img,html body .showcase .second .img-wrapper:hover h4,html body .showcase .second .img-wrapper:hover a,html body .showcase .second .img-wrapper:hover a img,html body .showcase .third .img-wrapper:hover h4,html body .showcase .third .img-wrapper:hover a,html body .showcase .third .img-wrapper:hover a img{opacity:1}html body .showcase .first .img-wrapper:hover .service,html body .showcase .first .img-wrapper:hover img,html body .showcase .second .img-wrapper:hover .service,html body .showcase .second .img-wrapper:hover img,html body .showcase .third .img-wrapper:hover .service,html body .showcase .third .img-wrapper:hover img{filter:blur(30px)}}html body .showcase .first{height:28%;display:grid;grid-template-columns:34% 66%}html body .showcase .second{height:20%;width:100vw;background-color:#000}html body .showcase .third{background-color:#000;height:28%;display:grid;grid-template-columns:66% 34%}