/* Upright, unframed layers merging into a continuous video field. */
body{background:#08080b;isolation:isolate}.site-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.site-atmosphere video{width:100%;height:100%;object-fit:cover;opacity:.52;filter:saturate(.85)}.site-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08080b22,#08080b55)}
.float-piece{transform:translate3d(calc(var(--mouse-x)*var(--drift,24px)),calc(var(--mouse-y)*var(--drift,24px)),0)}.hero{height:110svh;isolation:auto;background:transparent}.hero>video{opacity:.8;mask-image:linear-gradient(#000 75%,transparent);-webkit-mask-image:linear-gradient(#000 75%,transparent)}.hero-shade{background:linear-gradient(180deg,#0005,transparent 30%,transparent 70%,#08080b22)}.hero h1{font-weight:400;text-shadow:0 0 35px #0006}.hero-collage img{border:0;outline:0;box-shadow:none;object-fit:cover;opacity:.77;mask-image:radial-gradient(ellipse at center,#000 25%,#000d 48%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,#000d 48%,transparent 75%)}.piece-one{width:53%;height:53%;right:-5%;top:14%;--drift:-24px}.piece-two{width:37%;height:58%;right:27%;top:30%;--drift:18px}.piece-three{width:54%;height:42%;right:-8%;bottom:-1%;--drift:32px}.hero-motion{background:#0003;border:0;box-shadow:none}.hero-caption{opacity:.65}
.main-block,.work,.doom-pop,.lab-hub,.buy-hire,.about-contact,.video-section{background:transparent;color:#eee}.doom-pop:before{display:none}.main-block{padding-top:55px;padding-bottom:70px}.section-heading{border:0;text-shadow:0 2px 18px #0009}.section-heading>span{opacity:.55}.section-heading h2{font-weight:400}.collage-grid{gap:0;padding:0 0 30px}.project .frame,.project:nth-child(3n+2) .frame{background:transparent;isolation:auto;border:0;box-shadow:none}.project .ambient-video{opacity:.8;mask-image:radial-gradient(ellipse at center,#000 30%,#000a 52%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,#000a 52%,transparent 76%)}
.project img.still-main,.project:nth-child(even) img.still-main{border:0;outline:0;box-shadow:none;filter:none;object-fit:contain;opacity:.9;transform:translate3d(calc(var(--card-x,0)*-18px),calc(var(--card-y,0)*-16px),0);mask-image:radial-gradient(ellipse at center,#000 36%,#000d 57%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at center,#000 36%,#000d 57%,transparent 78%)}.project img.still-main{top:0;left:0;width:100%;height:96%}.project:nth-child(even) img.still-main{top:0;left:0;width:100%;height:100%;transform:translate3d(calc(var(--card-x,0)*18px),calc(var(--card-y,0)*16px),0)}.project img.still-fragment{border:0;outline:0;box-shadow:none;filter:none;opacity:.62;right:-12%;bottom:-2%;width:60%;height:58%;transform:translate3d(calc(var(--card-x,0)*25px),calc(var(--card-y,0)*22px),0);mask-image:radial-gradient(ellipse at center,#000 25%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 76%)}.project:hover img.still-main{filter:none}.frame-number{display:none}.project-label,.doom-pop .project-label{border:0;background:transparent;padding:0 20px 20px;text-shadow:0 2px 16px #000,0 0 7px #000}.project h3{font-weight:400}.project p,.doom-pop .project p{color:#ddd}.project:nth-child(4n+2){margin-top:200px}.project:nth-child(4n+3){margin-top:-150px}.project:nth-child(4n+4){margin-top:110px}.doom-pop .project:nth-child(2){margin-top:160px}.doom-pop .project:nth-child(3){margin-top:-140px}.doom-pop .project:nth-child(4){margin-top:65px}
.video-thumb,.video-card:nth-child(even) .video-thumb{transform:none;border:0;background:transparent;box-shadow:none;mask-image:radial-gradient(ellipse at center,#000 38%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,transparent 78%)}.video-label{border:0;background:transparent;opacity:.8}.video-thumb img{border:0;box-shadow:none}.play-mark{background:#0007;color:#eee;font-size:10px}.lab-link img{border:0;box-shadow:none;mask-image:radial-gradient(ellipse,#000 35%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 78%)}.lab-hub .lab-link,.about-contact .about{background:transparent}.statements details,.doom-pop .statements details{border:0}.statements summary{font-weight:400}.statement-copy,.bio-full{background:radial-gradient(ellipse at center,#08080bc9 25%,#08080b66 60%,transparent 80%);text-shadow:0 2px 6px #000}.enquiry-grid,.about-contact{color:#eee}.text-link{border:0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffffff55}.about p,.enquiry-grid h3,.about h3{text-shadow:0 2px 12px #000}.lab-body,.video-page{background:#08080b}.video-page header,.lab-body header{border:0}footer{border:0;background:transparent;text-shadow:0 2px 10px #000}
@media(max-width:700px){.hero{min-height:760px}.hero-collage .piece-one{width:85%;height:43%;right:-20%;top:19%}.hero-collage .piece-two{width:66%;height:55%;right:6%;top:33%}.hero-collage .piece-three{width:85%;height:39%;right:-15%;bottom:0}.main-block{padding-top:40px;padding-bottom:50px}.project,.doom-pop .project{margin-bottom:25px!important}.project:nth-child(even),.doom-pop .project:nth-child(even){width:90%;margin-left:10%!important}.project img.still-fragment{right:-8%;width:64%}.project-label{padding-left:8px}.video-card:nth-child(2n){margin-top:25px}.site-atmosphere video{opacity:.35}}
@media(prefers-reduced-motion:reduce){.float-piece,.hero>video,.project img{transform:none!important}.site-atmosphere video{opacity:.3}}
/* Apply the edge mask to each still's own aspect ratio, without letterboxing. */
.project img.still-main,.project:nth-child(even) img.still-main{width:auto;height:auto;max-width:94%;max-height:94%;left:50%;top:49%;transform:translate3d(calc(-50% + var(--card-x,0)*-18px),calc(-50% + var(--card-y,0)*-16px),0)}.project:nth-child(even) img.still-main{max-width:97%;max-height:97%;transform:translate3d(calc(-50% + var(--card-x,0)*18px),calc(-50% + var(--card-y,0)*16px),0)}.project img.still-fragment{width:auto;height:auto;max-width:60%;max-height:58%}.motion-paused .project img.still-main{transform:translate(-50%,-50%)!important}.motion-paused .project img.still-fragment{transform:none!important}@media(prefers-reduced-motion:reduce){.project img.still-main,.project:nth-child(even) img.still-main{transform:translate(-50%,-50%)!important}.project img.still-fragment{transform:none!important}}