@import url("https://use.typekit.net/ozi4ozj.css");*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%;letter-spacing:0.05rem;-ms-touch-action:manipulation;touch-action:manipulation;overflow-y:scroll}main{flex:1;z-index:0}body{display:block;font-family:"neue-haas-grotesk-display",sans-serif;font-display:block;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100dvw;min-height:100dvh;background-color:var(--tertiary-colour);overflow-x:hidden}:root{--primary-colour:#000;--secondary-colour:#a5a5a5;--tertiary-colour:#fff;--primary-font-styling:normal normal 500 1.35rem/1.85rem "neue-haas-grotesk-display",sans-serif;--large-font-styling:normal normal 500 1.5rem/2rem "neue-haas-grotesk-display",sans-serif;--header-styling:normal normal 500 1.75rem/2.35rem "neue-haas-grotesk-display",sans-serif;--nav-styling:normal normal 500 1.75rem/2.35rem "neue-haas-grotesk-display",sans-serif;--links-font-styling:normal normal 500 1.15rem/1.5rem "neue-haas-grotesk-display",sans-serif;--mobile-nav-styling:normal normal 500 4.5rem/6.75rem "neue-haas-grotesk-display",sans-serif;--quaternary-colour:#3d3d3d}video,img{display:block}ul{list-style:none}a{text-decoration:none;font:var(--primary-font-styling);color:inherit}p,li,h3{font:var(--primary-font-styling)}button{cursor:pointer;background:none;border:none;font:var(--links-font-styling);color:var(--secondary-colour)}h2{color:var(--primary-colour);font:var(--header-styling)}fieldset{border:none}.cb-container{position:fixed;bottom:0;right:0;background-color:var(--primary-colour);color:var(--tertiary-colour);border:none;height:auto;max-height:100vh;width:min(730px,100%);padding:30px;z-index:4;display:none;grid-template-columns:2fr 5fr;gap:40px;opacity:0}.slideup{opacity:1;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}#cookie-banner{display:grid;grid-auto-rows:repeat(min-content)}#cb-title{grid-column:span 1;padding-bottom:35px;font:var(--header-styling)}.cb-container p,.cb-container legend,.cb-container details,.cb-container a{font:var(--links-font-styling)}#cb-desc{display:flex;flex-flow:column wrap;row-gap:40px}details{cursor:pointer;margin-top:1em;margin-bottom:1.5em;width:100%}details summary{list-style:none;text-decoration:underline;margin-bottom:1em}#cb-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}#cb-choices input{grid-column:span 1;border-radius:5px;border:none;background:var(--quaternary-colour);color:var(--tertiary-colour);font:var(--primary-font-styling);cursor:pointer;padding:10px 20px;width:100%}#cb-accept:hover,#cb-refuse:hover,#cb-accept:focus,#cb-refuse:focus{background-color:var(--tertiary-colour);color:var(--primary-colour)}#cb-accept{justify-self:end;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}#cb-refuse{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}header{position:fixed;top:0;width:100%;z-index:5}nav{display:flex;justify-content:space-between;align-items:center;min-height:50px;max-width:1920px;margin:auto;padding:0 25px}#nav-list{display:flex;justify-content:space-between;align-items:center;gap:65px;height:auto}#studio-logo{font:var(--nav-styling);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;z-index:12}.nav-link{font:var(--nav-styling);text-transform:capitalize}.nav-link:hover,.nav-link:focus{opacity:0.4}.hamburger{display:none}.bar{display:block;width:26px;height:2.15px;margin:6px auto;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background-color:var(--primary-colour)}footer{display:flex;justify-content:space-between;align-items:center;padding:25px;color:var(--secondary-colour);font:var(--links-font-styling);letter-spacing:1.25;width:100%;max-width:1920px;margin:auto;height:170px;min-height:95px}footer a,footer button{font:var(--links-font-styling);color:var(--secondary-colour)}footer a:hover,footer button:hover,footer button:focus,footer a:focus{opacity:0.4}#footer-hr{display:block;margin:100px auto 0;border:none;height:0.75px;background-color:var(--secondary-colour);width:calc(100vw - 55px);max-width:1920px}#footer-col1-list,#footer-col2{height:70px;display:flex;flex-direction:column;justify-content:space-between}#footer-col1-list li{align-items:start;font:var(--links-font-styling)}#footer-col3-link{font-size:2em}.nf-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);width:100%;height:min-content;align-items:center;justify-content:center;justify-items:center;max-width:1920px;overflow:hidden;margin:auto}.nf-number{color:var(--primary-colour);text-align:center;font-family:"neue-haas-grotesk-display",sans-serif;font-size:min(57.35vw,1080px);width:min-content;height:max-content;grid-column:1/5;grid-row:1/5;margin:auto;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.nf-text{text-align:center;grid-column:2;grid-row:2 / 4;max-width:15vw;font:var(--links-font-styling);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.nf-text a{font:var(--links-font-styling);color:var(--secondary-colour);-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.nf-text a:hover,.nf-text a:focus{opacity:0.4}#carousel{width:100%;height:95vw;max-width:1920px;min-height:600px;max-height:95vh;margin:auto;z-index:0;position:relative;color:var(--tertiary-colour);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.carousel-item{display:none;width:100%;height:100%}.carousel-video,.carousel-image{width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);margin:auto;object-fit:cover;overflow:hidden}.carousel-nav{position:static;max-width:1920px;margin:0 auto}#carousel-previous-btn img,#carousel-next-btn img{height:25px;width:auto}#carousel-previous-btn,#carousel-next-btn{position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;transition:all 0.4s ease;user-select:none;width:max-content}#carousel-previous-btn:hover,#carousel-previous-btn:focus,#carousel-next-btn:hover,#carousel-next-btn:focus{opacity:0.4}.carousel-text{position:absolute;padding:0px 25px;bottom:25px;width:max-content}.carousel-text h2{padding-bottom:5px;color:var(--tertiary-colour)}#carousel-next-btn{right:0;padding-right:25px}#carousel-previous-btn{padding-left:25px}#carousel-number{position:absolute;bottom:25px;right:0;padding:0px 25px}#recent-projects{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:repeat(3,1fr);width:100%;gap:20px;padding:0 75px;margin:50px auto auto auto;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;max-width:1920px}.recent-project-item{-webkit-transition:all 0.35s ease-in-out;transition:all 0.5s ease-in-out}.recent-projects-item:first-child{grid-column:1/5;grid-row:1/3;padding-bottom:50px}.recent-projects-item img{width:100%;height:auto;overflow:hidden}.recent-projects-item h2{padding-top:0.75rem}.recent-projects-item:nth-child(2){grid-column:5/7;grid-row:1/2}.recent-projects-item:nth-child(3){grid-column:1/3;grid-row:3}.recent-projects-item:nth-child(4){grid-column:3/5;grid-row:3}.recent-projects-item:nth-child(5){grid-column:5/7;grid-row:3}.recent-projects-item:nth-child(3),.recent-projects-item:nth-child(4),.recent-projects-item:nth-child(5){display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:repeat(3,1fr)}.recent-projects-item:nth-child(3) img,.recent-projects-item:nth-child(4) img,.recent-projects-item:nth-child(5) img{grid-column:1 / 4;grid-row:1 / 4}.recent-projects-item:nth-child(3) .recent-project-info,.recent-projects-item:nth-child(4) .recent-project-info,.recent-projects-item:nth-child(5) .recent-project-info{opacity:0;grid-column:1 / 4;grid-row:1 / 4;padding-bottom:20px;padding-left:20px;z-index:2;font-size:max(1em,0.75em);justify-self:center;align-self:center}.recent-projects-item:nth-child(3) .info-background,.recent-projects-item:nth-child(4) .info-background,.recent-projects-item:nth-child(5) .info-background{display:none;grid-column:1 / 4;grid-row:1 / 4;background-color:var(--tertiary-colour);opacity:0.6;z-index:1;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.recent-projects-item:nth-child(2):hover,.recent-projects-item:first-child:hover,.recent-projects-item:nth-child(2):focus,.recent-projects-item:first-child:focus{opacity:0.4;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.recent-projects-item:nth-child(3):hover .info-background,.recent-projects-item:nth-child(4):hover .info-background,.recent-projects-item:nth-child(5):hover .info-background,.recent-projects-item:nth-child(3):focus .info-background,.recent-projects-item:nth-child(4):focus .info-background,.recent-projects-item:nth-child(5):focus .info-background,.recent-projects-item:nth-child(3):hover .recent-project-info,.recent-projects-item:nth-child(4):hover .recent-project-info,.recent-projects-item:nth-child(5):hover .recent-project-info,.recent-projects-item:nth-child(3):focus .recent-project-info,.recent-projects-item:nth-child(4):focus .recent-project-info,.recent-projects-item:nth-child(5):focus .recent-project-info{display:block;opacity:0.75;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.recent-projects-item:nth-child(3):hover p,.recent-projects-item:nth-child(4):hover p,.recent-projects-item:nth-child(5):hover p,.recent-projects-item:nth-child(3):focus p,.recent-projects-item:nth-child(4):focus p,.recent-projects-item:nth-child(5):focus p{display:none}#show-all-section{padding-top:35px;color:var(--secondary-colour);display:flex;justify-content:center}#show-all-section a:hover{opacity:0.4}.all-projects{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;padding:195px 25px 0 25px;gap:20px;max-width:1920px;margin:auto}.indexpage-images,.indexpage-videos{grid-column:span 1;width:100%;height:auto;object-fit:cover;overflow:hidden}.indexpage-video-sources{object-fit:cover}.project-container h2{padding-top:10px}.project-container:hover,.project-container:focus{opacity:0.4;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.anim{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;transform:translateY(25px)}.show{opacity:1;transform:translateY(0)}.project-hero-img{object-fit:cover;width:100%;height:56.25vw;max-height:90vh;min-height:570px}.project-hero-video{object-fit:cover;width:100%;height:65vw;max-height:90vh;min-height:570px}.project-first-img{grid-column:span 2;width:100%;height:auto}#project-content-container{margin:20px auto auto auto;gap:20px;display:grid;grid-template-columns:repeat(2,1fr);flex-wrap:wrap;padding:0 25px;max-width:1920px}#project-info{grid-column:1/2;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:max-content;width:calc(100% - 10px);padding-right:5%;padding-left:50px;gap:20px}#project-info li{padding-bottom:0.45em;white-space:nowrap}.description{grid-column:1 / 3;height:100%;padding-bottom:60px}.description p{padding-bottom:0.55em;font:var(--large-font-styling)}.client-list-container{grid-column:1 / 2;grid-row:2/3}.project-services-container{grid-column:1 / 2;grid-row:3/4}.contributors-container{grid-column:2 / 3;grid-row:2/4}.project-img-vertical,.project-videos-v{grid-column:span 1;object-fit:cover;width:100%;min-width:325px;height:100%;flex-grow:0}.project-img-horizontal,.project-videos{object-fit:cover;grid-column:span 2;width:100%;height:auto;max-height:calc(100vh - 40px)}#project-nav{width:100%;padding:50px 25px 0 25px;display:flex;justify-content:space-between;color:var(--secondary-colour);max-width:1920px;margin:auto}#project-nav a:hover,#project-nav a:focus{opacity:0.4}.about-page-info{margin:195px auto auto auto;padding:0 75px;display:grid;grid-template-columns:repeat(3,auto);grid-auto-rows:repeat(2,min-content);gap:60px;max-width:1920px}.about-page-info li{line-height:1.65em;white-space:nowrap}.about-page-info a:hover,.about-page-info a:focus{opacity:0.4}.about-desc{grid-column:span 2;grid-row:1/3;padding-right:20px;line-height:1.4em;max-width:900px}.about-desc p{font:var(--header-styling)}.list-title{color:var(--secondary-colour);font:var(--primary-font-styling);padding-bottom:1em}#contact{grid-column:span 1;grid-row:1}#services{grid-column:span 1;grid-row:2}#socials{grid-column:span 1;grid-row:1;justify-self:end}#about-hr{margin:100px auto 70px;border:none;height:0.75px;background-color:var(--secondary-colour);width:calc(100vw - 55px);max-width:1920px}#process{grid-column:span 4;display:grid;grid-template-columns:repeat(2,max-content);grid-auto-rows:auto;gap:60px;max-width:1920px;margin:auto;padding:0 75px}.process-title{grid-column:span 2;font-size:1.5em}.process-steps{width:20vw;min-width:325px;max-width:450px}.process-titles{color:var(--secondary-colour);font:var(--primary-font-styling);padding-bottom:30px}@media screen and (max-width:820px){h2{font:var(--large-font-styling)}p{font:var(--primary-font-styling)}.nf-404>main{height:calc(100vh)}.nf-container{overflow-x:hidden;height:max(50vh,328px);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.nf-number{width:100%}.nf-text{width:100%;max-width:50dvw}.cb-container{padding:25px;grid-template-columns:repeat(2,1fr);grid-template-rows:max-content;gap:1rem;height:auto;max-height:90vh}#cookie-banner{grid-column:span 2;gap:0.95rem;height:max-content}#cb-title{grid-column:span 2;grid-row:1;justify-self:start;width:100%;padding-bottom:0;font:var(--primary-font-styling)}.cb-container p{font-size:0.95rem}details{margin-bottom:0.95rem}#cb-choices{width:100%;margin:auto;grid-template-columns:repeat(2,1fr)}#cb-info{display:none}nav{padding:0 25px}.hamburger{display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){background-color:var(--tertiary-colour);transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){background-color:var(--tertiary-colour);transform:translateY(-8px) rotate(-45deg)}#studio-logo.active{color:var(--tertiary-colour)}#nav-list{position:fixed;top:-100%;left:0;flex-direction:column;gap:0px;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--primary-colour);-webkit-transition:all 0.4s ease-in-out;transition:0.4s ease-in-out}.nav-link{color:var(--tertiary-colour);font:var(--mobile-nav-styling);-webkit-transition:all 0.2s ease-in-out;transition:0.2s ease-in-out}#nav-list.active{top:0}footer{padding:25px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:start;row-gap:2.5rem;height:max-content}#footer-col2 li{white-space:nowrap}#footer-col2{display:flex;flex-direction:column;column-gap:2.5rem}#footer-col3{padding-top:2.5rem;font-size:var(--primary-font-styling)}#footer-hr{margin:65px 25px 0}.carousel-text{padding:0px 25px}.carousel-text h2{padding-bottom:0}.carousel-text p{display:none}#carousel-next-btn{right:0;padding-right:25px}#carousel-previous-btn{padding-left:25px}.carousel-text,#carousel-number{max-width:75vw;padding:0px 25px;bottom:25px}#recent-projects{display:flex;flex-direction:column;column-gap:35px;padding:0 25px}.recent-projects-item:first-child,.recent-projects-item{padding-bottom:0}.all-projects{display:block;width:100%;margin-top:120px;padding:0 25px}.project-container{width:100%;min-height:189px}.project-container h2{padding-bottom:25px}#project-content-container{display:flex;flex:column wrap;gap:20px;max-width:100%;margin:0;padding-top:25px}.project-hero-video{object-fit:cover;width:100%;height:auto;min-height:225px}#project-info{width:100%;padding:0;font-size:inherit;display:flex;flex-direction:column}#project-info p{padding-bottom:0.35em}#project-info li{padding:0}.description{padding-bottom:25px}.project-img-vertical{width:100%;height:auto;max-height:calc(100vh - 60px);min-width:calc(100vw - 60px);object-fit:cover}.about-page-info{display:flex;flex-direction:column;justify-content:space-between;gap:25px;margin-top:120px;padding:0 25px}.about-desc{font:var(--large-font-styling);padding:0;margin-bottom:20px}.about-page-info #services ul{display:flex;flex-wrap:wrap;column-gap:15px;max-width:450px}#process{display:flex;flex-direction:column;gap:2rem;padding:0 25px;width:100%;margin:0}#about-hr{margin:50px auto 50px;width:calc(100vw - 50px)}.process-steps{width:100%;height:max-content;min-width:calc(100vw - 60px)}.process-titles{padding-bottom:0.5rem}.process-steps p{padding-bottom:0.95rem}.process-steps:last-child p{padding-bottom:0}}@media screen and (max-width:1024px){:root{--primary-font-styling:normal normal 500 1.15rem/1.45rem "neue-haas-grotesk-display",sans-serif;--large-font-styling:normal normal 500 1.3rem/2.05rem "neue-haas-grotesk-display",sans-serif;--header-styling:normal normal 500 1.55rem/2.45rem "neue-haas-grotesk-display",sans-serif;--nav-styling:normal normal 500 1.55rem/2.45rem "neue-haas-grotesk-display",sans-serif;--links-font-styling:normal normal 500 1rem/1.25rem "neue-haas-grotesk-display",sans-serif;--mobile-nav-styling:normal normal 500 4.3rem/6.55rem "neue-haas-grotesk-display",sans-serif}#project-info{padding:0}.description{padding-bottom:25px}.about-page-info{gap:35px;grid-template-columns:auto auto;-webkit-transition:all 0.2s ease-in-out;transition:0.2s ease-in-out}.about-desc{grid-column:span 3;grid-row:1 / 3;padding-bottom:50px}#contact{grid-column:span 1;grid-row:3}#services{grid-column:span 1;grid-row:3;justify-self:center}#socials{grid-column:span 1;grid-row:3}}