https://ssicevs.com/assets/ProjectPage-DfWmczBo.js

1import{j as t,r as i}from"./metal-fx-C6GZ_SKA.js";import{fj as h,eT as j,bX as v,fs as y,fk as b,eL as N,fe as w,eD as k,cn as m,eB as P,eC as S,cg as C,cK as I,U as O,T as $,aV as T}from"./index-D1yBc__G.js";import D from"./NotFound-CXhWaOeH.js";import{D as E}from"./document-meta-J3yIAzKg.js";import"./motion-BHwmuFpx.js";import"./MessagePage-CdTm1CW9.js";function F({activeSlug:r,hidden:e=!1}){const l=h();return t.jsx(j.div,{initial:{x:"-50%",y:16,opacity:0},animate:{x:"-50%",y:e?28:0,opacity:e?0:1},transition:{type:"spring",stiffness:400,damping:30,delay:e?0:.2},role:"navigation","aria-label":"Other case studies",className:`fixed bottom-3 left-1/2 z-40 sm:bottom-6 ${e?"pointer-events-none":""}`,children:t.jsx(v,{apps:y.filter(s=>s.caseStudy).map(s=>({id:s.id,name:s.title,icon:s.iconSrc||s.image||""})),openApps:[r],onAppClick:s=>{s!==r&&l(`/work/${s}`)}})})}function z(){const{slug:r=""}=b(),e=N(r),[l,s]=i.useState(!1),[p,x]=i.useState(!1),c=i.useRef(null);i.useEffect(()=>{const a=window.matchMedia("(max-width: 767.98px)"),o=()=>x(a.matches);return o(),a.addEventListener("change",o),()=>a.removeEventListener("change",o)},[]),i.useEffect(()=>{const a=c.current;if(!a)return;const o=new IntersectionObserver(([g])=>s(g.isIntersecting));return o.observe(a),()=>o.disconnect()},[e]);const n=w();if(!e)return t.jsx(D,{});const d=`/work/${r}`,u=[...k(e),...e.clip?[{id:"live-product",label:e.clip.heading}]:[],...e.gallery.length>0?[{id:"gallery",label:"Gallery"}]:[]],f={"@context":"https://schema.org","@type":"CreativeWork",name:e.title,description:e.summary,url:P(d),author:{"@type":"Person",name:"Savva Sicevs",url:`${m}/`},dateCreated:e.year,keywords:e.tag,image:e.poster?`${m}${e.poster}`:void 0};return t.jsxs(t.Fragment,{children:[t.jsx(E,{title:S(e.title),description:e.summary,canonicalPath:d}),t.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(f)}}),t.jsx("div",{className:"relative min-h-screen",children:t.jsxs("div",{className:"relative z-10",children:[t.jsx(C,{}),t.jsxs("main",{className:"mx-auto max-w-[1440px] px-5 pt-32 sm:px-12 md:pt-40",children:[t.jsxs("div",{className:"flex items-center justify-between border-b border-line pb-4",children:[t.jsx("span",{className:"label text-foreground",children:"Project"}),t.jsx("span",{className:"label text-faint",children:e.year})]}),t.jsxs("div",{className:"mt-12 flex flex-col gap-6",children:[t.jsx("h1",{className:"display text-[clamp(42px,11.5vw,96px)]",children:e.title}),t.jsx("p",{className:"max-w-3xl text-lg font-medium text-foreground/80",children:e.summary})]}),e.facts&&e.facts.length>0&&t.jsx("div",{className:"mt-12 grid grid-cols-1 gap-x-8 gap-y-6 border-t border-line pt-6 sm:grid-cols-3 lg:grid-cols-5",children:e.facts.map(a=>t.jsxs("div",{className:"flex flex-col gap-1.5",children:[t.jsx("span",{className:"label text-faint",children:a.label}),t.jsx("span",{className:"label leading-[1.5] text-foreground",children:a.value})]},a.label))}),e.hideHeroVideo?e.cover&&t.jsx("div",{className:"mt-12 overflow-hidden rounded-xl border border-foreground

1/[0.04]",children:t.jsx("img",{src:e.cover,alt:`${e.title} cover`,className:"block aspect-[16/9] w-full object-cover",fetchPriority:"high"})}):t.jsxs("div",{className:"mt-12",children:[t.jsx(I,{src:e.video,poster:e.poster,audio:e.audio,layoutId:`project-media-${e.slug}`}),e.heroCaption&&t.jsx("p",{className:"label mt-3 text-faint",children:e.heroCaption})]}),t.jsx(O,{items:u,tucked:n}),t.jsx($,{project:e,variant:"page"})]}),t.jsx("div",{ref:c,children:t.jsx(T,{hideCta:!0,hidePortrait:!0})}),t.jsx(F,{activeSlug:r,hidden:(l||n)&&p})]})})]})}export{z as default};