:root{--mouse-x:0;--mouse-y:0;--acid:#dbff38;--pink:#ff4db8}body{background:#111;color:#eee;overflow-x:clip}header{gap:25px;align-items:start}nav{gap:23px;justify-content:flex-end;flex-wrap:wrap;max-width:70%;font-size:11px;letter-spacing:.12em}nav a{line-height:1.6}.wordmark{font-size:16px;letter-spacing:.22em}.wordmark span{font-size:8px;letter-spacing:.15em}.hero{height:115svh;min-height:750px;isolation:isolate}.hero>video{position:absolute;inset:0;opacity:.85;transform:scale(1.08) translate(calc(var(--mouse-x)*-15px),calc(var(--mouse-y)*-15px))}.hero-shade{pointer-events:none;background:linear-gradient(180deg,#0006,transparent 35%,#0006)}.hero-title{z-index:3;bottom:16%;pointer-events:none}.hero-title a{pointer-events:auto}.hero h1{font-size:clamp(55px,9.6vw,158px);letter-spacing:.15em;line-height:1.28;font-weight:800;text-shadow:0 2px 40px #0008;margin-bottom:28px}.hero-collage{position:absolute;inset:0;z-index:1;pointer-events:none}.float-piece{transition:transform .4s ease-out;will-change:transform;transform:translate3d(calc(var(--mouse-x)*var(--drift,40px)),calc(var(--mouse-y)*var(--drift,40px)),0) }.hero-collage img{position:absolute;object-fit:cover;border:0;box-shadow:none}.piece-one{width:35%;height:33%;right:5%;top:17%;--angle:8deg;--drift:-65px}.piece-two{height:48%;width:22%;right:30%;top:34%;--angle:-9deg;--drift:45px}.piece-three{width:32%;height:24%;right:-2%;bottom:6%;--angle:5deg;--drift:80px}.hero-motion{z-index:5;letter-spacing:.12em}.hero-caption{z-index:4;letter-spacing:.12em}.enter{letter-spacing:.14em;text-transform:uppercase}.main-block{position:relative;padding:80px 4vw 95px;scroll-margin-top:25px}.section-heading{position:relative;z-index:4;align-items:center;gap:25px;padding:24px 0;border-top:1px solid currentColor}.section-heading h2{font-size:clamp(30px,5.5vw,86px);letter-spacing:.13em;font-weight:500;line-height:1.3}.section-heading>span{font-size:10px;line-height:1.8;letter-spacing:.18em}.work{color:#eee;background:#141414}.collage-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 0;padding:45px 0 70px;position:relative}.project{position:relative;align-self:start;transition:filter .2s;z-index:1}.project:hover,.project:focus-visible{z-index:6}.project .frame,.project:nth-child(3n+2) .frame{position:relative;overflow:visible;height:660px;background:#000;isolation:isolate}.project:nth-child(4n+1){grid-column:1/9;grid-row:1}.project:nth-child(4n+2){grid-column:8/13;grid-row:1;margin-top:290px}.project:nth-child(4n+2) .frame{height:490px}.project:nth-child(4n+3){grid-column:2/8;grid-row:2;margin-top:-90px}.project:nth-child(4n+3) .frame{height:580px}.project:nth-child(4n+4){grid-column:7/13;grid-row:2;margin-top:180px}.project:nth-child(4n+4) .frame{height:610px}.project .ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;pointer-events:none}.project img.still-main{position:absolute;top:9%;left:8%;width:76%;height:78%;object-fit:contain;transform:translate3d(calc(var(--card-x,0)*-28px),calc(var(--card-y,0)*-24px),0) ;transition:transform .35s ease-out;filter:drop-shadow(12px 16px 4px #0009);z-index:2}.project:nth-child(even) img.still-main{left:2%;top:5%;width:94%;height:86%;transform:translate3d(calc(var(--card-x,0)*30px),calc(var(--card-y,0)*25px),0) }.project img.still-fragment{position:absolute;right:-6%;bottom:4%;width:40%;height:37%;object-fit:contain;transform:translate3d(calc(var(--card-x,0)*45px),calc(var(--card-y,0)*35px),0) ;transition:transform .4s ease-out;z-index:3;filter:drop-shadow(5px 8px 0 #d8ff3855)}.frame-number{position:absolute;top:14px;left:14px;font:10px monospace;letter-spacing:.3em;background:#111c;padding:8px;z-index:4}.project-label{border-color:#aaa;position:relative;z-index:4;background:#141414;padding:16px 10px 18px}.project h3{letter-spacing:.09em;line-height:1.4;font-size:20px}.project p{color:#c6c6c6;letter-spacing:.11em}.project:hover img.still-main{filter:drop-shadow(15px 20px 0 #ff4db855)}.section-statements{padding:15px 0 50px}.statements details{border-color:#666}.statements summary{font-size:19px;letter-spacing:.14em;line-height:1.6;gap:20px}.statement-copy{max-width:820px}.statement-copy p{letter-spacing:.035em;line-height:1.85}.video-section{padding:30px 0 0;background:transparent}.video-section h3{font-size:22px;letter-spacing:.16em;font-weight:400}.video-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.video-card:nth-child(2n){margin-top:65px}.video-card:nth-child(3n){margin-top:25px}.video-thumb{aspect-ratio:3/4;transform:none}.video-card:nth-child(even) .video-thumb{transform:none}.video-thumb img{object-fit:contain}.video-label{font-size:9px;letter-spacing:.15em}.doom-pop{background:#e9ff43;color:#111}.doom-pop:before{content:'';position:absolute;inset:0;pointer-events:none;background:none}.doom-pop .project-label{background:#e9ff43;border-color:#111}.doom-pop .project p{color:#333}.doom-pop .project:nth-child(1){grid-column:1/7}.doom-pop .project:nth-child(2){grid-column:6/13;margin-top:240px}.doom-pop .project:nth-child(3){grid-column:1/8;margin-top:-70px}.doom-pop .project:nth-child(4){grid-column:8/13;margin-top:120px}.doom-pop .project:nth-child(3) .frame{height:480px}.doom-pop .project:nth-child(4) .frame{height:570px}.doom-pop .statements details{border-color:#1117}.lab-hub{background:#111;color:#eee;padding-bottom:70px}.lab-hub .lab-link{padding:35px 2vw;background:transparent;color:#eee;grid-template-columns:1fr 1fr}.lab-link h3{font-size:clamp(35px,5vw,80px);font-weight:500;letter-spacing:.1em;line-height:1.4;margin:30px 0 45px}.lab-link img{max-height:400px;--angle:-6deg;--drift:-50px}.buy-hire{background:#ee42b5;color:#111}.enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:35px 0}.enquiry-grid>div:nth-child(2){padding-top:100px}.enquiry-grid h3{font-size:clamp(24px,3vw,46px);letter-spacing:.12em;font-weight:500;line-height:1.4}.enquiry-grid p{font-size:17px;line-height:1.8;letter-spacing:.04em;max-width:450px}.text-link{letter-spacing:.1em;font-size:12px;line-height:1.8}.about-contact{background:#141414;color:#eee}.about-contact .about{padding:30px 0;gap:7vw;background:transparent}.about h3{font-weight:500;font-size:clamp(26px,3vw,46px);letter-spacing:.16em;line-height:1.5}.about-copy p{letter-spacing:.035em}.contact-inline{margin-top:65px;overflow-wrap:anywhere}.about-contact .section-heading h2{font-size:clamp(26px,4.5vw,68px)}.anchor-alias{position:absolute;top:0}.video-page .video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.video-page .video-thumb{aspect-ratio:4/3}.video-archive h1,.lab-main h1{letter-spacing:.12em;font-size:clamp(40px,9vw,140px)}.video-page header,.lab-body header{padding-bottom:25px}.motion-paused .float-piece,.motion-paused .hero>video{transform:none}.motion-paused .project img{transform:none!important}footer{letter-spacing:.12em}
@media(max-width:1050px){header{display:block}nav{max-width:100%;justify-content:flex-start;margin-top:22px;gap:18px}.wordmark{font-size:14px}.project .frame,.project:nth-child(3n+2) .frame{height:510px}.project:nth-child(4n+2){margin-top:220px}.project:nth-child(4n+4){margin-top:120px}.section-heading>span{max-width:170px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-page .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-card:nth-child(2n){margin-top:40px}}
@media(max-width:700px){header{padding:24px 5vw}nav{font-size:9px;gap:10px 17px;letter-spacing:.1em;margin-top:18px}.hero{height:100svh;min-height:760px}.hero h1{font-size:10.5vw;letter-spacing:.13em;line-height:1.6;margin-bottom:25px}.hero-title{bottom:21%;left:5vw}.hero-collage .piece-one{width:58%;height:25%;top:21%;right:-3%}.hero-collage .piece-two{width:37%;height:34%;top:39%;right:4%}.hero-collage .piece-three{width:60%;height:22%;bottom:6%;right:18%}.hero-motion{left:5vw;bottom:45px}.hero-caption{bottom:20px}.main-block{padding:50px 5vw 65px}.section-heading{display:block;padding:20px 0}.section-heading h2{font-size:7vw;letter-spacing:.12em;margin-bottom:12px}.section-heading>span{max-width:none;font-size:9px}.collage-grid{display:block;padding:25px 0 20px}.project,.doom-pop .project{width:90%;margin:0 0 65px!important}.project:nth-child(even),.doom-pop .project:nth-child(even){width:82%;margin-left:18%!important}.project .frame,.project:nth-child(3n+2) .frame,.doom-pop .project:nth-child(3) .frame,.doom-pop .project:nth-child(4) .frame{height:440px}.project:nth-child(3n) .frame{height:340px}.project img.still-fragment{right:-4%;width:43%}.project h3{font-size:17px}.project p{font-size:9px}.section-statements{padding:0}.statements summary{font-size:16px;letter-spacing:.1em}.statement-copy p{font-size:16px}.video-section .section-heading{display:flex}.video-section h3{font-size:17px}.video-grid,.video-page .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.video-card:nth-child(2n){margin-top:35px}.video-card:nth-child(3n){margin-top:0}.lab-hub .lab-link{grid-template-columns:1fr;padding:10px 0}.lab-link h3{font-size:9vw;letter-spacing:.12em}.lab-link img{max-height:270px;padding:20px 5px}.enquiry-grid{grid-template-columns:1fr;gap:35px;padding:10px 0}.enquiry-grid>div:nth-child(2){padding-top:0}.enquiry-grid h3{font-size:24px}.enquiry-grid p{font-size:16px}.about-contact .about{grid-template-columns:1fr}.about-contact .section-heading h2{font-size:6.5vw}.about-copy p{font-size:16px;line-height:1.8}.about-copy{padding-top:25px}.contact-inline{margin-top:30px}.video-archive h1,.lab-main h1{font-size:8vw;letter-spacing:.11em}}
@media(prefers-reduced-motion:reduce){.float-piece,.hero>video,.project img{transform:none!important;transition:none!important}.project .ambient-video{opacity:.35}}