https://www.cuubstudio.com/component---src-templates-portfolio-case-study-js-f882c1667f724b841f50.js

1"use strict";(self.webpackChunkbest_website=self.webpackChunkbest_website||[]).push([[6888],{56945:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.AnchorLink=d;var n=o(r(67294)),a=r(1597),l=o(r(45697)),i=r(2284);function o(e){return e&&e.__esModule?e:{default:e}}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){var t=e.to,r=e.title,l=e.children,o=e.className,c=e.stripHash,m=void 0!==c&&c,d=e.gatsbyLinkProps,u=void 0===d?{}:d,p=e.onAnchorLinkClick,f=m?i.handleStrippedLinkClick:i.handleLinkClick,b=s(s({},u),{},{to:m?(0,i.stripHashedLocation)(t):t,onClick:function(e){return f(t,e,p)}});return r&&(b.title=r),o&&(b.className=o),n.default.createElement(a.Link,b,l||r)}d.propTypes={to:l.default.string.isRequired,title:l.default.string,className:l.default.string,stripHash:l.default.bool,gatsbyLinkProps:l.default.object,onAnchorLinkClick:l.default.func,children:l.default.node}},53089:function(e,t,r){Object.defineProperty(t,"P",{enumerable:!0,get:function(){return n.AnchorLink}});var n=r(56945)},70874:function(e,t,r){function n(){if("object"==typeof window)return window.innerWidth<1024?"mobile":"desktop"}r.d(t,{Z:function(){return n}})},58793:function(e,t,r){var n=r(67294);t.Z=function(){return n.createElement("svg",{className:"h-full w-full fill-current",viewBox:"0 0 25 26",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"m12 25.728-1.756-1.756 9.656-9.655H.59v-2.634H19.9l-9.656-9.655L12 .272 24.728 13z",fillRule:"evenodd"}))}},50692:function(e,t,r){var n=r(67294),a=r(53089);t.Z=function(e){var t=e.innerLinks,r=e.contentWidth,l=e.firstTitle;return n.createElement("section",{className:"inner-nav mx-6 mt-6 flex justify-between overflow-x-auto lg:mx-auto lg:justify-start "+(r?"lg:w-screen-step-18":"lg:w-screen-step-26")},n.createElement("div",{className:"inner-link-current py-4 lg:mr-32"},l),t.map((function(e){return n.createElement(a.P,{to:e.href,key:e.href,className:"inner-link ml-8 py-4 lg:ml-0 lg:mr-32"},e.text)})))}},37441:function(e,t,r){r.d(t,{Z:function(){return o}});var n=r(67294),a=r(32884),l=r(70874),i=[{ry:0,rx:0},{ry:90,rx:0},{ry:180,rx:0},{ry:270,rx:0},{ry:0,rx:90},{ry:0,rx:-90}];function o(e){var t=e.faceColor,r=e.prefix,o=(0,l.Z)(),c=(0,n.useState)(0),s=c[0],m=c[1],d=i.map((function(){return(0,n.createRef)()}));return(0,n.useEffect)((function(){"desktop"===o?m(Math.ceil(.4*window.innerHeight)):"mobile"===o&&m(Math.ceil(.52*window.innerWidth))}),[o]),(0,n.useEffect)((function(){s&&d.forEach((function(e,t){a.ZP.set(e.current,{rotateX:i[t].rx,rotateY:i[t].ry})}))}),[d,s]),n.createElement("div",{className:r+"-cube-container absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",style:{height:s+"px",width:s+"px",perspective:3*s+"px"}},n.createElement("div",{id:r+"-cube",className:"absolute h-full w-full",style:{transformStyle:"preserve-3d"}},s&&i.map((function(e,a){var l=e.rx,i=e.ry;return n.createElement("div",{className:r+"-face "+t+" absolute h-full w-full",style:{borderRadius:"7px",transformStyle:"preserve-3d",transformOrigin:"50% 50% -"+.5*s+"px",transform:"translate3d(0px, 0px, "+.5*s+"px)"},ref:d[a],key:""+l+i})}))))}},32493:function(e,t,r){r.d(t,{v:function(){return c},z:function(){return o}});var n=r(67294),a=r(1597),l=r(32884),i=r(37441);function o(){var e=13,t=37.5;return(0,n.useEffect)((function(){l.ZP.set("#infinite-cube",{rotateX:e,rotateY:t}),l.ZP.timeline({paused:!0,repeat:-1,yoyo:!0,defaults:{duration:1.5,ease:"none"},id:"infinite-cube-tl"}).to("#infinite-cube",{rotateX:103,rotateY:127.5}).to("#infinite-cube",{rotateX:193,rotateY:217.5}).to("#infinite-cube",{rotateX:283,rotateY:307.5}).to("#infinite-cube",{rotateX:373,rotateY:397.5}

1).to("#infinite-cube",{rotateX:463,rotateY:487.5}).to("#infinite-cube",{rotateX:553,rotateY:577.5}).to("#infinite-cube",{rotateX:643,rotateY:667.5}).to("#infinite-cube",{rotateX:733,rotateY:757.5})})),n.createElement("section",{id:"ready-to-start-wrapper",className:"absolute top-0 z-[4] h-screen w-full overflow-hidden bg-accent",style:{visibility:"hidden"}},n.createElement("div",{className:"relative h-full w-full"},n.createElement(i.Z,{faceColor:"bg-black",prefix:"infinite"}),n.createElement("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 whitespace-pre-wrap text-center font-headings text-[1.75rem] font-semibold leading-tight text-white lg:top-auto lg:bottom-[var(--seeing-bottom)] lg:translate-y-0 lg:whitespace-nowrap lg:text-[6rem] lg:leading-none"},"Ready to start?"," ",n.createElement(a.Link,{to:"/contacts/",className:"inline-block border-b-2 border-white lg:border-b-4",id:"drop-a-line"},"Drop us a line"))))}var c=function(e){return l.ZP.timeline({id:"r2s-tl",defaults:{ease:"none"},onStart:function(){l.ZP.getById("infinite-cube-tl").resume()},onReverseComplete:function(){l.ZP.getById("infinite-cube-tl").pause()}}).set("#ready-to-start-wrapper",{autoAlpha:1},0).to("#our-partners-wrapper",{yPercent:-100,duration:2}).call((function(){return e("quote","total-black","black")}),null,.15).call((function(){return e("menu-bg","bg-transparent","bg-white transition-colors duration-500")}),null,1.85).set("#our-partners-wrapper",{autoAlpha:0})}},76201:function(e,t,r){r.d(t,{f:function(){return y}});var n=r(67294),a=r(11488),l=r(14456),i=r(53650),o=r(15169),c=r(68808);function s(){var e=(0,n.useState)(!1),t=e[0],r=e[1];return(0,n.useEffect)((function(){window&&window.location.hostname.indexOf("cuubstudio")<0&&window.location.search.toLowerCase().indexOf("grid")>0&&r(!0)}),[]),t?n.createElement(n.Fragment,null,n.createElement("div",{className:"absolute top-0 left-0 z-50 grid h-full w-full grid-cols-16 lg:hidden"},n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:""}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:""}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:""}),n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:""}),n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:""}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:""}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:""}),n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:""})),n.createElement("div",{className:"absolute top-0 left-0 z-50 hidden h-full w-full grid-cols-36 lg:grid"},n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-100"}),n.createElement("div",{className:"border-r border-pink-300"}),n.createElement("div",{className:""}))):null}var m=r(11343),d=(0,n.forwardRef)((function(e,t){var r,a,l=e.hero;return l?n.createElement("header",{className:"relative z-0 h-[50vh] w-full lg:h-screen",ref:t},null!=l&&null!==(r=l.video)&&void 0!==r&&r.url?n.createElement(m.Z,{cover:null!==(a=l.image)&&void 0!==a&&a.url?l.image:null,coverPosition:36,coverMobilePosition:16,videoUrl:l.video.url}):n.createElement(o.D,{image:l.image,position:36,mobilePosition:16,className:"h-full w-full object-cover"}),n.createElement(c.Z,null),l.h1?n.createElement(i.wY,{className:"absolute bottom-screen-step w-full",rightColumnWithGutter:n.createElement("h1",{className:"leading-[1.1] text-white"},l.h1)}):null,n.createElement(s,null)):null})),u=r(10443),p=r(1597),f=r(19364),b=function(e){var t=e.color;return n.createElement(p.Link,{to:"https://research.typeform.com/to/d5SVcDHm",className:"group relative block h-full w-full overflow-hidden uppercase tracking-px text-white "+("black"===t?"bg-black":"")+" transition-colors duration-300"},n.createElement("div",{key:"first",className:"pointer-events-none absolute top-0 left-full h-full w-full bg-accent transition-transform duration-300 ease-in group-hover:-translate-x-full"}),n.createElement("div",{key:"second",className:"pointer-events-none absolute top-0 left-0 flex h-full w-full items-center justify-between pl-4"},n.createElement("div",{className:"flex-initial whitespace-nowrap font-semibold leading-tight transition-colors duration-300 group-hover:text-white"},"Get a Quote"),n.createElement("div",{className:"mr-4 flex h-full w-8 items-center justify-end"},n.createElement("i",{className:"block h-3 w-3 bg-accent transition-colors duration-100 group-hover:bg-accent"}))))},g=r(32884),v=r(57356);g.p8.registerPlugin(v.Z);

1var h=function(e,t,r,a){var l=(0,n.useState)(e?"white":"black"),i=l[0],o=l[1];return(0,n.useEffect)((function(){if(e&&r.current&&"none"!==getComputedStyle(r.current).display){var n=window.innerWidth/36,l=window.innerHeight-n*(1+a),i=v.Z.create({trigger:t.current,start:"top top",end:"bottom "+l+"px",onLeave:function(){o("black")},onEnterBack:function(){o("white")}});return function(){i&&i.kill()}}}),[e,t,r,a]),i},E=function(e){var t=e.expectHero,r=e.heroRef,a=e.position,l=e.wordmarkColor,i=e.ctaVariant,o=(e.isVisible,(0,n.useRef)()),c=h(t,r,o,.55),s="auto"===l?"white"===c?"text-white":"text-black":l;return n.createElement("div",{ref:o,id:"bottom-sticky-panel",className:a+" pointer-events-none bottom-0 z-10 hidden w-full items-center justify-between px-screen-step pb-screen-step lg:flex"},n.createElement("div",{className:"pointer-events-auto w-content-step-3"},n.createElement(p.Link,{to:"/",className:s+" accent-hover block"},n.createElement(f.Z,null))),"hidden"===i?null:n.createElement("div",{className:"pointer-events-auto h-content-step w-content-step-4 text-[0.8rem]"},n.createElement(b,{color:c})))};function w(e){var t=e.expectHero,r=e.heroRef,a=(0,n.useRef)(),l=h(t,r,a,.55);return n.createElement(p.Link,{to:"/",className:"fixed left-screen-step bottom-screen-step w-1/4 max-w-[7.5rem] lg:hidden "+("white"===l?"block text-white":"hidden")+" z-10 transition-colors duration-300",ref:a},n.createElement(f.Z,null))}var x=r(4482),k=r(29499);function N(e){var t=e.expectHero,r=e.heroRef,a=(0,n.useRef)(),l=h(t,r,a,.55);

1return"/contacts/"===(0,k.useLocation)().pathname?null:n.createElement("div",{className:"fixed right-screen-step bottom-[calc(0.6*var(--screen-grid-step))] z-10 w-[calc(5.8*var(--screen-grid-step))] max-w-[9rem] lg:static lg:hidden",ref:a},n.createElement(p.Link,{id:"get-a-quote-mobile",to:"https://research.typeform.com/to/d5SVcDHm",className:"group flex h-10 items-center justify-between overflow-hidden px-3 text-xs font-bold uppercase tracking-wider text-white "+("black"===l?"bg-black":"")+" transition-colors duration-300"},n.createElement("i",{className:"block h-3 w-3 bg-accent"}),"Get a Quote"))}var y=function(e){var t=e.desktopMenuBg,r=e.desktopMenuColor,i=e.desktopWordmarkColor,o=e.desktopWordmarkPosition,c=e.desktopCtaVariant,m=(e.mobileMenuBg,e.mobileMenuColor,e.mobileWordmarkColor,e.mobileWordmarkPosition,e.mobileCtaVariant,e.mainFullWidth),p=e.children,f=e.hero,b=e.hideFooter,g=e.seoFields,v=!!f,h=(0,n.useRef)(),k=(0,n.useRef)(),y={expectHero:v,heroRef:h,mainRef:k,transparentBg:b},P={expectHero:v,bgClass:null!=t?t:"auto",colorClass:null!=r?r:"auto"},j={isVisible:!("hidden"===o&&"hidden"===c),position:"static"===o?"absolute":"sticky",wordmarkColor:null!=i?i:"auto",ctaVariant:c};return n.createElement(n.Fragment,null,n.createElement("div",{className:("sticky"===j?"lg:pb-screen-step":"")+" relative w-full"},n.createElement(d,{hero:f,ref:h}),n.createElement(u.Z,P),n.createElement(x.Z,P),n.createElement(w,y),n.createElement("main",{ref:k,className:["relative z-0 min-h-full","sticky"===j?"lg:mb-10":"",m?"":"mx-auto max-w-screen-3xl"].join(" ")},p,n.createElement(l.Z,{incomingSeoFields:g}),n.createElement(s,null)),j.isVisible?n.createElement(E,Object.assign({},y,j)):null,n.createElement(N,y)),b?"":n.createElement(a.Z,null))}},15526:function(e,t,r){r.r(t);var n=r(67294),a=r(1597),l=r(21215),i=r(53650),o=r(15169),c=r(76201),s=r(50692),m=r(58793),d=r(32493),u=r(32884),p=r(57356);u.ZP.registerPlugin(p.Z);var f=function(e){var t,r=e.context.gridToDisplay,a=e.slice.primary,i=a.anchor,c=a.heading;return n.createElement(n.Fragment,null,n.createElement("div",{id:i||null,className:"mt-20 px-screen-step lg:mt-36 lg:text-center"},null!==(t=c.richText)&&void 0!==t&&t.length?n.createElement(l.v,{field:c.richText}):null),n.createElement(o.Ec,{grid:r,keepImageHeight:!0}))},b=function(e){var t=e.context.top,r=t.architect,a=t.location,o=t.project_name,c=e.slice.primary.intro;return n.createElement(n.Fragment,null,n.createElement("section",{className:"mt-10 flex flex-wrap justify-center px-screen-step lg:flex-nowrap"},n.createElement("h1",{className:"w-full lg:w-screen-step-8"},o),n.createElement(i.F$,{className:"w-full pt-[calc(0.9*(3.5rem-1.25*1.625rem))] lg:ml-screen-step-2 lg:w-screen-step-8"},n.createElement(l.v,{field:c.richText}))),n.createElement("section",{className:"publication -mb-20 flex flex-wrap justify-center px-screen-step text-pale lg:mt-10 lg:flex-nowrap"},n.createElement("p",{className:"block w-full lg:w-screen-step-8"},n.createElement("strong",{className:"uppercase"},"Location: "),a),n.createElement("p",{className:"!mt-2 block w-full lg:!mt-0 lg:ml-screen-step-2 lg:w-screen-step-8"},n.createElement("strong",{className:"uppercase"},"Partner: "),r)))},g=function(e){var t=e.slice.primary,r=t.anchor,a=t.text;return n.createElement("section",{id:r||null,className:"publication mx-auto mt-30 w-full max-w-screen-xl px-screen-step lg:w-screen-step-18 lg:px-0"},n.createElement(l.v,{field:a.richText}))},v=function(e){var t=e.slice.primary,r=t.anchor,a=t.heading,i=t.services;return n.createElement("section",{id:r||null,className:"mx-auto mt-30 flex w-full flex-wrap justify-center bg-black/5 py-10 px-screen-step lg:w-screen-step-26 lg:px-0 lg:py-18"},n.createElement("div",{className:"w-full lg:w-screen-step-8"},n.createElement(l.v,{field:a.richText})),n.createElement("div",{className:"publication w-full lg:ml-screen-step-2 lg:-mt-5 lg:w-screen-step-8"},n.createElement(l.v,{field:i.richText})))},h=function(e){var t=e.slice,r=t.items,a=t.primary,c=a.anchor,s=a.heading;return n.createElement("section",{id:c||null,className:"mt-30 px-screen-step lg:mx-auto lg:w-screen-step-18 lg:px-0"},n.createElement(l.v,{field:s.richText}),n.createElement("div",{className:"mt-10 grid gap-y-6 lg:grid-cols-2 lg:gap-x-screen-step-2"},r.map((function(e){var t=e.member.document.data,r=t.name,a=t.position,l=t.square_funny_photo,c=e.position_override;return n.createElement("div",{className:"flex w-screen-step-8",key:r},n.createElement(o.D,{image:l,position:2,mobilePosition:4,className:"flex-none"}),n.createElement("div",{className:"ml-10 flex-none"},n.createElement(i.F$,null,r),n.createElement(i.F$,{className:"mt-1 font-normal"},c||a)))}))))},E=function(e){var t=e.slice.primary,r=t.anchor,a=t.heading,i=t.author_name,c=t.author_position,s=t.logo,m=t.text;return n.createElement("section",{id:r||null,className:"mx-auto mt-30 w-full px-screen-step lg:w-screen-step-22 lg:px-0"},n.createElement("div",{className:"lg:ml-screen-step-2"},n.createElement(l.v,{field:a.richText})),n.createElement("div",{className:"relative mt-10 bg-black/5 px-screen-step py-20 lg:px-screen-step-4"},n.createElement("h3",{className:"!leading-none"},i),n.createElement("h4",{className:"mt-2"},c),n.createElement("div",{className:"publication mt-8"},n.createElement(l.v,{field:m.richText})),null!=s&&s.url?n.createElement(o.D,{image:s,position:2,mobilePosition:4,className:"absolute top-screen-step-1/4 right-screen-step"}):null))},w=function(e){var t=e.slice.primary.image;return n.createElement(o.D,{image:t,position:26,mobilePosition:14,className:"mx-auto mt-10 lg:mt-14"})},x=function(e){var t=e.slice.primary,r=t.image_1,a=t.image_2;return n.createElement("section",{className:"mx-auto mt-10 flex w-full px-screen-step lg:mt-14 lg:w-screen-step-26 lg:px-0"},n.createElement(o.D,{image:r,position:12,mobilePosition:6}),n.createElement(o.D,{image:a,position:12,mobilePosition:6,className:"ml-screen-step-2"}))},k=function(e){var t=e.slice.primary,r=t.video_url.embed_url,a=t.image.url,l=n.createRef(),i=n.createRef();return n.createElement("section",{className:"mx-auto mt-14 flex w-full px-screen-step lg:w-screen-step-26 lg:px-0"},n.createElement("div",{className:"w-full",style:{position:"relative",paddingBottom:"56.25%",height:0}},n.createElement("div",{ref:l,id:"frameStart",className:"absolute top-0 left-0 z-10 my-0 mx-auto h-full w-full transition-opacity duration-300"},n.createElement("div",{className:"h-full bg-black"},n.createElement("img",{className:"h-full w-full object-cover opacity-70",src:a,alt:"Embed start"})),n.createElement("button",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-white transition-colors duration-300 hover:text-accent",type:"button",onClick:function(){l.current.classList.add("opacity-0","pointer-events-none"),i.current.src+="?autoplay=1"}},n.createElement("svg",{width:"90",height:"90",viewBox:"0 0 190 190",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M150.559 94.5L9 173.656V15.344L150.559 94.5Z",stroke:"currentColor","stroke-width":"18"})))),n.createElement("iframe",{style:{margin:"0 auto",position:"absolute",top:0,left:0,width:"100%",height:"100%"},ref:i,src:"https://www.youtube.com/embed/"+r.split("=")[1],title:"YouTube video player",frameBorder:"0",allow:"autoplay; accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share;

1",allowFullScreen:!0,referrerpolicy:"strict-origin-when-cross-origin"})))},N=function(e){var t,r=e.context.embedGridSlices,a=e.slice.primary,i=a.video_url.embed_url,c=a.image.url,s=a.anchor,m=a.heading,d=n.createRef(),u=n.createRef();return n.createElement(n.Fragment,null,n.createElement("div",{id:s||null,className:"mt-20 px-screen-step lg:mt-36 lg:text-center"},null!==(t=m.richText)&&void 0!==t&&t.length?n.createElement(l.v,{field:m.richText}):null),n.createElement("div",{className:"-mb-6 mt-6 px-screen-step-1/2 pb-screen-step-1/2 lg:-mb-16 lg:mt-16"},n.createElement("div",{className:"w-full ",style:{position:"relative",paddingBottom:"56.25%",height:0}},n.createElement("div",{ref:d,id:"frameStart",className:"absolute top-0 left-0 z-10 my-0 mx-auto h-full w-full transition-opacity duration-300"},n.createElement("div",{className:"h-full bg-black"},n.createElement("img",{className:"h-full w-full object-cover opacity-70",src:c,alt:"Embed start"})),n.createElement("button",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-white transition-colors duration-300 hover:text-accent",type:"button",onClick:function(){d.current.classList.add("opacity-0","pointer-events-none"),u.current.src+="?autoplay=1"}},n.createElement("svg",{width:"90",height:"90",viewBox:"0 0 190 190",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M150.559 94.5L9 173.656V15.344L150.559 94.5Z",stroke:"currentColor","stroke-width":"18"})))),n.createElement("iframe",{style:{margin:"0 auto",position:"absolute",top:0,left:0,width:"100%",height:"100%"},ref:u,src:"https://www.youtube.com/embed/"+i.split("=")[1],title:"YouTube video player",frameBorder:"0",allow:"autoplay; accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share;",allowFullScreen:!0,referrerpolicy:"strict-origin-when-cross-origin"}))),n.createElement(o.Ec,{grid:r,keepImageHeight:!0}))};t.default=function(e){var t=e.pageContext||e,r=t.anchors,i=t.architect,y=t.gridToDisplay,P=t.embedGridSlices,j=t.hero,Z=t.location,C=t.nextCaseStudy,L=t.project_name,_=t.slices;return(0,n.useEffect)((function(){if(window.innerWidth>=1024){var e,t=(null===(e=document.querySelector("#bottom-sticky-panel"))||void 0===e?void 0:e.clientHeight)||70;document.querySelector("#r2s-container").style.marginBottom="-"+t+"px"}u.ZP.set("#ready-to-start-wrapper",{autoAlpha:1},0);var r=p.Z.create({trigger:"#r2s-container",start:"top bottom",end:"+=150% bottom",onEnter:function(){u.ZP.getById("infinite-cube-tl").resume()},onLeaveBack:function(){u.ZP.getById("infinite-cube-tl").pause()}});return function(){r.kill()}})),n.createElement(c.f,{desktopWordmarkPosition:"sliding",desktopWordmarkColor:"text-white",desktopCtaVariant:"hidden",mainFullWidth:!0,hero:null!=j?j:null},n.createElement(s.Z,{innerLinks:r,contentWidth:!0,firstTitle:"Intro"}),n.createElement(l.pv,{slices:_,components:{horizontal_image:w,image_pair:x,render_grid:f,review:E,services_provided:v,team:h,text_block:g,top_section:b,_video:k,embed_youtube:N},context:{top:{project_name:L,location:Z,architect:i},gridToDisplay:y,embedGridSlices:P}}),n.createElement("section",{id:"next-case-study",className:"relative mt-30 h-screen w-full bg-black/75 text-white"},n.createElement(a.Link,{to:C.link,className:"peer group absolute bottom-screen-step-2 z-[2] w-full px-screen-step lg:text-center"},n.createElement("h5",null,"Next case study"),n.createElement("div",{className:"mt-7 inline-flex items-center font-headings text-4xl font-semibold leading-none lg:justify-center lg:text-6xl lg:leading-none"},n.createElement("span",{className:"mr-4"},C.project_name),n.createElement("i",{className:"block h-10 w-10 -rotate-45 transition-transform duration-300 ease-in-out group-hover:rotate-0 lg:h-12 lg:w-12"},n.createElement(m.Z,null)))),n.createElement(o.D,{image:C.image,position:36,mobilePosition:16,className:"h-screen w-full object-cover lg:peer-hover:brightness-[0.6]"})),n.createElement("section",{className:"relative h-screen w-full",id:"r2s-container"},n.createElement(d.z,null)))}}}]);
2//# sourceMappingURL=component---src-templates-portfolio-case-study-js-f882c1667f724b841f50.js.map