(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{1053:(e,t,a)=>{"use strict";a.d(t,{default:()=>c});var s=a(5155),l=a(2115),n=a(1407),i=a(1408),r=a(2512);function c(){let e=(0,n.I)(),[t,a]=(0,l.useState)(!1),[c,o]=(0,l.useState)(0);return(0,l.useEffect)(()=>{if(e)return void a(!0);document.body.style.overflow="hidden";let t=0,s=setInterval(()=>{o(t=Math.min(100,t+Math.floor(9*Math.random())+4)),t>=100&&(clearInterval(s),setTimeout(()=>a(!0),380))},95);return()=>clearInterval(s)},[e]),(0,l.useEffect)(()=>{t&&(document.body.style.overflow="")},[t]),(0,s.jsx)(i.N,{children:!t&&(0,s.jsxs)(r.P.div,{className:"fixed inset-0 z-[100] bg-ink flex flex-col justify-between frame py-6 grain",exit:{clipPath:"inset(0 0 100% 0)"},transition:{duration:.95,ease:[.16,1,.3,1]},children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("span",{className:"display text-xl tracking-tight",children:["Fathom",(0,s.jsx)("span",{className:"text-signal",children:"."})]}),(0,s.jsx)("span",{className:"eyebrow",children:"Film & Motion Studio"})]}),(0,s.jsxs)("div",{className:"flex items-end justify-between",children:[(0,s.jsx)("span",{className:"display text-[clamp(4rem,18vw,16rem)] leading-[0.8] tabular-nums",children:String(c).padStart(3,"0")}),(0,s.jsx)("span",{className:"eyebrow mb-3",children:"Loading"})]})]})})}},1398:(e,t,a)=>{"use strict";a.d(t,{default:()=>o});var s=a(5155),l=a(2115),n=a(1408),i=a(2512),r=a(8360);let c=[["Work","work"],["About","about"],["Contact","contact"]];function o(){let[e,t]=(0,l.useState)(!1),a=a=>{t(!1),setTimeout(()=>(0,r.O)(a),380*!!e)};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("header",{className:"fixed top-0 inset-x-0 z-50 frame flex items-center justify-between py-5 mix-blend-difference text-bone",children:[(0,s.jsxs)("button",{onClick:()=>a("top"),className:"display text-xl tracking-tight","aria-label":"Fathom, home",children:["Fathom",(0,s.jsx)("span",{className:"text-signal",children:"."})]}),(0,s.jsx)("nav",{className:"hidden md:flex gap-9 text-xs uppercase tracking-[0.2em] font-medium",children:c.map(e=>{let[t,l]=e;return(0,s.jsx)("button",{onClick:()=>a(l),className:"hover:opacity-50 transition-opacity duration-300",children:t},l)})}),(0,s.jsx)("button",{className:"md:hidden text-xs uppercase tracking-[0.2em] font-semibold",onClick:()=>t(!0),"aria-expanded":e,"aria-controls":"mobile-menu",children:"Menu"})]}),(0,s.jsx)(n.N,{children:e&&(0,s.jsxs)(i.P.div,{id:"mobile-menu",className:"fixed inset-0 z-[60] bg-ink flex flex-col justify-between p-6 pt-5 grain",initial:{clipPath:"inset(0 0 100% 0)"},animate:{clipPath:"inset(0 0 0% 0)"},exit:{clipPath:"inset(0 0 100% 0)"},transition:{duration:.7,ease:[.16,1,.3,1]},children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("span",{className:"display text-xl tracking-tight",children:["Fathom",(0,s.jsx)("span",{className:"text-signal",children:"."})]}),(0,s.jsx)("button",{onClick:()=>t(!1),className:"text-xs uppercase tracking-[0.2em] font-semibold",children:"Close"})]}),(0,s.jsx)("nav",{className:"flex flex-col gap-1",children:c.map((e,t)=>{let[l,n]=e;return(0,s.jsx)(i.P.button,{onClick:()=>a(n),className:"display text-left leading-[0.92] text-[clamp(3rem,17vw,7rem)]",initial:{opacity:0,y:32},animate:{opacity:1,y:0},transition:{delay:.18+.07*t,duration:.6,ease:[.16,1,.3,1]},children:l},n)})}),(0,s.jsxs)("div",{className:"flex flex-col gap-1.5 text-xs uppercase tracking-[0.2em] text-bone-dim",children:[(0,s.jsx)("a",{href:"mailto:hello@fathomfilms.co",className:"w-max normal-case tracking-normal text-sm",children:"hello@fathomfilms.co"}),(0,s.jsx)("span",{children:"London \xb7 Worldwide"})]})]})})]})}},2023:(e,t,a)=>{"use strict";a.d(t,{default:()=>m});var s=a(5155),l=a(2115),n=a(5239),i=a(1407),r=a(4384),c=a(9339),o=a(2512);let d={full:"col-span-12",left:"col-span-12 md:col-span-7",right:"col-span-12 md:col-span-7 md:col-start-6",duo:"col-span-12 md:col-span-6"};function m(e){var t;let{project:a,index:m}=e,x=(0,l.useRef)(null),p=(0,i.I)(),[h,u]=(0,l.useState)(!1),{scrollYProgress:f}=(0,r.L)({target:x,offset:["start end","end start"]}),b=(0,c.G)(f,[0,1],p?["0%","0%"]:["-7%","7%"]),j=null!=(t=d[a.layout])?t:d.full,v="full"===a.layout?"aspect-[16/9]":"aspect-[4/3]",g="full"===a.layout?"(min-width: 1680px) 1760px, 100vw":"(max-width: 768px) 100vw, 62vw";return(0,s.jsx)(o.P.article,{className:j,initial:{opacity:0,y:46},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"0px 0px -12% 0px"},transition:{duration:.95,ease:[.16,1,.3,1]},children:(0,s.jsxs)("a",{href:"#",onClick:e=>e.preventDefault(),className:"group block",onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),"aria-label":"".concat(a.title,", ").concat(a.client,", ").concat(a.category,", ").concat(a.year),children:[(0,s.jsxs)("div",{ref:x,className:"relative overflow-hidden bg-ink-soft ".concat(v),children:[(0,s.jsxs)(o.P.div,{style:{y:b},className:"absolute inset-[-7%]",children:[(0,s.jsx)(n.default,{src:a.image,alt:"".concat(a.title,", ").concat(a.client),fill:!0,quality:90,sizes:g,className:"object-cover transition-transform duration-[900ms] ease-smooth group-hover:scale-[1.05]"}),a.hover&&(0,s.jsx)(n.default,{src:a.hover,alt:"","aria-hidden":!0,fill:!0,quality:90,sizes:g,className:"object-cover transition-opacity duration-700 ".concat(h?"opacity-100":"opacity-0")})]}),(0,s.jsx)("span",{className:"absolute top-4 left-4 z-10 text-xs tracking-[0.25em] mix-blend-difference",children:String(m+1).padStart(2,"0")}),(0,s.jsx)("span",{className:"absolute bottom-4 right-4 z-10 text-xs uppercase tracking-[0.22em] mix-blend-difference transition-opacity duration-300 ".concat(h?"opacity-100":"opacity-0"),children:"View"})]}),(0,s.jsxs)("div",{className:"mt-4 flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1",children:[(0,s.jsx)("h3",{className:"display text-[clamp(1.6rem,3.1vw,2.9rem)] transition-colors duration-300 group-hover:text-bone",children:a.title}),(0,s.jsxs)("span",{className:"text-xs uppercase tracking-[0.18em] text-bone-dim",children:[a.client," \xb7 ",a.category," \xb7 ",a.year]})]})]})})}},5526:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>n});var s=a(5155),l=a(2512);function n(e){let{children:t,className:a,delay:n=0,y:i=36}=e;return(0,s.jsx)(l.P.div,{className:a,initial:{opacity:0,y:i},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"0px 0px -12% 0px"},transition:{duration:.9,ease:[.16,1,.3,1],delay:n},children:t})}},7189:(e,t,a)=>{"use strict";a.d(t,{default:()=>d});var s=a(5155),l=a(2115),n=a(1407),i=a(4384),r=a(9339),c=a(2512),o=a(8360);function d(){let e=(0,l.useRef)(null),t=(0,n.I)(),{scrollYProgress:a}=(0,i.L)({target:e,offset:["start start","end start"]}),d=(0,r.G)(a,[0,1],[0,t?0:-100]),m=(0,r.G)(a,[0,.75],[1,0]);return(0,s.jsxs)("section",{ref:e,className:"relative h-[100svh] min-h-[620px] flex flex-col justify-between frame pt-28 pb-7 grain",children:[(0,s.jsx)("span",{"aria-hidden":!0,className:"sr-only",children:"Fathom \xb7 Film & Motion Studio"}),(0,s.jsxs)(c.P.div,{style:{y:d,opacity:m},className:"mt-auto",children:[(0,s.jsx)("h1",{className:"display type-window kb select-none leading-[0.82] text-[clamp(3rem,19vw,17rem)]",style:{backgroundImage:"url(/images/reel-poster.jpg)"},children:"Fathom"}),(0,s.jsx)("p",{className:"mt-7 max-w-[46ch] text-[clamp(1.05rem,1.5vw,1.4rem)] leading-relaxed text-bone-dim",children:"A film & motion studio. Character-led nonfiction, brand films and documentary series, directed and finished in-house."})]}),(0,s.jsxs)("div",{className:"mt-10 flex items-end justify-between text-xs uppercase tracking-[0.22em] text-bone-dim",children:[(0,s.jsx)("span",{children:"Est. 2014 \xb7 London, worldwide"}),(0,s.jsxs)("button",{onClick:()=>(0,o.O)("work"),className:"flex items-center gap-3 hover:text-bone transition-colors",children:["Scroll ",(0,s.jsx)("span",{className:"scroll-cue-bar","aria-hidden":!0})]})]})]})}},7883:(e,t,a)=>{"use strict";a.d(t,{default:()=>r});var s=a(5155),l=a(2115);let n={emails:[{label:"New work",address:"hello@fathomfilms.co"},{label:"Press",address:"press@fathomfilms.co"}],socials:[{label:"Instagram",href:"#"},{label:"Vimeo",href:"#"},{label:"LinkedIn",href:"#"}]};var i=a(5526);function r(){let[e,t]=(0,l.useState)(null),a=async e=>{try{await navigator.clipboard.writeText(e),t(e),setTimeout(()=>t(null),1600)}catch(e){}};return(0,s.jsxs)("section",{id:"contact",className:"frame py-[clamp(6rem,16vh,12rem)] border-t rule",children:[(0,s.jsxs)(i.default,{children:[(0,s.jsx)("p",{className:"eyebrow mb-8",children:"Contact"}),(0,s.jsxs)("h2",{className:"display text-[clamp(2.6rem,11vw,9rem)] leading-[0.9]",children:["Let’s make",(0,s.jsx)("br",{}),"something",(0,s.jsx)("br",{}),"that lasts."]})]}),(0,s.jsxs)("div",{className:"mt-[clamp(3rem,8vh,6rem)] grid grid-cols-12 gap-y-12",children:[(0,s.jsx)("div",{className:"col-span-12 md:col-span-7 flex flex-col gap-6",children:n.emails.map(t=>(0,s.jsxs)("button",{onClick:()=>a(t.address),className:"group text-left w-max",children:[(0,s.jsx)("span",{className:"eyebrow block mb-2",children:t.label}),(0,s.jsxs)("span",{className:"inline-flex items-baseline gap-3",children:[(0,s.jsx)("span",{className:"text-[clamp(1.2rem,2.1vw,1.9rem)] border-b border-bone/30 group-hover:border-bone transition-colors",children:t.address}),(0,s.jsx)("span",{className:"text-[0.62rem] uppercase tracking-[0.22em] text-signal",children:e===t.address?"Copied":"Copy"})]})]},t.address))}),(0,s.jsx)("div",{className:"col-span-12 md:col-span-3 md:col-start-10 flex flex-col gap-2.5 text-[clamp(1rem,1.3vw,1.2rem)]",children:n.socials.map(e=>(0,s.jsx)("a",{href:e.href,className:"w-max text-bone-dim hover:text-bone transition-colors",children:e.label},e.label))})]}),(0,s.jsxs)("footer",{className:"mt-[clamp(4rem,12vh,8rem)] flex flex-wrap items-center justify-between gap-4 text-xs uppercase tracking-[0.2em] text-bone-faint",children:[(0,s.jsxs)("span",{children:["\xa9 ",new Date().getFullYear()," Fathom Films"]}),(0,s.jsx)("span",{children:"London \xb7 Worldwide"}),(0,s.jsx)("span",{children:"Prototype \xb7 placeholder content"})]})]})}},8360:(e,t,a)=>{"use strict";a.d(t,{O:()=>i,default:()=>n});var s=a(2115),l=a(2691);function n(){return(0,s.useEffect)(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let e=new l.A({duration:1.15,easing:e=>Math.min(1,1.001-Math.pow(2,-10*e)),smoothWheel:!0});window.__lenis=e;let t=0,a=s=>{e.raf(s),t=requestAnimationFrame(a)};return t=requestAnimationFrame(a),()=>{cancelAnimationFrame(t),e.destroy(),window.__lenis=void 0}},[]),null}function i(e){let t=document.getElementById(e);t&&(window.__lenis?window.__lenis.scrollTo(t,{offset:"top"===e?0:-10}):t.scrollIntoView({behavior:"smooth"}))}},9758:(e,t,a)=>{Promise.resolve().then(a.bind(a,7883)),Promise.resolve().then(a.bind(a,1398)),Promise.resolve().then(a.bind(a,7189)),Promise.resolve().then(a.bind(a,1053)),Promise.resolve().then(a.bind(a,5526)),Promise.resolve().then(a.bind(a,8360)),Promise.resolve().then(a.bind(a,2023))}},e=>{e.O(0,[934,441,255,358],()=>e(e.s=9758)),_N_E=e.O()}]);