https://dixieraizpacheco.com/_app/immutable/nodes/43.CoeZ3k4n.js

1import"../chunks/Bg9kRutz.js";import{_ as Ct,K as na,aX as va,aY as da,e as ca,u as ua,aZ as pa,a_ as ma,a2 as ga,ag as Te,aP as Lt,aQ as Pt,aR as _a,p as qt,x as Nt,g as r,aG as xe,t as c,c as t,r as e,s,o as _,a as v,v as Pe,b as Rt,aI as Ie,f as fe,d as R,aH as xa,n as Ye,$ as Ft}from"../chunks/CY4UVdt7.js";import{o as fa,w as ha,s as p,e as Le,d as ya,h as ba}from"../chunks/DICAVeAA.js";import{i as j}from"../chunks/2QREhlLr.js";import{h as Tt}from"../chunks/BWFhVPLl.js";import{s as F}from"../chunks/QQRLOiMP.js";import{b as Ee}from"../chunks/CgxIu3iB.js";import{o as wa}from"../chunks/DWJuhcL3.js";import{k as ja}from"../chunks/C3GEsy2P.js";import{e as re,i as se}from"../chunks/CPwRdTH7.js";import{a as ka}from"../chunks/CnLJbAZb.js";import{p as It}from"../chunks/Dgt6qkiC.js";import{p as Sa,i as Ca,h as La}from"../chunks/Bub8INB_.js";import{g as At}from"../chunks/Brfk6Bdo.js";import{a as Et}from"../chunks/5Rj1C3_G.js";import{S as Pa}from"../chunks/BJoosS9B.js";const Fa=()=>performance.now(),ye={tick:g=>requestAnimationFrame(g),now:()=>Fa(),tasks:new Set};function Ut(){const g=ye.now();ye.tasks.forEach(a=>{a.c(g)||(ye.tasks.delete(a),a.f())}),ye.tasks.size!==0&&ye.tick(Ut)}function Ta(g){let a;return ye.tasks.size===0&&ye.tick(Ut),{promise:new Promise(i=>{ye.tasks.add(a={c:g,f:i})}),abort(){ye.tasks.delete(a)}}}function Ae(g,a){ha(()=>{g.dispatchEvent(new CustomEvent(a))})}function Ia(g){if(g==="float")return"cssFloat";if(g==="offset")return"cssOffset";if(g.startsWith("--"))return g;const a=g.split("-");return a.length===1?a[0]:a[0]+a.slice(1).map(i=>i[0].toUpperCase()+i.slice(1)).join("")}function zt(g){const a={},i=g.split(";");for(const u of i){const[S,k]=u.split(":");if(!S||k===void 0)break;const C=Ia(S.trim());a[C]=k.trim()}return a}const Aa=g=>g;function Ea(g,a,i,u){var S=(g&pa)!==0,k="both",C,L=a.inert,W=a.style.overflow,m,x;function V(){var E=_a,I=Ct;Lt(null),Pt(null);try{return C??(C=i()(a,(u==null?void 0:u())??{},{direction:k}))}finally{Lt(E),Pt(I)}}var Q={is_global:S,in(){a.inert=L,Ae(a,"introstart"),m=Ze(a,V(),x,1,()=>{Ae(a,"introend"),m==null||m.abort(),m=C=void 0,a.style.overflow=W})},out(E){a.inert=!0,Ae(a,"outrostart"),x=Ze(a,V(),m,0,()=>{Ae(a,"outroend"),E==null||E()})},stop:()=>{m==null||m.abort(),x==null||x.abort()}},X=Ct;if((X.transitions??(X.transitions=[])).push(Q),fa){var K=S;if(!K){for(var b=X.parent;b&&b.f&na;)for(;(b=b.parent)&&!(b.f&va););K=!b||(b.f&da)!==0}K&&ca(()=>{ua(()=>Q.in())})}}function Ze(g,a,i,u,S){var k=u===1;if(ma(a)){var C,L=!1;return ga(()=>

1{if(!L){var E=a({direction:k?"in":"out"});C=Ze(g,E,i,u,S)}}),{abort:()=>{L=!0,C==null||C.abort()},deactivate:()=>C.deactivate(),reset:()=>C.reset(),t:()=>C.t()}}if(i==null||i.deactivate(),!(a!=null&&a.duration))return S(),{abort:Te,deactivate:Te,reset:Te,t:()=>u};const{delay:W=0,css:m,tick:x,easing:V=Aa}=a;var Q=[];if(k&&i===void 0&&(x&&x(0,1),m)){var X=zt(m(0,1));Q.push(X,X)}var K=()=>1-u,b=g.animate(Q,{duration:W});return b.onfinish=()=>{var E=(i==null?void 0:i.t())??1-u;i==null||i.abort();var I=u-E,ue=a.duration*Math.abs(I),q=[];if(ue>0){var D=!1;if(m)for(var ie=Math.ceil(ue/16.666666666666668),G=0;G<=ie;G+=1){var te=E+I*V(G/ie),oe=zt(m(te,1-te));q.push(oe),D||(D=oe.overflow==="hidden")}D&&(g.style.overflow="hidden"),K=()=>{var z=b.currentTime;return E+I*V(z/ue)},x&&Ta(()=>{if(b.playState!=="running")return!1;var z=K();return x(z,1-z),!0})}b=g.animate(q,{duration:ue,fill:"forwards"}),b.onfinish=()=>{K=()=>u,x==null||x(u,1-u),S()}},{abort:()=>{b&&(b.cancel(),b.effect=null,b.onfinish=Te)},deactivate:()=>{S=Te},reset:()=>{u===0&&(x==null||x(1,0))},t:()=>K()}}function za(g){const a=g-1;return a*a*a+1}function Oa(g,{delay:a=0,duration:i=400,easing:u=za,axis:S="y"}={}){const k=getComputedStyle(g),C=+k.opacity,L=S==="y"?"height":"width",W=parseFloat(k[L]),m=S==="y"?["top","bottom"]:["left","right"],x=m.map(I=>`${I[0].toUpperCase()}${I.slice(1)}`),V=parseFloat(k[`padding${x[0]}`]),Q=parseFloat(k[`padding${x[1]}`]),X=parseFloat(k[`margin${x[0]}`]),K=parseFloat(k[`margin${x[1]}`]),b=parseFloat(k[`border${x[0]}Width`]),E=parseFloat(k[`border${x[1]}Width`]);return{delay:a,duration:i,easing:u,css:I=>`overflow: hidden;opacity: ${Math.min(I*20,1)*C};${L}: ${I*W}px;padding-${m[0]}: ${I*V}px;padding-${m[1]}: ${I*Q}px;margin-${m[0]}: ${I*X}px;margin-${m[1]}: ${I*K}px;border-${m[0]}-width: ${I*b}px;border-${m[1]}-width: ${I*E}px;min-${L}: 0`}}var qa=c('<video class="w-full h-auto block" autoplay loop playsinline=""><source type="video/mp4"></video>',2),Na=c('<div class="case-study-media bg-neutral-100"><div class="container mx-auto px-4 sm:px-8 py-8"><div class="rounded-2xl overflow-hidden shadow-2xl"><!></div></div></div>'),Ra=c('<div class="case-study-media-static bg-neutral-100 svelte-1jtouvj"><div class="h-[50svh] overflow-hidden flex items-center justify-center"><img class="max-w-full max-h-[120%] w-auto h-auto object-contain shadow-2xl rounded-2xl svelte-1jtouvj"></div></div>'),Ua=c('<p class="text-paragraph-md text-neutral-700 mb-6 leading-relaxed svelte-1jtouvj"> </p>'),Ma=c('<p class="text-paragraph-md text-neutral-700 mb-6 leading-relaxed svelte-1jtouvj"> </p>'),Wa=c('<li class="flex items-start gap-4"><span class="w-1.5 h-1.5 rounded-full bg-primary mt-2.5 flex-shrink-0"></span> <span class="text-paragraph-sm text-neutral-700"> </span></li>'),Da=c('<div class="mt-10 pt-8 border-t border-neutral-200"><h3 class="text-label-sm uppercase tracking-widest text-neutral-500 mb-6">Key Pain Points</h3> <ul class="space-y-4"></ul></div>'),Ha=c('<p class="text-paragraph-md text-neutral-700 mb-6 leading-relaxed svelte-1jtouvj"> </p>'),Ba=c('<div class="min-w-0"><p class="text-heading-sm sm:text-heading-md font-medium text-primary mb-1"> </p> <p class="text-label-xs text-neutral-500 uppercase tracking-wider leading-tight"> </p></div>'),Ka=c('<div class="grid grid-cols-2 gap-x-6 gap-y-8 pt-8 border-t border-neutral-200"></div>'),Ga=c('<p class="text-paragraph-md text-neutral-700 mb-6 leading-relaxed svelte-1jtouvj"> </p>'),Va=c('<div class="grid grid-cols-12 gap-4"><div class="col-span-1"><span class="text-heading-sm font-medium text-neutral-300"> </span></div> <div class="col-span-11"><h3 class="text-paragraph-md font-semibold mb-2"> </h3> <p class="text-paragraph-sm text-neutral-600"> </p></div></div>'),Qa=c('<div class="space-y-8 pt-8 border-t border-neutral-200"></div>'),Xa=c('<p class="text-paragraph-md text-neutral-700 mb-6 leading-relaxed svelte-1jtouvj"> </p>'),Ya=c('<div class="flex items-start gap-4"><svg class="w-6 h-6 text-primary flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg> <div><h3 class="text-paragraph-md font-semibold mb-1"> </h3> <p class="text-paragraph-sm text-neutral-600 leading-relaxed"> </p></div></div>'),Za=c('<div class="grid gap-8 pt-10 border-t border-neutral-200"></div>'),Ja=c('<div class="col-span-12 lg:col-span-7 lg:col-start-5"><p class="text-heading-sm text-neutral-800 max-w-[40ch] leading-snug font-normal"> </p></div>'),$a=c('<figure class="gallery-figure"><img loading="lazy" class="w-full h-auto block"> <figcaption class="text-label-sm text-neutral-500 uppercase tracking-[0.2em] mt-5"><span class="text-neutral-400 mr-3"> </span>

1 </figcaption></figure>'),er=c('<div class="border-t border-neutral-200"></div> <section class="case-study-gallery bg-neutral-50 py-20 sm:py-32"><div class="container mx-auto px-4 sm:px-8 mb-12 sm:mb-20"><div class="grid grid-cols-12 gap-8"><div class="col-span-12 lg:col-span-3"><h2 class="text-label-sm uppercase tracking-widest text-neutral-500"> </h2></div> <!></div></div> <div class="container mx-auto px-4 sm:px-8"><div class="flex flex-col gap-16 sm:gap-24 max-w-[1100px] mx-auto"></div></div></section>',1),tr=c('<p class="text-paragraph-md text-neutral-300 mb-6 leading-relaxed svelte-1jtouvj"> </p>'),ar=c('<p class="text-paragraph-xs text-neutral-500 mt-2"> </p>'),rr=c('<div class="min-w-0"><p class="text-heading-lg sm:text-display-sm font-medium text-primary mb-2 break-words leading-none"> </p> <p class="text-label-sm text-neutral-400 uppercase tracking-wider"> </p> <!></div>'),sr=c('<div class="grid grid-cols-2 sm:grid-cols-3 gap-8 pt-10 mt-10 border-t border-neutral-700"></div>'),ir=c('<p class="text-paragraph-md text-neutral-700 mb-6 leading-relaxed italic svelte-1jtouvj"> </p>'),or=c('<section class="case-study-section pb-16 sm:pb-24"><div class="container mx-auto px-4 sm:px-8"><!></div></section>'),lr=c('<div class="nav-preview pointer-events-none absolute bottom-full left-0 mb-4 z-50 svelte-1jtouvj"><div class="preview-card bg-white rounded-xl shadow-2xl overflow-hidden border border-neutral-200 svelte-1jtouvj"><img class="w-64 xl:w-80 aspect-[1.6/1] object-cover"></div></div>'),nr=c('<a class="group inline-flex flex-col gap-2 hover:opacity-70 transition-opacity"><span class="text-label-xs uppercase tracking-widest text-neutral-400">Previous</span> <span class="text-paragraph-sm sm:text-paragraph-md font-medium text-neutral-800 group-hover:text-primary transition-colors"> </span></a> <!>',1),vr=c('<div class="nav-preview pointer-events-none absolute bottom-full right-0 mb-4 z-50 svelte-1jtouvj"><div class="preview-card bg-white rounded-xl shadow-2xl overflow-hidden border border-neutral-200 svelte-1jtouvj"><img class="w-64 xl:w-80 aspect-[1.6/1] object-cover"></div></div>'),dr=c('<a class="group inline-flex flex-col gap-2 items-end hover:opacity-70 transition-opacity"><span class="text-label-xs uppercase tracking-widest text-neutral-400">Next</span> <span class="text-paragraph-sm sm:text-paragraph-md font-medium text-neutral-800 group-hover:text-primary transition-colors"> </span></a> <!>',1),cr=c('<nav class="case-study-nav border-t border-neutral-200 relative"><div class="container mx-auto px-4 sm:px-8"><div class="grid grid-cols-2 py-12 sm:py-16"><div class="col-span-1 relative"><!></div> <div class="col-span-1 text-right relative"><!></div></div></div></nav>'),ur=c('<article class="case-study svelte-1jtouvj"><header class="case-study-hero svelte-1jtouvj"><div class="container mx-auto px-4 sm:px-8"><div class="grid grid-cols-12 gap-4 sm:gap-8 items-end py-16 sm:py-24"><div class="col-span-12 lg:col-span-8"><p class="text-label-sm uppercase tracking-widest text-neutral-500 mb-4"> </p> <h1 class="text-heading-md gradient-text font-medium leading-tight mb-6"> </h1> <p class="subheadline text-neutral-600 max-w-[55ch] svelte-1jtouvj"> </p></div> <div class="col-span-12 lg:col-span-4"><dl class="grid grid-cols-2 gap-6 text-sm border-t border-neutral-200 pt-6"><div><dt class="text-neutral-500 uppercase tracking-wider text-xs mb-1">Client</dt> <dd class="font-medium"> </dd></div> <div><dt class="text-neutral-500 uppercase tracking-wider text-xs mb-1">Timeline</dt> <dd class="font-medium"> </dd></div> <div><dt class="text-neutral-500 uppercase tracking-wider text-xs mb-1">Role</dt> <dd class="font-medium"> </dd></div> <div><dt class="text-neutral-500 uppercase tracking-wider text-xs mb-1">Industry</dt> <dd class="font-medium"> </dd></div></dl></div></div></div></header> <!> <section class="case-study-section svelte-1jtouvj"><div class="container mx-auto px-4 sm:px-8"><div class="grid grid-cols-12 gap-8 py-16 sm:py-24"><div class="col-span-12 lg:col-span-3"><h2 class="text-label-sm uppercase tracking-widest text-neutral-500 sticky top-24 svelte-1jtouvj">Overview</h2></div> <div class="col-span-12 lg:col-span-7 lg:col-start-5"><div class="prose prose-lg max-w-none svelte-1jtouvj"></div></div></div></div></section> <div class="border-t border-neutral-200"></div> <section class="case-study-section bg-neutral-50 svelte-1jtouvj"><div class="container mx-auto px-4 sm:px-8"><div class="grid grid-cols-12 gap-8 py-16 sm:py-24"><div class="col-span-12 lg:col-span-3"><h2 class="text-label-sm uppercase tracking-widest text-neutral-500 sticky top-24 svelte-1jtouvj"> </h2></div> <div class="col-span-12 lg:col-span-7 lg:col-start-5"><div class="prose prose-lg max-w-none mb-10 svelte-1jtouvj"></div> <!></div></div></div></section> <div class="border-t border-neutral-200"></div> <section class="case-study-section svelte-1jtouvj"><div class="container mx-auto px-4 sm:px-8"><div class="grid grid-cols-12 gap-8 py-16 sm:py-24"><div class="col-span-12 lg:col-span-3"><h2 class="text-label-sm uppercase tracking-widest text-neutral-500 sticky top-24 svelte-1jtouvj"> </h2></div> <div class="col-span-12 lg:col-span-7 lg:col-start-5"><div class="prose prose-lg max-w-none mb-12 svelte-1jtouvj"></div> <!></div></div></div></section> <div class="border-t border-neutral-200"></div> <section class="case-study-section bg-neutral-50 svelte-1jtouvj"><div class="container mx-auto px-4 sm:px-8"><div class="grid grid-cols-12 gap-8 py-16 sm:py-24"><div class="col-span-12 lg:col-span-3"><h2 class="text-label-sm uppercase tracking-widest text-neutral-500 sticky top-24 svelte-1jtouvj"> </h2></div> <div class="col-span-12 lg:col-span-7 lg:col-start-5"><div class="prose prose-lg max-w-none mb-12 svelte-1jtouvj"></div> <!></div></div></div></section> <div class="border-t border-neutral-200"></div> <section class="case-study-section svelte-1jtouvj"><div class="container mx-auto px-4 sm:px-8"><div class="grid grid-cols-12 gap-8 py-16 sm:py-24"><div class="col-span-12 lg:col-span-3"><h2 class="text-label-sm uppercase tracking-widest text-neutral-500 sticky top-24 svelte-1jtouvj"> </h2></div> <div class="col-span-12 lg:col-span-7 lg:col-start-5"><div class="prose prose-lg max-w-none mb-12 svelte-1jtouvj"></div> <!></div></div></div></section> <!> <!> <div class="border-t border-neutral-200"></div> <section class="case-study-section bg-dark text-white svelte-1jtouvj"><div class="container mx-auto px-4 sm:px-8"><div class="grid grid-cols-12 gap-8 py-16 sm:py-24"><div class="col-span-12 lg:col-span-3"><h2 class="text-label-sm uppercase tracking-widest text-neutral-400 sticky top-24 svelte-1jtouvj"> </h2></div> <div class="col-span-12 lg:col-span-7 lg:col-start-5"><div class="prose prose-lg prose-invert max-w-none svelte-1jtouvj"></div> <!></div></div></div></section> <section class="case-study-section svelte-1jtouvj"><div class="container mx-auto px-4 sm:px-8"><div class="grid grid-cols-12 gap-8 py-16 sm:py-24"><div class="col-span-12 lg:col-span-3"><h2 class="text-label-sm uppercase tracking-widest text-neutral-500 sticky top-24 svelte-1jtouvj"> </h2></div> <div class="col-span-12 lg:col-span-7 lg:col-start-5"><div class="prose prose-lg max-w-none svelte-1jtouvj"></div></div></div></div></section> <!> <!></article>');function pr(g,a){qt(a,!0),At.registerPlugin(Et.ScrollTrigger);const i=Sa.filter(o=>{const l=o.name.toLowerCase().replace(/\s+/g,"-");return Ca(o.projectLink)||La(l)});let u=Pe(()=>i.findIndex(o=>o.name===a.project.name)),S=Pe(()=>r(u)>0?i[r(u)-1]:null),k=Pe(()=>r(u)<i.length-1?i[r(u)+1]:null);function C(o){return o.name.toLowerCase().replace(/\s+/g,"-")}let L=xe(null),W=xe("left");

1function m(o,l){R(L,It(o)),R(W,It(l))}let x=xe(null);Nt(()=>{if(!a.project.videoAnimation&&a.project.featuredImage&&r(x)){const o=r(x).querySelector("img");if(!o)return;const l=Et.ScrollTrigger.create({trigger:r(x),start:"top bottom",end:"bottom top",scrub:!0,animation:At.fromTo(o,{yPercent:-10},{yPercent:10,ease:"none"})});return()=>{l.kill()}}});var V=ur(),Q=t(V),X=t(Q),K=t(X),b=t(K),E=t(b),I=t(E,!0);e(E);var ue=s(E,2),q=t(ue,!0);e(ue);var D=s(ue,2),ie=t(D,!0);e(D),e(b);var G=s(b,2),te=t(G),oe=t(te),z=s(t(oe),2),H=t(z,!0);e(z),e(oe);var O=s(oe,2),le=s(t(O),2),ae=t(le,!0);e(le),e(O);var Y=s(O,2),Z=s(t(Y),2),ne=t(Z,!0);e(Z),e(Y);var A=s(Y,2),T=s(t(A),2),N=t(T,!0);e(T),e(A),e(te),e(G),e(K),e(X),e(Q);var U=s(Q,2);{var be=o=>{var l=Na(),n=t(l),d=t(n),h=t(d);ja(h,()=>a.project.videoAnimation,f=>{var y=qa();y.muted=!0;var P=t(y);e(y),_(()=>F(P,"src",a.project.videoAnimation)),v(f,y)}),e(d),e(n),e(l),v(o,l)},de=o=>{var l=Ie(),n=fe(l);{var d=h=>{var f=Ra(),y=t(f),P=t(y);e(y),Ee(y,J=>R(x,J),()=>r(x)),e(f),_(()=>{F(P,"src",a.project.featuredImage),F(P,"alt",a.project.title)}),v(h,f)};j(n,h=>{a.project.featuredImage&&h(d)},!0)}v(o,l)};j(U,o=>{a.project.videoAnimation?o(be):o(de,!1)})}

1var pe=s(U,2),ve=t(pe),we=t(ve),me=s(t(we),2),Ce=t(me);re(Ce,21,()=>a.caseStudy.overview.split(`
2
3`),se,(o,l)=>{var n=Ua(),d=t(n,!0);e(n),_(()=>p(d,r(l))),v(o,n)}),e(Ce),e(me),e(we),e(ve),e(pe);var Fe=s(pe,4),Je=t(Fe),$e=t(Je),ze=t($e),et=t(ze),Mt=t(et,!0);e(et),e(ze);var tt=s(ze,2),Oe=t(tt);re(Oe,21,()=>a.caseStudy.challenge.content.split(`
4
5`),se,(o,l)=>{var n=Ma(),d=t(n,!0);e(n),_(()=>p(d,r(l))),v(o,n)}),e(Oe);var Wt=s(Oe,2);{var Dt=o=>{var l=Da(),n=s(t(l),2);re(n,21,()=>a.caseStudy.challenge.painPoints,se,(d,h)=>{var f=Wa(),y=s(t(f),2),P=t(y,!0);e(y),e(f),_(()=>p(P,r(h))),v(d,f)}),e(n),e(l),v(o,l)};j(Wt,o=>{a.caseStudy.challenge.painPoints.length>0&&o(Dt)})}e(tt),e($e),e(Je),e(Fe);var qe=s(Fe,4),at=t(qe),rt=t(at),Ne=t(rt),st=t(Ne),Ht=t(st,!0);e(st),e(Ne);var it=s(Ne,2),Re=t(it);re(Re,21,()=>a.caseStudy.industryContext.content.split(`
6
7`),se,(o,l)=>{var n=Ha(),d=t(n,!0);e(n),_(()=>p(d,r(l))),v(o,n)}),e(Re);var Bt=s(Re,2);{var Kt=o=>{var l=Ka();re(l,21,()=>a.caseStudy.industryContext.stats,se,(n,d)=>{var h=Ba(),f=t(h),y=t(f,!0);e(f);var P=s(f,2),J=t(P,!0);e(P),e(h),_(()=>{p(y,r(d).value),p(J,r(d).label)}),v(n,h)}),e(l),v(o,l)};j(Bt,o=>{a.caseStudy.industryContext.stats.length>0&&o(Kt)})}e(it),e(rt),e(at),e(qe);var Ue=s(qe,4),ot=t(Ue),lt=t(ot),Me=t(lt),nt=t(Me),Gt=t(nt,!0);e(nt),e(Me);var vt=s(Me,2),We=t(vt);re(We,21,()=>a.caseStudy.approach.content.split(`
8
9`),se,(o,l)=>{var n=Ga(),d=t(n,!0);e(n),_(()=>p(d,r(l))),v(o,n)}),e(We);var Vt=s(We,2);{var Qt=o=>{var l=Qa();re(l,21,()=>a.caseStudy.approach.phases,se,(n,d,h)=>{var f=Va(),y=t(f),P=t(y),J=t(P,!0);e(P),e(y);var ge=s(y,2),B=t(ge),$=t(B,!0);e(B);var w=s(B,2),M=t(w,!0);e(w),e(ge),e(f),_(_e=>{p(J,_e),p($,r(d).name),p(M,r(d).description)},[()=>String(h+1).padStart(2,"0")]),v(n,f)}),e(l),v(o,l)};j(Vt,o=>{a.caseStudy.approach.phases.length>0&&o(Qt)})}e(vt),e(lt),e(ot),e(Ue);var De=s(Ue,4),dt=t(De),ct=t(dt),He=t(ct),ut=t(He),Xt=t(ut,!0);e(ut),e(He);var pt=s(He,2),Be=t(pt);re(Be,21,()=>a.caseStudy.solution.content.split(`
10
11`),se,(o,l)=>{var n=Xa(),d=t(n,!0);e(n),_(()=>p(d,r(l))),v(o,n)}),e(Be);var Yt=s(Be,2);{var Zt=o=>{var l=Za();re(l,21,()=>a.caseStudy.solution.features,se,(n,d)=>{var h=Ya(),f=s(t(h),2),y=t(f),P=t(y,!0);e(y);var J=s(y,2),ge=t(J,!0);e(J),e(f),e(h),_(()=>{p(P,r(d).title),p(ge,r(d).description)}),v(n,h)}),e(l),v(o,l)};j(Yt,o=>{a.caseStudy.solution.features.length>0&&o(Zt)})}e(pt),e(ct),e(dt),e(De);var mt=s(De,2);{var Jt=o=>{var l=er(),n=s(fe(l),2),d=t(n),h=t(d),f=t(h),y=t(f),P=t(y,!0);e(y),e(f);var J=s(f,2);{var ge=w=>{var M=Ja(),_e=t(M),he=t(_e,!0);e(_e),e(M),_(()=>p(he,a.caseStudy.screenshots.content)),v(w,M)};j(J,w=>{a.caseStudy.screenshots.content&&w(ge)})}e(h),e(d);var B=s(d,2),$=t(B);re($,21,()=>a.caseStudy.screenshots.images,se,(w,M,_e)=>{var he=$a(),je=t(he),ee=s(je,2),ce=t(ee),ke=t(ce,!0);e(ce);var Se=s(ce);e(ee),e(he),_(la=>{F(je,"src",r(M).src),F(je,"alt",r(M).alt),p(ke,la),p(Se,` ${r(M).caption??""}`)},[()=>String(_e+1).padStart(2,"0")]),v(w,he)}),e($),e(B),e(n),_(()=>p(P,a.caseStudy.screenshots.title)),v(o,l)};j(mt,o=>{a.caseStudy.screenshots&&a.caseStudy.screenshots.images.length>0&&o(Jt)})}var gt=s(mt,2);{var $t=o=>{var l=Ie(),n=fe(l);ka(n,()=>a.embed),v(o,l)};j(gt,o=>{a.embed&&o($t)})}var Ke=s(gt,4),_t=t(Ke),xt=t(_t),Ge=t(xt),ft=t(Ge),ea=t(ft,!0);e(ft),e(Ge);var ht=s(Ge,2),Ve=t(ht);re(Ve,21,()=>a.caseStudy.results.content.split(`
12
13`),se,(o,l)=>{var n=tr(),d=t(n,!0);e(n),_(()=>p(d,r(l))),v(o,n)}),e(Ve);var ta=s(Ve,2);{var aa=o=>{var l=sr();re(l,21,()=>a.caseStudy.results.metrics,se,(n,d)=>{var h=rr(),f=t(h),y=t(f,!0);e(f);var P=s(f,2),J=t(P,!0);e(P);var ge=s(P,2);{var B=$=>{var w=ar(),M=t(w,!0);e(w),_(()=>p(M,r(d).description)),v($,w)};j(ge,$=>{r(d).description&&$(B)})}e(h),_(()=>{p(y,r(d).value),p(J,r(d).label)}),v(n,h)}),e(l),v(o,l)};j(ta,o=>{a.caseStudy.results.metrics&&a.caseStudy.results.metrics.length>0&&o(aa)})}e(ht),e(xt),e(_t),e(Ke);var Qe=s(Ke,2),yt=t(Qe),bt=t(yt),Xe=t(bt),wt=t(Xe),ra=t(wt,!0);e(wt),e(Xe);var jt=s(Xe,2),kt=t(jt);re(kt,21,()=>a.caseStudy.reflection.content.split(`
14
15`),se,(o,l)=>{var n=ir(),d=t(n,!0);e(n),_(()=>p(d,r(l))),v(o,n)}),e(kt),e(jt),e(bt),e(yt),e(Qe);var St=s(Qe,2);{var sa=o=>{var l=or(),n=t(l),d=t(n);Pa(d,{get relatedArticles(){return a.caseStudy.relatedLinks}}),e(n),e(l),v(o,l)};j(St,o=>{a.caseStudy.relatedLinks&&a.caseStudy.relatedLinks.length>0&&o(sa)})}var ia=s(St,2);{var oa=o=>{var l=cr(),n=t(l),d=t(n),h=t(d),f=t(h);{var y=B=>{var $=nr(),w=fe($),M=s(t(w),2),_e=t(M,!0);e(M),e(w);var he=s(w,2);{var je=ee=>{var ce=lr(),ke=t(ce),Se=t(ke);e(ke),e(ce),_(()=>{F(Se,"src",r(L).featuredImage),F(Se,"alt",r(L).name)}),v(ee,ce)};j(he,ee=>{r(L)&&r(W)==="left"&&ee(je)})}_(ee=>{F(w,"href",`/project/${ee??""}`),p(_e,r(S).name)},[()=>C(r(S))]),Le("mouseenter",w,()=>m(r(S),"left")),Le("mouseleave",w,()=>m(null,"left")),v(B,$)};j(f,B=>{r(S)&&B(y)})}e(h);var P=s(h,2),J=t(P);{var ge=B=>{var $=dr(),w=fe($),M=s(t(w),2),_e=t(M,!0);e(M),e(w);var he=s(w,2);{var je=ee=>{var ce=vr(),ke=t(ce),Se=t(ke);e(ke),e(ce),_(()=>{F(Se,"src",r(L).featuredImage),F(Se,"alt",r(L).name)}),v(ee,ce)};j(he,ee=>{r(L)&&r(W)==="right"&&ee(je)})}_(ee=>{F(w,"href",`/project/${ee??""}`),p(_e,r(k).name)},[()=>C(r(k))]),Le("mouseenter",w,()=>m(r(k),"right")),Le("mouseleave",w,()=>m(null,"right")),v(B,$)};j(J,B=>{r(k)&&B(ge)})}e(P),e(d),e(n),e(l),v(o,l)};j(ia,o=>{(r(S)||r(k))&&o(oa)})}e(V),_(()=>{p(I,a.caseStudy.industry),p(q,a.caseStudy.headline),p(ie,a.caseStudy.subheadline),p(H,a.caseStudy.client),p(ae,a.caseStudy.timeline),p(ne,a.caseStudy.role),p(N,a.caseStudy.industry),p(Mt,a.caseStudy.challenge.title),p(Ht,a.caseStudy.industryContext.title),p(Gt,a.caseStudy.approach.title),p(Xt,a.caseStudy.solution.title),p(ea,a.caseStudy.results.title),p(ra,a.caseStudy.reflection.title)}),v(g,V),Rt()}function Ot(g,a,i){R(a,!1),setTimeout(()=>{r(i)&&r(i).requestFullscreen&&r(i).requestFullscreen().then(()=>{var S;const u=(S=r(i))==null?void 0:S.querySelector("iframe");u&&u.focus()})},100)}

15function mr(g,a,i){R(a,!r(a)),R(i,!0),r(a)&&setTimeout(()=>{var u;(u=document.querySelector(".prototype"))==null||u.scrollIntoView({behavior:"smooth"})},100)}function gr(g,a,i){r(a)&&(r(a).paused?(r(a).play(),R(i,!0)):(r(a).pause(),R(i,!1)))}function _r(g,a){r(a)&&(document.fullscreenElement?document.exitFullscreen():r(a).requestFullscreen().catch(i=>{console.log("Error attempting to enable fullscreen:",i)}))}var xr=c('<meta name="description"> <meta property="og:title"> <meta property="og:description"> <meta property="og:type" content="article"> <meta property="og:url"> <meta name="twitter:card" content="summary_large_image">',1),fr=c('<meta name="description">'),hr=c('<!> <meta property="og:image">',1),yr=c(`<section class="case-study-embed py-16 sm:py-24 svelte-6wkp2x"><div class="container mx-auto px-4 sm:px-8"><div class="grid grid-cols-12 gap-8 mb-8"><div class="col-span-12 lg:col-span-3"><h2 class="text-label-sm uppercase tracking-widest text-neutral-500 sticky top-24">Live Product</h2></div> <div class="col-span-12 lg:col-span-7 lg:col-start-5"><p class="text-paragraph-md text-neutral-700 mb-6">Experience it in action. The interface you see below is the live production site,
16									demonstrating how the design and engineering come together in the real product.</p></div></div> <div class="rounded-2xl overflow-hidden shadow-2xl border border-neutral-200 bg-white"><div class="aspect-[16/10] w-full"><iframe class="w-full h-full border-0" loading="lazy" sandbox="allow-scripts allow-same-origin allow-forms allow-popups"></iframe></div></div> <p class="text-center text-sm text-neutral-500 mt-4"><a target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors underline">Open full site in new tab</a></p></div></section>`),br=c('<div class="absolute inset-0 bg-black bg-opacity-50 grid gap-4 place-content-center items-center z-10"><button class="bg-white text-black px-3 w-fit mx-auto md:w-full py-2 sm:px-6 sm:py-3 rounded-full font-semibold text-xs md:text-lg shadow-lg hover:bg-gray-100 transition-colors">Click here to play the prototype</button> <span class="text-white text-xs sm:text-sm text-center">Use left and right keyboard to navigate, Use R to restart</span></div>'),wr=c(`<section class="case-study-embed py-16 sm:py-24 svelte-6wkp2x"><div class="container mx-auto px-4 sm:px-8"><div class="grid grid-cols-12 gap-8 mb-8"><div class="col-span-12 lg:col-span-3"><h2 class="text-label-sm uppercase tracking-widest text-neutral-500 sticky top-24">Interactive Prototype</h2></div> <div class="col-span-12 lg:col-span-7 lg:col-start-5"><p class="text-paragraph-md text-neutral-700 mb-6">Explore the interactive prototype below. Click through the design to experience
17									the user flow and interface interactions as they were envisioned.</p></div></div> <div class="rounded-2xl overflow-hidden border-2 border-neutral-200 relative"><div class="w-full aspect-video relative"><!> <!></div></div> <p class="text-center text-sm text-neutral-500 mt-4"><a target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors underline">Open prototype in Figma</a></p></div></section>`),jr=c('<div class="rounded-3xl overflow-hidden border-2 border-gray-200 relative"><div class="w-full aspect-video relative"><video class="w-full h-full object-cover cursor-pointer" autoplay loop playsinline=""><source type="video/mp4"></video> <div class="absolute bottom-0 left-0 right-0 h-1 bg-gray-600"><div class="h-full bg-primary transition-all duration-300"></div></div></div></div>',2),kr=c('<div class="flex justify-center"><button class="bg-dark text-white px-6 py-3 rounded-full font-semibold hover:bg-primary/90 transition-colors"> </button></div>'),Sr=c('<div class="absolute inset-0 bg-black bg-opacity-50 grid gap-4 place-content-center items-center z-10"><button class="bg-white text-black px-3 w-fit mx-auto md:w-full py-2 sm:px-6 sm:py-3 rounded-full font-semibold text-xs md:text-lg shadow-lg hover:bg-gray-100 transition-colors">Click here to play the prototype</button> <span class="text-white text-xs sm:text-sm text-center">Use left and right keyboard to navigate, Use R to restart</span></div>'),Cr=c('<div class="prototype grid gap-4"><h2 class="text-lg sm:text-xl"> </h2> <div class="rounded-3xl overflow-hidden border-2 border-gray-200 relative"><div class="w-full aspect-video relative"><!> <!></div></div></div>'),Lr=c('<section class="svelte-6wkp2x"><article class="container mx-auto px-4 py-8 space-y-10"><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-start"><h1 class="text-4xl font-bold mt-4"> </h1> <p class="text-lg mb-6 w-full lg:w-[min(50ch,100%)] justify-self-end"> </p></div> <!> <!> <!></article></section>');function Br(g,a){qt(a,!0);let i=Pe(()=>a.data.project),u=Pe(()=>a.data.caseStudy),S=Pe(()=>r(i).name.toLowerCase().replace(/\s+/g,"-")),k=xe(!1),C=xe(!1),L=xe(!0),W=xe(null),m=xe(null),x=xe(!0),V=xe(0);Nt(()=>

17{r(i),r(i).videoAnimation?R(C,!1):R(C,!0),r(m)&&(r(m).currentTime=0,r(m).load())}),wa(()=>{R(k,!1),R(L,!0),r(i).videoAnimation&&R(C,!1)});function Q(){var q,D;return((q=r(i).projectLink)==null?void 0:q.type)==="figma"&&((D=r(i).projectLink.figma)!=null&&D.embedCode)?r(i).projectLink.figma.embedCode.replace("<iframe",`<iframe onload="window.parent.postMessage('iframe-loaded', '*'); this.style.opacity=1;" style="width: 100%; height: 100%; border: none; opacity: 0; transition: opacity 0.3s ease;"`):""}function X(){R(k,!0)}function K(){r(m)&&R(V,r(m).currentTime/r(m).duration*100)}var b=Ie();ba(q=>{var D=hr(),ie=fe(D);{var G=z=>{var H=xr(),O=fe(H),le=s(O,2),ae=s(le,2),Y=s(ae,4);Ye(2),_(()=>{Ft.title=r(u).seoTitle??`${r(i).name} ${r(u).industry} Case Study`,F(O,"content",r(u).seoDescription??r(u).subheadline),F(le,"content",r(u).seoTitle??`${r(i).name} ${r(u).industry} Case Study`),F(ae,"content",r(u).seoDescription??r(u).subheadline),F(Y,"content",`https://dixieraizpacheco.com/project/${r(S)??""}`)}),v(z,H)},te=z=>{var H=fr();_(()=>{Ft.title=`${r(i).title??""} | Project Overview`,F(H,"content",r(i).description)}),v(z,H)};j(ie,z=>{r(u)?z(G):z(te,!1)})}var oe=s(ie,2);_(()=>F(oe,"content",r(i).featuredImage)),v(q,D)}),Le("message",xa,q=>{q.data==="iframe-loaded"&&X()});var E=fe(b);{var I=q=>{pr(q,{get caseStudy(){return r(u)},get project(){return r(i)},embed:ie=>{var G=Ie(),te=fe(G);{var oe=H=>{var O=yr(),le=t(O),ae=s(t(le),2),Y=t(ae),Z=t(Y);e(Y),e(ae);var ne=s(ae,2),A=t(ne);e(ne),e(le),e(O),_(()=>{F(Z,"src",r(i).projectLink.url),F(Z,"title",`${r(i).name??""} - Live Product Page`),F(A,"href",r(i).projectLink.url)}),v(H,O)},z=H=>{var O=Ie(),le=fe(O);{var ae=Y=>{var Z=wr(),ne=t(Z),A=s(t(ne),2),T=t(A),N=t(T);Tt(N,Q);var U=s(N,2);{var be=ve=>{var we=br(),me=t(we);me.__click=[Ot,L,W],Ye(2),e(we),v(ve,we)};j(U,ve=>{r(L)&&ve(be)})}e(T),Ee(T,ve=>R(W,ve),()=>r(W)),e(A);var de=s(A,2),pe=t(de);e(de),e(ne),e(Z),_(()=>F(pe,"href",r(i).projectLink.figma.shareLink)),v(Y,Z)};j(le,Y=>{var Z,ne;((Z=r(i).projectLink)==null?void 0:Z.type)==="figma"&&((ne=r(i).projectLink.figma)!=null&&ne.embedCode)&&Y(ae)},!0)}v(H,O)};j(te,H=>{var O;((O=r(i).projectLink)==null?void 0:O.type)==="website"?H(oe):H(z,!1)})}v(ie,G)},$$slots:{embed:!0}})},ue=q=>{var D=Lr(),ie=t(D),G=t(ie),te=t(G),oe=t(te,!0);e(te);var z=s(te,2),H=t(z,!0);e(z),e(G);var O=s(G,2);{var le=A=>{var T=jr(),N=t(T),U=t(N);U.muted=!0,U.__click=[gr,m,x],U.__dblclick=[_r,m];var be=t(U);e(U),Ee(U,ve=>R(m,ve),()=>r(m));var de=s(U,2),pe=t(de);e(de),e(N),e(T),_(()=>{F(be,"src",r(i).videoAnimation),F(pe,"style",`width: ${r(V)??""}%`)}),Le("timeupdate",U,K),v(A,T)};j(O,A=>{r(i).videoAnimation&&A(le)})}var ae=s(O,2);{var Y=A=>{var T=kr(),N=t(T);N.__click=[mr,C,L];var U=t(N,!0);e(N),e(T),_(()=>p(U,r(C)?"Hide Prototype":"View Interactive Prototype")),v(A,T)};j(ae,A=>{var T,N;r(i).videoAnimation&&((T=r(i).projectLink)==null?void 0:T.type)==="figma"&&((N=r(i).projectLink.figma)!=null&&N.embedCode)&&A(Y)})}var Z=s(ae,2);{var ne=A=>{var T=Cr(),N=t(T),U=t(N);e(N);var be=s(N,2),de=t(be),pe=t(de);Tt(pe,Q);var ve=s(pe,2);{var we=me=>{var Ce=Sr(),Fe=t(Ce);Fe.__click=[Ot,L,W],Ye(2),e(Ce),v(me,Ce)};j(ve,me=>{r(L)&&me(we)})}e(de),Ee(de,me=>R(W,me),()=>r(W)),e(be),e(T),_(()=>p(U,`${r(i).name??""} - Web Design Prototype`)),Ea(3,T,()=>Oa),v(A,T)};j(Z,A=>{r(C)&&A(ne)})}e(ie),e(D),_(()=>{p(oe,r(i).title),p(H,r(i).description)}),v(q,D)};j(E,q=>{r(u)?q(I):q(ue,!1)})}v(g,b),Rt()}ya(["click","dblclick"]);export{Br as component};