import{g as l}from"./index.4db78ffb.js";import{S as ce,l as R,_ as ne,b as We,s as he,i as G,r as _e,c as F,a as Re}from"./HomepageKinetic2.7b777b7a.js";import{t as Oe,i as Be,u as ye,_ as B,r as S,e as D,o as M,c as j,f as O,d as t,a as c,p as le,b as re,w as oe,v as ie,g as W,h as De,j as J,k as je,l as Ne,n as te,m as ae,q as se,s as P}from"./entry.6bd37bc5.js";const Pe="$s";function xe(...e){const a=typeof e[e.length-1]=="string"?e.pop():void 0;typeof e[0]!="string"&&e.unshift(a);const[s,n]=e;if(!s||typeof s!="string")throw new TypeError("[nuxt] [useState] key must be a string: "+s);if(n!==void 0&&typeof n!="function")throw new Error("[nuxt] [useState] init must be a function: "+n);const o=Pe+s,i=ye(),d=Oe(i.payload.state,o);if(d.value===void 0&&n){const r=n();if(Be(r))return i.payload.state[o]=r,r;d.value=r}return d}const Ve=O('RXK©RXK© isisthethe digitaldigital studiostudioofof frenchfrench designerdesignerGillesGilles TossoukpeTossoukpe',4),Ye=[Ve],Ge={__name:"HomepageTitle",setup(e){l.registerPlugin(ce);const a=S(null);return D(()=>{l.set(".homepage-hero .word",{opacity:1,delay:1,ease:"power4.inOut",stagger:.16,onComplete:()=>{l.set(".laststag",{opacity:1,delay:.16})}}),a.value.querySelectorAll(".ligne-child").forEach(s=>{l.to(s,{y:"100%",ease:"power1.inOut",scrollTrigger:{trigger:s,start:()=>"top top+="+s.getBoundingClientRect().top,end:"top top",scrub:!0}})})}),(s,n)=>(M(),j("p",{ref_key:"title",ref:a,class:"homepage-title t-h1",translate:"no","aria-label":"RXK© is the digital studio of French designer Gilles Tossoukpe"},Ye,512))}},Fe=B(Ge,[["__scopeId","data-v-50934b63"]]);const Ue=O('
',8),Ke=[Ue],Ze={__name:"HomepageKineticBis",setup(e){const a=S(null);let s,n=0,o=400,i=0,d=0,r,p;const f={delta:0};D(()=>{l.matchMedia().add("(max-width: 1024px)",()=>{s=l.timeline({paused:!0}),r=l.quickTo(f,"delta",{duration:.5,ease:"power3"}),window.addEventListener("scroll",()=>{r(window.scrollY-d),d=window.scrollY,window.clearTimeout(p),p=setTimeout(()=>{r(0)},120)}),s.to(a.value.children,{scale:1,ease:"power2.inOut",duration:4,stagger:{each:.5,repeat:-1,onRepeat(){f.delta/600+i>=0?(n++,this.targets()[0].style.zIndex=n):(n--,this.targets()[0].style.zIndex=n-7)}}}).time(o+4),ce.create({trigger:a.value,start:"top bottom",end:"bottom top",onEnter:()=>{l.ticker.add(h)},onEnterBack:()=>{l.ticker.add(h)},onLeave:()=>{l.ticker.remove(h)},onLeaveBack:()=>{l.ticker.remove(h)}})})});function h(_,m){o+=f.delta/600+m/2e3,i=m/2e3,o<0&&(o=400),s.time(o+4)}return(_,m)=>(M(),j("section",{ref_key:"root",ref:a,class:"homepage-kinetic"},Ke,512))}},Xe=B(Ze,[["__scopeId","data-v-571c3632"]]);const Qe=e=>(le("data-v-e747f53d"),e=e(),re(),e),Je={class:"grid laststag"},et=Qe(()=>t("p",{class:"col col1"},"Constantly striving to create exceptional experience and tell your story in a meaningful way.",-1)),tt=O('
',2),at={__name:"HomepageHero",setup(e){const a=S(null);let s,n=!1;D(()=>{s=l.timeline({onComplete:()=>{n?s.kill():s.restart()}}),s.add(()=>{a.value.$el.classList.add("on")},3.8),s.add(()=>{a.value.$el.classList.remove("on")},4.35)});function o(){if(R!==null)R.scrollTo(".homepage-grid",{duration:1,easing:d=>d===0?0:d===1?1:d<.5?Math.pow(2,20*d-10)/2:(2-Math.pow(2,-20*d+10))/2});else{const d=document.querySelector(".homepage-grid").getBoundingClientRect(),r={y:window.scrollY};l.to(r,{y:d.top+window.scrollY,duration:1,ease:"power4.inOut",onUpdate:()=>{window.scrollTo(0,r.y)}})}}function i(){n=!0}return(d,r)=>{const p=Fe,f=Xe,h=ne;return M(),j("div",{class:"homepage-hero grid-padding",onWheelOnce:i},[t("div",null,[c(p),c(f,{class:"laststag"}),t("div",Je,[et,c(h,{ref_key:"btn",ref:a,onClick:o,onMouseenter:i,label:"Scroll",class:"scroll t-big-text"},null,512),tt])])],32)}}},ko=B(at,[["__scopeId","data-v-e747f53d"]]);const st=O('

Have a break

',2),nt=[st],ot={__name:"HomepageSentence1",setup(e,{expose:a}){const s=S(null),n=S(!1);let o,i=400,d;D(()=>{o=l.timeline({paused:!0,repeatDelay:4}),o.to(s.value.querySelectorAll("span"),{duration:4,stagger:{each:1,repeat:-1,onRepeat(){l.set(this.targets()[0],{autoAlpha:Math.round(Math.random())})}}})});function r(){window.addEventListener("wheel",f,{passive:!0})}function p(){window.removeEventListener("wheel",f)}function f(m){i+=m.deltaY/1e3,o.time(i+40),window.clearTimeout(d),d=setTimeout(()=>{const v=[];s.value.querySelectorAll("span").forEach(g=>{l.getProperty(g,"autoAlpha")===0&&v.push(g)}),l.set(v,{autoAlpha:1,stagger:.16})},2e3)}function h(){l.set(s.value.querySelectorAll("span"),{autoAlpha:0}),n.value=!0,r(),l.set(s.value.querySelectorAll("span"),{autoAlpha:1,stagger:.16})}function _(){n.value=!1,p()}return a({startSentence:h,closeSentence:_}),(m,v)=>oe((M(),j("div",{ref_key:"root",ref:s,class:"homepage-sentence1"},nt,512)),[[ie,W(n)]])}},it=B(ot,[["__scopeId","data-v-bfe01d37"]]);const dt=O('

Hire us

',2),ct=[dt],lt={__name:"HomepageSentence2",setup(e,{expose:a}){const s=S(null),n=S(!1);let o,i=400,d;D(()=>{o=l.timeline({paused:!0,repeatDelay:4}),o.to(s.value.querySelectorAll("span"),{duration:4,stagger:{each:1,repeat:-1,onRepeat(){l.set(this.targets()[0],{autoAlpha:Math.round(Math.random())})}}})});function r(){window.addEventListener("wheel",f,{passive:!0})}function p(){window.removeEventListener("wheel",f)}function f(m){i+=m.deltaY/1e3,o.time(i+40),window.clearTimeout(d),d=setTimeout(()=>{const v=[];s.value.querySelectorAll("span").forEach(g=>{l.getProperty(g,"autoAlpha")===0&&v.push(g)}),l.set(v,{autoAlpha:1,stagger:.16})},2e3)}function h(){l.set(s.value.querySelectorAll("span"),{autoAlpha:0}),n.value=!0,r(),l.set(s.value.querySelectorAll("span"),{autoAlpha:1,stagger:.16})}function _(){n.value=!1,p()}return a({startSentence:h,closeSentence:_}),(m,v)=>oe((M(),j("div",{ref_key:"root",ref:s,class:"homepage-sentence1"},ct,512)),[[ie,W(n)]])}},rt=B(lt,[["__scopeId","data-v-46f7c167"]]);const vt=O('

Name your layers

',2),ut=[vt],pt={__name:"HomepageSentence3",setup(e,{expose:a}){const s=S(null),n=S(!1);let o,i=400,d;D(()=>{o=l.timeline({paused:!0,repeatDelay:4}),o.to(s.value.querySelectorAll("span"),{duration:4,stagger:{each:1,repeat:-1,onRepeat(){l.set(this.targets()[0],{autoAlpha:Math.round(Math.random())})}}})});function r(){window.addEventListener("wheel",f,{passive:!0})}function p(){window.removeEventListener("wheel",f)}function f(m){i+=m.deltaY/1e3,o.time(i+40),window.clearTimeout(d),d=setTimeout(()=>{const v=[];s.value.querySelectorAll("span").forEach(g=>{l.getProperty(g,"autoAlpha")===0&&v.push(g)}),l.set(v,{autoAlpha:1,stagger:.16})},2e3)}function h(){l.set(s.value.querySelectorAll("span"),{autoAlpha:0}),n.value=!0,r(),l.set(s.value.querySelectorAll("span"),{autoAlpha:1,stagger:.16})}function _(){n.value=!1,p()}return a({startSentence:h,closeSentence:_}),(m,v)=>oe((M(),j("div",{ref_key:"root",ref:s,class:"homepage-sentence1"},ut,512)),[[ie,W(n)]])}},ft=B(pt,[["__scopeId","data-v-d4c47e20"]]);const ht=O('

^^ GM

',2),_t=[ht],gt={__name:"HomepageSentence4",setup(e,{expose:a}){const s=S(null),n=S(!1);let o,i=400,d;D(()=>{o=l.timeline({paused:!0,repeatDelay:4}),o.to(s.value.querySelectorAll("span"),{duration:4,stagger:{each:1,repeat:-1,onRepeat(){l.set(this.targets()[0],{autoAlpha:Math.round(Math.random())})}}})});function r(){window.addEventListener("wheel",f,{passive:!0})}function p(){window.removeEventListener("wheel",f)}function f(m){i+=m.deltaY/1e3,o.time(i+40),window.clearTimeout(d),d=setTimeout(()=>{const v=[];s.value.querySelectorAll("span").forEach(g=>{l.getProperty(g,"autoAlpha")===0&&v.push(g)}),l.set(v,{autoAlpha:1,stagger:.16})},2e3)}function h(){l.set(s.value.querySelectorAll("span"),{autoAlpha:0}),n.value=!0,r(),l.set(s.value.querySelectorAll("span"),{autoAlpha:1,stagger:.16})}function _(){n.value=!1,p()}return a({startSentence:h,closeSentence:_}),(m,v)=>oe((M(),j("div",{ref_key:"root",ref:s,class:"homepage-sentence1"},_t,512)),[[ie,W(n)]])}},mt=B(gt,[["__scopeId","data-v-9ed0c062"]]);const wt=O('

How-to make a mill

',2),yt=[wt],bt={__name:"HomepageSentence5",setup(e,{expose:a}){const s=S(null),n=S(!1);let o,i=400,d;D(()=>{o=l.timeline({paused:!0,repeatDelay:4}),o.to(s.value.querySelectorAll("span"),{duration:4,stagger:{each:1,repeat:-1,onRepeat(){l.set(this.targets()[0],{autoAlpha:Math.round(Math.random())})}}})});function r(){window.addEventListener("wheel",f,{passive:!0})}function p(){window.removeEventListener("wheel",f)}function f(m){i+=m.deltaY/1e3,o.time(i+40),window.clearTimeout(d),d=setTimeout(()=>{const v=[];s.value.querySelectorAll("span").forEach(g=>{l.getProperty(g,"autoAlpha")===0&&v.push(g)}),l.set(v,{autoAlpha:1,stagger:.16})},2e3)}function h(){l.set(s.value.querySelectorAll("span"),{autoAlpha:0}),n.value=!0,r(),l.set(s.value.querySelectorAll("span"),{autoAlpha:1,stagger:.16})}function _(){n.value=!1,p()}return a({startSentence:h,closeSentence:_}),(m,v)=>oe((M(),j("div",{ref_key:"root",ref:s,class:"homepage-sentence1"},yt,512)),[[ie,W(n)]])}},St=B(bt,[["__scopeId","data-v-ac58f798"]]);const $t={},kt={class:"app-header t-big-text"};function At(e,a){const s=ne;return M(),j("header",kt,[c(s,{onClick:a[0]||(a[0]=n=>e.$emit("close-modal")),label:"RXK Studio",class:"mesure"}),c(s,{onClick:a[1]||(a[1]=n=>e.$emit("close-modal")),label:"Close"})])}const xt=B($t,[["render",At],["__scopeId","data-v-41ec62bd"]]);function pe(e){if(e===null||typeof e!="object")return!1;const a=Object.getPrototypeOf(e);return a!==null&&a!==Object.prototype&&Object.getPrototypeOf(a)!==null||Symbol.iterator in e?!1:Symbol.toStringTag in e?Object.prototype.toString.call(e)==="[object Module]":!0}function ge(e,a,s=".",n){if(!pe(a))return ge(e,{},s,n);const o=Object.assign({},a);for(const i in e){if(i==="__proto__"||i==="constructor")continue;const d=e[i];d!=null&&(n&&n(o,i,d,s)||(Array.isArray(d)&&Array.isArray(o[i])?o[i]=[...d,...o[i]]:pe(d)&&pe(o[i])?o[i]=ge(d,o[i],(s?`${s}.`:"")+i.toString(),n):o[i]=d))}return o}function Lt(e){return(...a)=>a.reduce((s,n)=>ge(s,n,"",e),{})}const Le=Lt(),Ct=/#/g,Et=/&/g,Tt=/\//g,Mt=/=/g,qt=/\+/g,zt=/%5e/gi,It=/%60/gi,Ht=/%7c/gi,Wt=/%20/gi;function Rt(e){return encodeURI(""+e).replace(Ht,"|")}function me(e){return Rt(typeof e=="string"?e:JSON.stringify(e)).replace(qt,"%2B").replace(Wt,"+").replace(Ct,"%23").replace(Et,"%26").replace(It,"`").replace(zt,"^").replace(Tt,"%2F")}function fe(e){return me(e).replace(Mt,"%3D")}function Ot(e,a){return(typeof a=="number"||typeof a=="boolean")&&(a=String(a)),a?Array.isArray(a)?a.map(s=>`${fe(e)}=${me(s)}`).join("&"):`${fe(e)}=${me(a)}`:fe(e)}const Bt=/^[\s\w\0+.-]{2,}:([/\\]{1,2})/,Dt=/^[\s\w\0+.-]{2,}:([/\\]{2})?/,jt=/^([/\\]\s*){2,}[^/\\]/,Nt=/\/$|\/\?|\/#/,Pt=/^\.?\//;function we(e,a={}){return typeof a=="boolean"&&(a={acceptRelative:a}),a.strict?Bt.test(e):Dt.test(e)||(a.acceptRelative?jt.test(e):!1)}function Vt(e="",a){return a?Nt.test(e):e.endsWith("/")}function Yt(e="",a){if(!a)return e.endsWith("/")?e:e+"/";if(Vt(e,!0))return e||"/";let s=e,n="";const o=e.indexOf("#");if(o>=0&&(s=e.slice(0,o),n=e.slice(o),!s))return n;const[i,...d]=s.split("?");return i+"/"+(d.length>0?`?${d.join("?")}`:"")+n}function Gt(e=""){return e.startsWith("/")}function Ft(e=""){return Gt(e)?e:"/"+e}function Ut(e){return e&&e!=="/"}function Kt(e,...a){let s=e||"";for(const n of a.filter(o=>Ut(o)))if(s){const o=n.replace(Pt,"");s=Yt(s)+o}else s=n;return s}const Zt=Symbol.for("ufo:protocolRelative");function Ce(e="",a){const s=e.match(/^[\s\0]*(blob:|data:|javascript:|vbscript:)(.*)/i);if(s){const[,_,m=""]=s;return{protocol:_.toLowerCase(),pathname:m,href:_+m,auth:"",host:"",search:"",hash:""}}if(!we(e,{acceptRelative:!0}))return a?Ce(a+e):Se(e);const[,n="",o,i=""]=e.replace(/\\/g,"/").match(/^[\s\0]*([\w+.-]{2,}:)?\/\/([^/@]+@)?(.*)/)||[],[,d="",r=""]=i.match(/([^#/?]*)(.*)?/)||[],{pathname:p,search:f,hash:h}=Se(r.replace(/\/(?=[A-Za-z]:)/,""));return{protocol:n.toLowerCase(),auth:o?o.slice(0,Math.max(0,o.length-1)):"",host:d,pathname:p,search:f,hash:h,[Zt]:!n}}function Se(e=""){const[a="",s="",n=""]=(e.match(/([^#?]*)(\?[^#]*)?(#.*)?/)||[]).splice(1);return{pathname:a,search:s,hash:n}}async function Xt(e,a){return await Qt(a).catch(n=>(console.error("Failed to get image meta for "+a,n+""),{width:0,height:0,ratio:0}))}async function Qt(e){if(typeof Image>"u")throw new TypeError("Image not supported");return new Promise((a,s)=>{const n=new Image;n.onload=()=>{const o={width:n.width,height:n.height,ratio:n.width/n.height};a(o)},n.onerror=o=>s(o),n.src=e})}function $e(e){return a=>a?e[a]||a:e.missingValue}function Jt({formatter:e,keyMap:a,joinWith:s="/",valueMap:n}={}){e||(e=(i,d)=>`${i}=${d}`),a&&typeof a!="function"&&(a=$e(a));const o=n||{};return Object.keys(o).forEach(i=>{typeof o[i]!="function"&&(o[i]=$e(o[i]))}),(i={})=>Object.entries(i).filter(([r,p])=>typeof p<"u").map(([r,p])=>{const f=o[r];return typeof f=="function"&&(p=f(i[r])),r=typeof a=="function"?a(r):r,e(r,p)}).join(s)}function U(e=""){if(typeof e=="number")return e;if(typeof e=="string"&&e.replace("px","").match(/^\d+$/g))return parseInt(e,10)}function ea(e=""){if(e===void 0||!e.length)return[];const a=new Set;for(const s of e.split(" ")){const n=parseInt(s.replace("x",""));n&&a.add(n)}return Array.from(a)}function ta(e){if(e.length===0)throw new Error("`densities` must not be empty, configure to `1` to render regular size only (DPR 1.0)")}function aa(e){const a={};if(typeof e=="string")for(const s of e.split(/[\s,]+/).filter(n=>n)){const n=s.split(":");n.length!==2?a["1px"]=n[0].trim():a[n[0].trim()]=n[1].trim()}else Object.assign(a,e);return a}function sa(e){const a={options:e},s=(o,i={})=>Ee(a,o,i),n=(o,i={},d={})=>s(o,{...d,modifiers:Le(i,d.modifiers||{})}).url;for(const o in e.presets)n[o]=(i,d,r)=>n(i,d,{...e.presets[o],...r});return n.options=e,n.getImage=s,n.getMeta=(o,i)=>na(a,o,i),n.getSizes=(o,i)=>da(a,o,i),a.$img=n,n}async function na(e,a,s){const n=Ee(e,a,{...s});return typeof n.getMeta=="function"?await n.getMeta():await Xt(e,n.url)}function Ee(e,a,s){var f,h;if(typeof a!="string"||a==="")throw new TypeError(`input must be a string (received ${typeof a}: ${JSON.stringify(a)})`);if(a.startsWith("data:"))return{url:a};const{provider:n,defaults:o}=oa(e,s.provider||e.options.provider),i=ia(e,s.preset);if(a=we(a)?a:Ft(a),!n.supportsAlias)for(const _ in e.options.alias)a.startsWith(_)&&(a=Kt(e.options.alias[_],a.substr(_.length)));if(n.validateDomains&&we(a)){const _=Ce(a).host;if(!e.options.domains.find(m=>m===_))return{url:a}}const d=Le(s,i,o);d.modifiers={...d.modifiers};const r=d.modifiers.format;(f=d.modifiers)!=null&&f.width&&(d.modifiers.width=U(d.modifiers.width)),(h=d.modifiers)!=null&&h.height&&(d.modifiers.height=U(d.modifiers.height));const p=n.getImage(a,d,e);return p.format=p.format||r||"",p}function oa(e,a){const s=e.options.providers[a];if(!s)throw new Error("Unknown provider: "+a);return s}function ia(e,a){if(!a)return{};if(!e.options.presets[a])throw new Error("Unknown preset: "+a);return e.options.presets[a]}function da(e,a,s){var g,E,z,K,Q;const n=U((g=s.modifiers)==null?void 0:g.width),o=U((E=s.modifiers)==null?void 0:E.height),i=aa(s.sizes),d=(z=s.densities)!=null&&z.trim()?ea(s.densities.trim()):e.options.densities;ta(d);const r=n&&o?o/n:0,p=[],f=[];if(Object.keys(i).length>=1){for(const b in i){const u=ke(b,String(i[b]),o,r,e);if(u!==void 0){p.push({size:u.size,screenMaxWidth:u.screenMaxWidth,media:`(max-width: ${u.screenMaxWidth}px)`});for(const y of d)f.push({width:u._cWidth*y,src:Ae(e,a,s,u,y)})}}ca(p)}else for(const b of d){const u=Object.keys(i)[0];let y=ke(u,String(i[u]),o,r,e);y===void 0&&(y={size:"",screenMaxWidth:0,_cWidth:(K=s.modifiers)==null?void 0:K.width,_cHeight:(Q=s.modifiers)==null?void 0:Q.height}),f.push({width:b,src:Ae(e,a,s,y,b)})}la(f);const h=f[f.length-1],_=p.length?p.map(b=>`${b.media?b.media+" ":""}${b.size}`).join(", "):void 0,m=_?"w":"x",v=f.map(b=>`${b.src} ${b.width}${m}`).join(", ");return{sizes:_,srcset:v,src:h==null?void 0:h.src}}function ke(e,a,s,n,o){const i=o.options.screens&&o.options.screens[e]||parseInt(e),d=a.endsWith("vw");if(!d&&/^\d+$/.test(a)&&(a=a+"px"),!d&&!a.endsWith("px"))return;let r=parseInt(a);if(!i||!r)return;d&&(r=Math.round(r/100*i));const p=n?Math.round(r*n):s;return{size:a,screenMaxWidth:i,_cWidth:r,_cHeight:p}}function Ae(e,a,s,n,o){return e.$img(a,{...s.modifiers,width:n._cWidth?n._cWidth*o:void 0,height:n._cHeight?n._cHeight*o:void 0},s)}function ca(e){var s;e.sort((n,o)=>n.screenMaxWidth-o.screenMaxWidth);let a=null;for(let n=e.length-1;n>=0;n--){const o=e[n];o.media===a&&e.splice(n,1),a=o.media}for(let n=0;ns.width-n.width);let a=null;for(let s=e.length-1;s>=0;s--){const n=e[s];n.width===a&&e.splice(s,1),a=n.width}}const Te=Jt({keyMap:{width:"w",height:"h",format:"fm",quality:"q",position:"position",fit:"fit"},valueMap:{fit:{fill:"fill",cover:"cover",contain:"contain"},format:{avif:"avif",gif:"gif",jpg:"jpg",png:"png",webp:"webp"},position:{top:"top",right:"right",bottom:"bottom",left:"left",center:"center"}},joinWith:"&",formatter:(e,a)=>Ot(e,a)}),ra=(e,{modifiers:a={},baseURL:s}={})=>{const n={...a};n.url=e,a.width&&(n.width=a.width.toString()),a.height&&(n.height=a.height.toString());const o=Te(n);return{url:`${s||"/.netlify/images"}?${o}`}},va=Object.freeze(Object.defineProperty({__proto__:null,getImage:ra,operationsGenerator:Te},Symbol.toStringTag,{value:"Module"})),Me={screens:{xs:320,sm:640,md:768,lg:1024,xl:1280,xxl:1536,"2xl":1536},presets:{},provider:"netlify",domains:[],alias:{},densities:[1,2],format:["webp"]};Me.providers={netlify:{provider:va,defaults:{}}};const qe=()=>{const e=De(),a=ye();return a.$img||a._img||(a._img=sa({...Me,nuxt:{baseURL:e.app.baseURL}}))};function ua(e){var a;(a=performance==null?void 0:performance.mark)==null||a.call(performance,"mark_feature_usage",{detail:{feature:e}})}const pa={src:{type:String,required:!0},format:{type:String,default:void 0},quality:{type:[Number,String],default:void 0},background:{type:String,default:void 0},fit:{type:String,default:void 0},modifiers:{type:Object,default:void 0},preset:{type:String,default:void 0},provider:{type:String,default:void 0},sizes:{type:[Object,String],default:void 0},densities:{type:String,default:void 0},preload:{type:Boolean,default:void 0},width:{type:[String,Number],default:void 0},height:{type:[String,Number],default:void 0},alt:{type:String,default:void 0},referrerpolicy:{type:String,default:void 0},usemap:{type:String,default:void 0},longdesc:{type:String,default:void 0},ismap:{type:Boolean,default:void 0},loading:{type:String,default:void 0,validator:e=>["lazy","eager"].includes(e)},crossorigin:{type:[Boolean,String],default:void 0,validator:e=>["anonymous","use-credentials","",!0,!1].includes(e)},decoding:{type:String,default:void 0,validator:e=>["async","auto","sync"].includes(e)},nonce:{type:[String],default:void 0}},fa=e=>{const a=J(()=>({provider:e.provider,preset:e.preset})),s=J(()=>({width:U(e.width),height:U(e.height),alt:e.alt,referrerpolicy:e.referrerpolicy,usemap:e.usemap,longdesc:e.longdesc,ismap:e.ismap,crossorigin:e.crossorigin===!0?"anonymous":e.crossorigin||void 0,loading:e.loading,decoding:e.decoding,nonce:e.nonce})),n=qe(),o=J(()=>({...e.modifiers,width:U(e.width),height:U(e.height),format:e.format,quality:e.quality||n.options.quality,background:e.background,fit:e.fit}));return{options:a,attrs:s,modifiers:o}},ha={...pa,placeholder:{type:[Boolean,String,Number,Array],default:void 0}},ze=je({name:"NuxtImg",props:ha,emits:["load","error"],setup:(e,a)=>{const s=qe(),n=fa(e),o=S(!1),i=J(()=>s.getSizes(e.src,{...n.options.value,sizes:e.sizes,densities:e.densities,modifiers:{...n.modifiers.value,width:U(e.width),height:U(e.height)}})),d=J(()=>{const v={...n.attrs.value,"data-nuxt-img":""};return(!e.placeholder||o.value)&&(v.sizes=i.value.sizes,v.srcset=i.value.srcset),v}),r=J(()=>{let v=e.placeholder;if(v===""&&(v=!0),!v||o.value)return!1;if(typeof v=="string")return v;const g=Array.isArray(v)?v:typeof v=="number"?[v,v]:[10,10];return s(e.src,{...n.modifiers.value,width:g[0],height:g[1],quality:g[2]||50,blur:g[3]||3},n.options.value)}),p=J(()=>e.sizes?i.value.src:s(e.src,n.modifiers.value,n.options.value)),f=J(()=>r.value?r.value:p.value);if(e.preload){const v=Object.values(i.value).every(g=>g);We({link:[{rel:"preload",as:"image",nonce:e.nonce,...v?{href:i.value.src,imagesizes:i.value.sizes,imagesrcset:i.value.srcset}:{href:f.value}}]})}const h=S(),m=ye().isHydrating;return D(()=>{if(r.value){const v=new Image;v.src=p.value,e.sizes&&(v.sizes=i.value.sizes||"",v.srcset=i.value.srcset),v.onload=g=>{o.value=!0,a.emit("load",g)},ua("nuxt-image");return}h.value&&(h.value.complete&&m&&(h.value.getAttribute("data-error")?a.emit("error",new Event("error")):a.emit("load",new Event("load"))),h.value.onload=v=>{a.emit("load",v)},h.value.onerror=v=>{a.emit("error",v)})}),()=>Ne("img",{ref:h,src:f.value,...d.value,...a.attrs})}});const V=e=>(le("data-v-afd506cc"),e=e(),re(),e),_a={class:"fiche fiche0","data-url":"lowlyland"},ga={"data-lenis-prevent-touch":"",class:"left"},ma={class:"yTo"},wa={class:"med"},ya=V(()=>t("div",{class:"med"},[t("video",{"data-src":"https://pub-e27dea8a2a85453d9fc1443136bc82ae.r2.dev/01.mp4",src:"",loop:"",muted:"",playsinline:""})],-1)),ba={class:"med"},Sa={class:"med"},$a={class:"med"},ka={class:"med"},Aa=V(()=>t("div",{class:"med"},[t("video",{"data-src":"https://pub-e27dea8a2a85453d9fc1443136bc82ae.r2.dev/01.mp4",src:"",loop:"",muted:"",playsinline:""})],-1)),xa={class:"med"},La={class:"med"},Ca={class:"med"},Ea={class:"right"},Ta=O('

Lowlyland

Info

Lowlyland is an experience for the Lowly community. 444 people will levitated into Lowlyland.

Role

  • Concept
  • Art Direction
  • Design
  • Motion

Awards

  • N/A
',1),Ma={class:"bottom t-big-text"},qa=V(()=>t("span",{"aria-hidden":"true"},"Soon",-1)),za={class:"fiche fiche1","data-url":"bruce-mau-design"},Ia={"data-lenis-prevent-touch":"",class:"left"},Ha={class:"yTo"},Wa={class:"med"},Ra=V(()=>t("div",{class:"med"},[t("video",{"data-src":"https://pub-e27dea8a2a85453d9fc1443136bc82ae.r2.dev/02.mp4",src:"",loop:"",muted:"",playsinline:""})],-1)),Oa={class:"med"},Ba={class:"med"},Da={class:"med"},ja={class:"med"},Na=V(()=>t("div",{class:"med"},[t("video",{"data-src":"https://pub-e27dea8a2a85453d9fc1443136bc82ae.r2.dev/02.mp4",src:"",loop:"",muted:"",playsinline:""})],-1)),Pa={class:"med"},Va={class:"med"},Ya={class:"med"},Ga={class:"right"},Fa=O('

Bruce Mau Design

Info

Bruce Mau Design is an awards winning brand and design studio based out of Toronto.

Role

  • Senior Designer at Executive Agency
  • Art Direction
  • Design
  • Motion

Awards

  • FWA
  • CSSDA
  • Site Inspire
',1),Ua={class:"bottom t-big-text"},Ka={class:"fiche fiche2","data-url":"benjamin-righetti"},Za={"data-lenis-prevent-touch":"",class:"left"},Xa={class:"yTo"},Qa={class:"med"},Ja=V(()=>t("div",{class:"med"},[t("video",{"data-src":"https://pub-e27dea8a2a85453d9fc1443136bc82ae.r2.dev/03.mp4",src:"",loop:"",muted:"",playsinline:""})],-1)),es={class:"med"},ts={class:"med"},as={class:"med"},ss={class:"med"},ns=V(()=>t("div",{class:"med"},[t("video",{"data-src":"https://pub-e27dea8a2a85453d9fc1443136bc82ae.r2.dev/03.mp4",src:"",loop:"",muted:"",playsinline:""})],-1)),os={class:"med"},is={class:"med"},ds={class:"med"},cs={class:"right"},ls=O('

Benjamin Righetti

Info

Benjamin Righetti is a Swiss musician, titular organist at Saint-François and professor at the Haute école de musique based in Lausanne.

Role

  • Concept
  • Art Direction
  • Design

Awards

  • FWA
  • Awwwards
  • Site Inspire
',1),rs={class:"bottom t-big-text"},vs={class:"fiche fiche3","data-url":"vendredi-society"},us={"data-lenis-prevent-touch":"",class:"left"},ps={class:"yTo"},fs={class:"med"},hs=V(()=>t("div",{class:"med"},[t("video",{"data-src":"https://pub-e27dea8a2a85453d9fc1443136bc82ae.r2.dev/04.mp4",src:"",loop:"",muted:"",playsinline:""})],-1)),_s={class:"med"},gs={class:"med"},ms={class:"med"},ws={class:"med"},ys=V(()=>t("div",{class:"med"},[t("video",{"data-src":"https://pub-e27dea8a2a85453d9fc1443136bc82ae.r2.dev/04.mp4",src:"",loop:"",muted:"",playsinline:""})],-1)),bs={class:"med"},Ss={class:"med"},$s={class:"med"},ks={class:"right"},As=O('

Vendredi Society

Info

Vendredi Society creates ultra-fluid digital experiences and brands that make an impact. For those who like to be one step ahead. And stay that way.

Role

  • Art Direction
  • Design

Awards

  • FWA
  • Awwwards
  • Site Inspire
',1),xs={class:"bottom t-big-text"},Ls={class:"fiche fiche4","data-url":"field-day-sound"},Cs={"data-lenis-prevent-touch":"",class:"left"},Es={class:"yTo"},Ts={class:"med"},Ms=V(()=>t("div",{class:"med"},[t("video",{"data-src":"https://pub-e27dea8a2a85453d9fc1443136bc82ae.r2.dev/05.mp4",src:"",loop:"",muted:"",playsinline:""})],-1)),qs={class:"med"},zs={class:"med"},Is={class:"med"},Hs={class:"med"},Ws=V(()=>t("div",{class:"med"},[t("video",{"data-src":"https://pub-e27dea8a2a85453d9fc1443136bc82ae.r2.dev/05.mp4",src:"",loop:"",muted:"",playsinline:""})],-1)),Rs={class:"med"},Os={class:"med"},Bs={class:"med"},Ds={class:"right"},js=O('

Field Day Sound

Info

Welcome to Field Day Sound, an award winning creative sound and music company based out of Portland, Oregon.

Role

  • Art Direction
  • Design

Awards

  • FWA
  • Awwwards
  • Site Inspire
',1),Ns={class:"bottom t-big-text"},Ps={__name:"HomepageFiche",setup(e,{expose:a}){let s=0,n=0,o=0,i=!1,d=!1,r,p=0,f,h,_,m,v,g,E,z,K,Q,b=0,u=0,y;const A=[],x=[],N=S(null);D(()=>{l.matchMedia().add("(pointer: fine)",()=>{document.addEventListener("keydown",L=>{d&&(L.key==="Escape"&&q(),(L.key==="ArrowRight"||L.key==="ArrowDown")&&I())})}),o=document.querySelectorAll(".fiche").length,l.matchMedia().add("(pointer: coarse) and (min-width: 900px)",()=>{N.value.addEventListener("touchstart",Ie),N.value.addEventListener("touchmove",He)})});function ee(L){d=!0,R!==null?R.stop():document.body.classList.add("hidden"),s=L,n++,N.value.classList.add("on"),r=l.timeline({onReverseComplete:()=>{A.length>0&&(A.forEach($=>$.tween.kill()),x.forEach($=>$.tween.kill()),A.length=x.length=0,ue()),r.clear(),r.kill(),r=void 0,R!==null?R.start():document.body.classList.remove("hidden"),N.value.classList.remove("on"),document.querySelectorAll("video").forEach($=>{$.pause()})}}),r.set(".fiche"+s,{maskImage:"linear-gradient(transparent -25%, #000 0%, #000 100%, transparent 125%, transparent 125%)",zIndex:n},0),r.fromTo(N.value,{maskImage:"linear-gradient(180deg, transparent 100%, #000 125%, #000 225%, transparent 250%, transparent 250%)"},{maskImage:"linear-gradient(180deg, transparent -25%, #000 0%, #000 100%, transparent 125%, transparent 125%)",ease:"power4.inOut",duration:1},0),i=!1,document.body.classList.contains("neg")?(i=!0,document.querySelector(".fiche"+s).classList.add("neg2")):document.querySelector(".fiche"+s).classList.remove("neg2"),he(document.querySelectorAll(".fiche")[L]),l.matchMedia().add("(min-width: 901px)",()=>{b=u=0;const $=document.querySelector(".fiche0 .yTo").getBoundingClientRect().height/2,T=l.utils.wrap(-$,0);l.set(".fiche .left",{scaleY:1}),l.set(".fiche .yTo",{y:0}),f=l.quickTo(".fiche0 .yTo","y",{duration:G()?.5:1,modifiers:{y:l.utils.unitize(T)},ease:"power4"}),h=l.quickTo(".fiche0 .left","scaleY",{duration:G()?.4:.6,ease:"power4"}),_=l.quickTo(".fiche1 .yTo","y",{duration:G()?.5:1,modifiers:{y:l.utils.unitize(T)},ease:"power4"}),m=l.quickTo(".fiche1 .left","scaleY",{duration:G()?.4:.6,ease:"power4"}),v=l.quickTo(".fiche2 .yTo","y",{duration:G()?.5:1,modifiers:{y:l.utils.unitize(T)},ease:"power4"}),g=l.quickTo(".fiche2 .left","scaleY",{duration:G()?.4:.6,ease:"power4"}),E=l.quickTo(".fiche3 .yTo","y",{duration:G()?.5:1,modifiers:{y:l.utils.unitize(T)},ease:"power4"}),z=l.quickTo(".fiche3 .left","scaleY",{duration:G()?.4:.6,ease:"power4"}),K=l.quickTo(".fiche4 .yTo","y",{duration:G()?.5:1,modifiers:{y:l.utils.unitize(T)},ease:"power4"}),Q=l.quickTo(".fiche4 .left","scaleY",{duration:G()?.4:.6,ease:"power4"}),A.push(f,_,v,E,K),A[s](0,0),x.push(h,m,g,z,Q),ve()}),k(s)}function q(){d=!1,r.reverse(),i?document.body.classList.add("neg"):document.body.classList.remove("neg"),_e(),history.replaceState(null,null,"/"),document.title="RXK©"}function I(){x.length>0&&x[s](1),s=(s+1)%o,n++,A.length>0&&A[s](b-u,b-u),document.querySelector(".fiche"+s).style.zIndex=n,l.fromTo(".fiche"+s,{maskImage:"linear-gradient(90deg, transparent 100%, #000 125%, #000 225%, transparent 250%, transparent 250%)"},{maskImage:"linear-gradient(90deg, transparent -25%, #000 0%, #000 100%, transparent 125%, transparent 125%)",ease:"power4.inOut",duration:1}),document.querySelector(".fiche"+s).classList.remove("neg2"),i?i=!1:(i=!0,document.querySelector(".fiche"+s).classList.add("neg2")),Z(s),he(document.querySelectorAll(".fiche")[s]),k(s)}function Z(L){document.querySelectorAll(".fiche"+L+" video").forEach(T=>{T!==null&&(T.getAttribute("src")===""&&T.setAttribute("src",T.dataset.src),T.play())}),document.querySelectorAll(".fiche"+L+" img").forEach(T=>{T.setAttribute("loading","eager")})}function k(L){const $=document.querySelector(".fiche"+L);$.querySelector(".yTo").scrollLeft=0,history.replaceState(null,null,"/"+$.dataset.url),document.title=$.querySelector("h2").textContent+" — RXK©"}function ve(){window.addEventListener("wheel",H,{passive:!0}),l.ticker.add(be)}function ue(){window.removeEventListener("wheel",H),l.ticker.remove(be)}function H(L){b-=L.deltaY;const $=1+l.utils.clamp(-.2,.2,L.deltaY/300);x[s]($),window.clearTimeout(y),y=setTimeout(()=>{x.length!==0&&x[s](1)},66)}function be(L,$){u+=$/30,A[s](b-u)}function Ie(L){p=L.touches[0].clientY}function He(L){b-=(p-L.touches[0].clientY)*2;const $=1+l.utils.clamp(-.2,.2,(p-L.touches[0].clientY)/300);x[s]($),window.clearTimeout(y),y=setTimeout(()=>{x.length!==0&&x[s](1)},66),p=L.touches[0].clientY}return a({reveal:ee,setVideo:Z}),(L,$)=>{const T=xt,w=ze,X=ne;return M(),j("section",{ref_key:"root",ref:N,class:"homepage-fiche"},[t("div",_a,[c(T,{onCloseModal:q}),t("div",ga,[t("div",ma,[t("div",wa,[c(w,{format:"webp",loading:"lazy",src:"img/01/1.png",alt:""})]),ya,t("div",ba,[c(w,{format:"webp",loading:"lazy",src:"img/01/2.png",alt:""})]),t("div",Sa,[c(w,{format:"webp",loading:"lazy",src:"img/01/3.png",alt:""})]),t("div",$a,[c(w,{format:"webp",loading:"lazy",src:"img/01/4.png",alt:""})]),t("div",ka,[c(w,{format:"webp",loading:"lazy",src:"img/01/1.png",alt:""})]),Aa,t("div",xa,[c(w,{format:"webp",loading:"lazy",src:"img/01/2.png",alt:""})]),t("div",La,[c(w,{format:"webp",loading:"lazy",src:"img/01/3.png",alt:""})]),t("div",Ca,[c(w,{format:"webp",loading:"lazy",src:"img/01/4.png",alt:""})])])]),t("div",Ea,[Ta,t("div",Ma,[qa,c(X,{onClick:I,label:"Next",onMouseenter:$[0]||($[0]=de=>Z(1))})])])]),t("div",za,[c(T,{onCloseModal:q}),t("div",Ia,[t("div",Ha,[t("div",Wa,[c(w,{format:"webp",loading:"lazy",src:"img/02/1.png",alt:""})]),Ra,t("div",Oa,[c(w,{format:"webp",loading:"lazy",src:"img/02/2.png",alt:""})]),t("div",Ba,[c(w,{format:"webp",loading:"lazy",src:"img/02/3.png",alt:""})]),t("div",Da,[c(w,{format:"webp",loading:"lazy",src:"img/02/4.png",alt:""})]),t("div",ja,[c(w,{format:"webp",loading:"lazy",src:"img/02/1.png",alt:""})]),Na,t("div",Pa,[c(w,{format:"webp",loading:"lazy",src:"img/02/2.png",alt:""})]),t("div",Va,[c(w,{format:"webp",loading:"lazy",src:"img/02/3.png",alt:""})]),t("div",Ya,[c(w,{format:"webp",loading:"lazy",src:"img/02/4.png",alt:""})])])]),t("div",Ga,[Fa,t("div",Ua,[c(X,{class:"visit",label:"Visit",url:"https://www.brucemaudesign.com"}),c(X,{onClick:I,label:"Next",onMouseenter:$[1]||($[1]=de=>Z(2))})])])]),t("div",Ka,[c(T,{onCloseModal:q}),t("div",Za,[t("div",Xa,[t("div",Qa,[c(w,{format:"webp",loading:"lazy",src:"img/03/1.png",alt:""})]),Ja,t("div",es,[c(w,{format:"webp",loading:"lazy",src:"img/03/2.png",alt:""})]),t("div",ts,[c(w,{format:"webp",loading:"lazy",src:"img/03/3.png",alt:""})]),t("div",as,[c(w,{format:"webp",loading:"lazy",src:"img/03/4.png",alt:""})]),t("div",ss,[c(w,{format:"webp",loading:"lazy",src:"img/03/1.png",alt:""})]),ns,t("div",os,[c(w,{format:"webp",loading:"lazy",src:"img/03/2.png",alt:""})]),t("div",is,[c(w,{format:"webp",loading:"lazy",src:"img/03/3.png",alt:""})]),t("div",ds,[c(w,{format:"webp",loading:"lazy",src:"img/03/4.png",alt:""})])])]),t("div",cs,[ls,t("div",rs,[c(X,{class:"visit",label:"Visit",url:"https://benjaminrighetti.netlify.app"}),c(X,{onClick:I,label:"Next",onMouseenter:$[2]||($[2]=de=>Z(3))})])])]),t("div",vs,[c(T,{onCloseModal:q}),t("div",us,[t("div",ps,[t("div",fs,[c(w,{format:"webp",loading:"lazy",src:"img/04/1.png",alt:""})]),hs,t("div",_s,[c(w,{format:"webp",loading:"lazy",src:"img/04/2.png",alt:""})]),t("div",gs,[c(w,{format:"webp",loading:"lazy",src:"img/04/3.png",alt:""})]),t("div",ms,[c(w,{format:"webp",loading:"lazy",src:"img/04/4.png",alt:""})]),t("div",ws,[c(w,{format:"webp",loading:"lazy",src:"img/04/1.png",alt:""})]),ys,t("div",bs,[c(w,{format:"webp",loading:"lazy",src:"img/04/2.png",alt:""})]),t("div",Ss,[c(w,{format:"webp",loading:"lazy",src:"img/04/3.png",alt:""})]),t("div",$s,[c(w,{format:"webp",loading:"lazy",src:"img/04/4.png",alt:""})])])]),t("div",ks,[As,t("div",xs,[c(X,{class:"visit",label:"Visit",url:"https://2022.vendredi-society.fr"}),c(X,{onClick:I,label:"Next",onMouseenter:$[3]||($[3]=de=>Z(4))})])])]),t("div",Ls,[c(T,{onCloseModal:q}),t("div",Cs,[t("div",Es,[t("div",Ts,[c(w,{format:"webp",loading:"lazy",src:"img/05/1.png",alt:""})]),Ms,t("div",qs,[c(w,{format:"webp",loading:"lazy",src:"img/05/2.png",alt:""})]),t("div",zs,[c(w,{format:"webp",loading:"lazy",src:"img/05/3.png",alt:""})]),t("div",Is,[c(w,{format:"webp",loading:"lazy",src:"img/05/4.png",alt:""})]),t("div",Hs,[c(w,{format:"webp",loading:"lazy",src:"img/05/1.png",alt:""})]),Ws,t("div",Rs,[c(w,{format:"webp",loading:"lazy",src:"img/05/2.png",alt:""})]),t("div",Os,[c(w,{format:"webp",loading:"lazy",src:"img/05/3.png",alt:""})]),t("div",Bs,[c(w,{format:"webp",loading:"lazy",src:"img/05/4.png",alt:""})])])]),t("div",Ds,[js,t("div",Ns,[c(X,{class:"visit",label:"Visit",url:"https://www.fielddaysound.tv"}),c(X,{onClick:I,label:"Next",onMouseenter:$[4]||($[4]=de=>Z(0))})])])])],512)}}},Vs=B(Ps,[["__scopeId","data-v-afd506cc"]]);const Ys=O('
',8),Gs=[Ys],Fs={__name:"HomepageKinetic",setup(e,{expose:a}){const s=S(null),n={delta:0};let o,i=0,d=400,r=0,p,f;D(()=>{l.matchMedia().add("(min-width: 1025px)",()=>{p=l.quickTo(n,"delta",{duration:2,ease:"power1"}),o=l.timeline({paused:!0}),o.to(s.value.children,{scale:1,ease:"power2.inOut",duration:4,stagger:{each:.5,repeat:-1,onRepeat(){F.delta/600+r+n.delta/1e3>=0?(i++,this.targets()[0].style.zIndex=i):(i--,this.targets()[0].style.zIndex=i-7),s.value.classList.toggle("color")}}}).time(d+4),ce.create({trigger:s.value,start:"top bottom",end:"bottom top",onEnter:()=>{l.ticker.add(v)},onEnterBack:()=>{l.ticker.add(v)},onLeave:()=>{l.ticker.remove(v)},onLeaveBack:()=>{l.ticker.remove(v)}})})});function h(){window.addEventListener("wheel",m,{passive:!0})}function _(){window.removeEventListener("wheel",m)}function m(g){p(g.deltaY),window.clearTimeout(f),f=setTimeout(()=>{p(0)},120)}function v(g,E){d+=F.delta/600+E/2e3+n.delta/1e3,r=E/2e3,d<0&&(d=400),o.time(d+4)}return a({addWheelEvent:h,removeWheelEvent:_}),(g,E)=>(M(),j("button",{"aria-label":"Open kinetic layout",ref_key:"root",ref:s,class:"homepage-kinetic homepage-kinetic-1"},Gs,512))}},Us=B(Fs,[["__scopeId","data-v-5edce65c"]]);const Ks=O('
',4),Zs=[Ks],Xs={__name:"HomepageKinetic3",setup(e,{expose:a}){const s=S(null),n=S(null),o=S(!1);let i,d,r,p,f,h;D(()=>{l.matchMedia().add("(min-width: 1025px)",()=>{i=l.timeline({paused:!0}),i.to(n.value,{rotation:360,ease:"none",duration:8,repeat:-1}),d=l.quickTo(n.value.children[0],"rotation",{duration:4,ease:"power3"}),r=l.quickTo(n.value.children[1],"rotation",{duration:3,ease:"power3"}),p=l.quickTo(n.value.children[2],"rotation",{duration:2,ease:"power3"}),f=l.quickTo(n.value.children[3],"rotation",{duration:1,ease:"power3"}),R!==null&&R.on("scroll",E=>{o.value&&_()}),ce.create({trigger:s.value,start:"top bottom",end:"bottom top",onEnter:()=>{i.play(),o.value=!0},onEnterBack:()=>{i.play(),o.value=!0},onLeave:()=>{i.pause(),o.value=!1,d(0),r(0),p(0),f(0)},onLeaveBack:()=>{i.pause(),o.value=!1,d(0),r(0),p(0),f(0)}})})});function _(){d(F.delta*4),r(F.delta*4),p(F.delta*4),f(F.delta*4)}function m(){window.addEventListener("wheel",g,{passive:!0})}function v(){window.removeEventListener("wheel",g)}function g(E){const z=Math.max(-400,Math.min(E.deltaY,400));d(F.delta+z*2),r(F.delta+z*2),p(F.delta+z*2),f(F.delta+z*2),window.clearTimeout(h),h=setTimeout(()=>{d(0),r(0),p(0),f(0)},120)}return a({addWheelEvent:m,removeWheelEvent:v}),(E,z)=>(M(),j("button",{"aria-label":"Open kinetic layout",ref_key:"root",ref:s,class:"homepage-kinetic"},[t("div",{ref_key:"group",ref:n,class:"group"},Zs,512)],512))}},Qs=B(Xs,[["__scopeId","data-v-e05c7460"]]);const Y=e=>(le("data-v-28f4920b"),e=e(),re(),e),Js={ref:"root",class:"homepage-grid grid-padding"},en={class:"volet-devant"},tn={class:"grid-spe"},an={class:"ligne ligne1"},sn={class:"cell"},nn=Y(()=>t("div",{class:"cell"},[t("h2",null,"Selected Work")],-1)),on={class:"ligne ligne2"},dn={class:"cell"},cn=Y(()=>t("span",{class:"index"},"01",-1)),ln=Y(()=>t("h3",{class:"t-h3"},"Lowlyland",-1)),rn={class:"media-child"},vn={class:"hover"},un={class:"stag"},pn={class:"cell"},fn={class:"ligne ligne3"},hn={class:"cell"},_n=Y(()=>t("span",{class:"index"},"02",-1)),gn=Y(()=>t("h3",{class:"t-h3"},"Bruce Mau Design",-1)),mn={class:"media-child"},wn={class:"hover"},yn={class:"stag"},bn={class:"ligne ligne4"},Sn={class:"cell"},$n=Y(()=>t("span",{class:"index"},"03",-1)),kn=Y(()=>t("h3",{class:"t-h3"},"Benjamin Righetti",-1)),An={class:"media-child"},xn={class:"hover"},Ln={class:"stag"},Cn={class:"ligne ligne5"},En={class:"cell"},Tn=Y(()=>t("span",{class:"index"},"04",-1)),Mn=Y(()=>t("h3",{class:"t-h3"},"Vendredi Society",-1)),qn={class:"media-child"},zn={class:"hover"},In={class:"stag"},Hn={class:"cell"},Wn={class:"ligne ligne6"},Rn={class:"cell"},On=Y(()=>t("span",{class:"index"},"05",-1)),Bn=Y(()=>t("h3",{class:"t-h3"},"Field Day Sound",-1)),Dn={class:"media-child"},jn={class:"hover"},Nn={class:"stag"},Pn={__name:"HomepageGrid",setup(e){const a=S(null),s=S(null),n=S(null),o=S(null),i=S(null),d=S(null),r=S(null),p=S(null),f=S(null),h=S(!1),_=xe("colorActive");let m,v=[];D(()=>{_e();const b=window.location.href,u=b.substring(b.lastIndexOf("/")+1);if(u!==""){const y=["lowlyland","bruce-mau-design","benjamin-righetti","vendredi-society","field-day-sound"];a.value.reveal(y.indexOf(u)),a.value.setVideo(y.indexOf(u))}document.addEventListener("keydown",y=>{y.key==="Escape"&&h.value&&Q()}),document.querySelectorAll(".innerMedia").forEach(y=>{const A=l.to([y.querySelector(".media-child"),y.querySelector("img")],{y:0,ease:"power4.inOut",duration:1,scrollTrigger:{trigger:y.querySelector("img"),start:"top 90%"},onComplete:()=>{l.set(y,{pointerEvents:"initial"}),A&&A.kill()}})}),l.matchMedia().add("(pointer: fine)",()=>{for(let y=0;y<5;y++){const A=l.timeline({paused:!0}),x=document.querySelectorAll(".innerMedia")[y];A.set(x.querySelectorAll(".hover"),{autoAlpha:1}),A.set(x.querySelectorAll(".img")[0],{scale:.8,autoAlpha:0},0),A.set(x.querySelectorAll(".img")[1],{scale:.5,autoAlpha:0},0),A.set(x.querySelectorAll(".stag img"),{autoAlpha:1,stagger:.07},0),A.to(x.querySelectorAll(".stag img"),{scale:"-=0.04",stagger:.07,ease:"back.out(4)",duration:.4},0),A.to(x.querySelectorAll(".stag img"),{scale:1,ease:"power4.inOut",duration:.5},"-=0.3"),A.to(x.querySelectorAll(".hover"),{autoAlpha:0,duration:.2}),v.push(A)}})});function g(b){a.value.reveal(b)}function E(b,u){a.value.setVideo(b)}function z(b){v.length>0&&(v[b].seek(0),v[b].play())}function K(b){if(!h.value){h.value=!0;const u=b.target.closest(".kinetic"),y=u.getBoundingClientRect();if(s.value.$el===u&&s.value.addWheelEvent(),n.value.$el===u&&n.value.addWheelEvent(),o.value.$el===u&&o.value.addWheelEvent(),m=l.timeline({onReverseComplete:()=>{h.value=!1,u.style.zIndex=1,R!==null?R.start():document.body.classList.remove("hidden")}}),u.style.zIndex=4,R!==null){const q=y.top+R.animatedScroll-window.innerHeight/2+y.height/2;R.stop(),R.scrollTo(q,{duration:1,force:!0,easing:I=>I===0?0:I===1?1:I<.5?Math.pow(2,20*I-10)/2:(2-Math.pow(2,-20*I+10))/2})}else{const q=window.scrollY+y.top-window.innerHeight/2+y.height/2;document.body.classList.add("hidden");const I={y:window.scrollY};l.to(I,{y:q,duration:1,ease:"power4.inOut",onUpdate:()=>{window.scrollTo(0,I.y)}})}const A=y.width/y.height,x=window.innerWidth/window.innerHeight;let N=1;A<=x?N=window.innerWidth/y.width:N=window.innerHeight/y.height,m.to(u,{x:window.innerWidth/2-y.left-y.width/2,duration:1,scale:N,ease:"power4.inOut",onComplete:()=>{document.querySelector("html").classList.add("big-kinetic");const q=Math.floor(Math.random()*5);q===0?i.value.startSentence():q===1?d.value.startSentence():q===2?r.value.startSentence():q===3?p.value.startSentence():q===4&&f.value.startSentence()}},0);let ee=90;u.classList.contains("homepage-kinetic-1")&&(ee=-90),m.fromTo(".volet",{maskImage:"linear-gradient("+ee+"deg, transparent 100%, #000 125%, #000 225%, transparent 250%, transparent 250%)"},{maskImage:"linear-gradient("+ee+"deg, transparent -25%, #000 0%, #000 100%, transparent 125%, transparent 125%)",ease:"power4.inOut",duration:1,onComplete:()=>{R!==null?R.stop():document.body.classList.add("hidden")}},0),he(document.querySelector(".volet-devant"))}}function Q(){_e(),m.reverse(),s.value.removeWheelEvent(),n.value.removeWheelEvent(),o.value.removeWheelEvent(),document.querySelector("html").classList.remove("big-kinetic"),i.value.closeSentence(),d.value.closeSentence(),r.value.closeSentence(),p.value.closeSentence(),f.value.closeSentence()}return(b,u)=>{const y=ne,A=it,x=rt,N=ft,ee=mt,q=St,I=Vs,Z=Us,k=ze,ve=Re,ue=Qs;return M(),j("div",Js,[t("div",{class:te(["volet",W(h)&&"on"]),"aria-hidden":"true"},null,2),t("div",en,[c(y,{class:"t-big-text",onClick:Q,label:"Close"}),c(A,{ref_key:"sent1",ref:i},null,512),c(x,{ref_key:"sent2",ref:d},null,512),c(N,{ref_key:"sent3",ref:r},null,512),c(ee,{ref_key:"sent4",ref:p},null,512),c(q,{ref_key:"sent5",ref:f},null,512)]),c(I,{ref_key:"fiche",ref:a},null,512),t("div",tn,[t("div",an,[t("div",sn,[c(Z,{ref_key:"kine1",ref:s,class:"kinetic",onClick:K},null,512)]),nn]),t("div",on,[t("div",dn,[t("button",{class:te(["innerMedia",W(_)&&"darken"]),onClick:u[1]||(u[1]=H=>g(0)),onMouseenter:u[2]||(u[2]=H=>E(0))},[cn,ln,t("div",{class:"media",onMouseenter:u[0]||(u[0]=H=>z(0))},[t("div",rn,[W(_)?(M(),ae(k,{key:0,format:"webp",class:"imgBis",src:"img/01r.png",alt:""})):se("",!0),c(k,{format:"webp",class:"grey",src:"img/01.png",alt:""}),t("div",vn,[c(k,{format:"webp",src:"img/01.png",alt:"",class:"fond"}),t("div",un,[c(k,{class:"img",format:"webp",src:"img/01.png",alt:""}),c(k,{class:"img",format:"webp",src:"img/01.png",alt:""})])])])],32)],34)]),t("div",pn,[c(ve,{ref_key:"kine2",ref:n,class:"kinetic",onClick:K},null,512)])]),t("div",fn,[t("div",hn,[t("button",{class:te(["innerMedia",W(_)&&"darken"]),onClick:u[4]||(u[4]=H=>g(1)),onMouseenter:u[5]||(u[5]=H=>E(1))},[_n,gn,t("div",{class:"media",onMouseenter:u[3]||(u[3]=H=>z(1))},[t("div",mn,[W(_)?(M(),ae(k,{key:0,format:"webp",class:"imgBis",src:"img/02r.png",alt:""})):se("",!0),c(k,{format:"webp",class:"grey",src:"img/02.png",alt:""}),t("div",wn,[c(k,{format:"webp",src:"img/02.png",alt:"",class:"fond"}),t("div",yn,[c(k,{class:"img",format:"webp",src:"img/02.png",alt:""}),c(k,{class:"img",format:"webp",src:"img/02.png",alt:""})])])])],32)],34)])]),t("div",bn,[t("div",Sn,[t("button",{class:te(["innerMedia",W(_)&&"darken"]),onClick:u[7]||(u[7]=H=>g(2)),onMouseenter:u[8]||(u[8]=H=>E(2))},[$n,kn,t("div",{class:"media",onMouseenter:u[6]||(u[6]=H=>z(2))},[t("div",An,[W(_)?(M(),ae(k,{key:0,format:"webp",class:"imgBis",src:"img/03r.png",alt:""})):se("",!0),c(k,{format:"webp",class:"grey",src:"img/03.png",alt:""}),t("div",xn,[c(k,{format:"webp",src:"img/03.png",alt:"",class:"fond"}),t("div",Ln,[c(k,{class:"img",format:"webp",src:"img/03.png",alt:""}),c(k,{class:"img",format:"webp",src:"img/03.png",alt:""})])])])],32)],34)])]),t("div",Cn,[t("div",En,[t("button",{class:te(["innerMedia",W(_)&&"darken"]),onClick:u[10]||(u[10]=H=>g(3)),onMouseenter:u[11]||(u[11]=H=>E(3))},[Tn,Mn,t("div",{class:"media",onMouseenter:u[9]||(u[9]=H=>z(3))},[t("div",qn,[W(_)?(M(),ae(k,{key:0,format:"webp",class:"imgBis",src:"img/04r.png",alt:""})):se("",!0),c(k,{format:"webp",class:"grey",src:"img/04.png",alt:""}),t("div",zn,[c(k,{format:"webp",src:"img/04.png",alt:"",class:"fond"}),t("div",In,[c(k,{class:"img",format:"webp",src:"img/04.png",alt:""}),c(k,{class:"img",format:"webp",src:"img/04.png",alt:""})])])])],32)],34)]),t("div",Hn,[c(ue,{ref_key:"kine3",ref:o,class:"kinetic",onClick:K},null,512)])]),t("div",Wn,[t("div",Rn,[t("button",{class:te(["innerMedia",W(_)&&"darken"]),onClick:u[13]||(u[13]=H=>g(4)),onMouseenter:u[14]||(u[14]=H=>E(4))},[On,Bn,t("div",{class:"media",onMouseenter:u[12]||(u[12]=H=>z(4))},[t("div",Dn,[W(_)?(M(),ae(k,{key:0,format:"webp",class:"imgBis",src:"img/05r.png",alt:""})):se("",!0),c(k,{format:"webp",class:"grey",src:"img/05.png",alt:""}),t("div",jn,[c(k,{format:"webp",src:"img/05.png",alt:"",class:"fond"}),t("div",Nn,[c(k,{class:"img",format:"webp",src:"img/05.png",alt:""}),c(k,{class:"img",format:"webp",src:"img/05.png",alt:""})])])])],32)],34)])])])],512)}}},Ao=B(Pn,[["__scopeId","data-v-28f4920b"]]);const C=e=>(le("data-v-2819df48"),e=e(),re(),e),Vn={class:"app-footer"},Yn={class:"grid-padding"},Gn={class:"drawLine say"},Fn=C(()=>t("span",{class:"word word-1"},[t("span",{class:"word-above"},"Over 15 years of experience"),t("span",{class:"word-under"},"Over 15 years of experience")],-1)),Un=C(()=>t("br",{class:"word-1"},null,-1)),Kn=C(()=>t("span",{class:"word word-1"},[t("span",{class:"word-above"},"in the design industry"),t("span",{class:"word-under"},"in the design industry")],-1)),Zn=C(()=>t("br",{class:"word-1"},null,-1)),Xn=C(()=>t("span",{class:"word word-1"},[t("span",{class:"word-above"},"crafting websites and design"),t("span",{class:"word-under"},"crafting websites and design")],-1)),Qn=C(()=>t("br",{class:"word-1"},null,-1)),Jn=C(()=>t("span",{class:"word word-1"},[t("span",{class:"word-above"},"work for clients of all sizes."),t("span",{class:"word-under"},"work for clients of all sizes.")],-1)),eo=C(()=>t("br",{class:"word-1"},null,-1)),to=C(()=>t("span",{class:"word word-2"},[t("span",{class:"word-above"},"Over 15 years of")],-1)),ao=C(()=>t("br",{class:"word-2"},null,-1)),so=C(()=>t("span",{class:"word word-2"},[t("span",{class:"word-above"},"experience")],-1)),no=C(()=>t("br",{class:"word-2"},null,-1)),oo=C(()=>t("span",{class:"word word-2"},[t("span",{class:"word-above"},"in the design industry")],-1)),io=C(()=>t("br",{class:"word-2"},null,-1)),co=C(()=>t("span",{class:"word word-2"},[t("span",{class:"word-above"},"crafting websites and")],-1)),lo=C(()=>t("br",{class:"word-2"},null,-1)),ro=C(()=>t("span",{class:"word word-2"},[t("span",{class:"word-above"},"design work for")],-1)),vo=C(()=>t("br",{class:"word-2"},null,-1)),uo=C(()=>t("span",{class:"word word-2"},[t("span",{class:"word-above"},"clients of all sizes.")],-1)),po={class:"drawLine data"},fo=C(()=>t("h2",{class:"sr-only"},"Say hello",-1)),ho=C(()=>t("p",null,[P(" Romainville "),t("br"),P(" (neuf-trois/Paris) ")],-1)),_o={class:"last"},go=C(()=>t("br",null,null,-1)),mo=O('',1),wo=[mo],yo={__name:"AppFooter",setup(e){const a=S(null),s=xe("colorActive",()=>!1);let n=0;D(()=>{l.matchMedia().add("(min-width: 1025px)",()=>{l.delayedCall(1,()=>{a.value.querySelectorAll(".word-above").forEach(i=>{l.to(i,{y:"100%",ease:"power1.inOut",scrollTrigger:{trigger:i,start:"bottom bottom",end:"top 55%",scrub:1}})}),a.value.querySelectorAll(".word-under").forEach(i=>{l.to(i,{y:"0%",ease:"power1.inOut",scrollTrigger:{trigger:i.parentElement.querySelector(".word-above"),start:"bottom bottom",end:"top 55%",scrub:1}})})})})});function o(){s.value=!s.value,n=(n+1)%4,(n===1||n===3)&&document.body.classList.toggle("neg"),document.querySelector("html").classList.toggle("colorBis")}return(i,d)=>{const r=ne;return M(),j("footer",Vn,[t("div",Yn,[t("div",Gn,[t("p",{class:"t-h2 footer-para","aria-label":"Over 15 years of experience in the design industry crafting websites and design work for clients of all sizes.",ref_key:"say",ref:a,translate:"no"},[Fn,P(),Un,Kn,P(),Zn,Xn,P(),Qn,Jn,P(),eo,to,P(),ao,so,P(),no,oo,P(),io,co,P(),lo,ro,P(),vo,uo],512)]),t("div",po,[fo,ho,t("div",null,[c(r,{url:"https://twitter.com/rubxkub",label:"Twitter"}),c(r,{url:"https://www.instagram.com/rubxkub",label:"Instagram"}),c(r,{url:"https://www.linkedin.com/in/gylstroy",label:"Linkedin"}),c(r,{url:"https://savee.it/rubxkub",label:"Savee"}),c(r,{url:"mailto:hello@rxkstudio.com",label:"Email",mailto:!0})]),t("p",_o,[P(" Coded by "),go,c(r,{url:"https://michaelg.fr",label:"Michaël Garcia"})])]),t("button",{"aria-label":"Toggle color",onClick:o},wo)])])}}},xo=B(yo,[["__scopeId","data-v-2819df48"]]);export{ko as _,Ao as a,xo as b};