https://sereinproperties.com/static/js/8017.48d58c4c.chunk.js

1"use strict";(self.webpackChunkserein_corporate_full=self.webpackChunkserein_corporate_full||[]).push([[8017,3219],{4854:function(e,t,n){n(7313);t.Z=n.p+"static/media/logo-colliers-green.1ccd649f425bdace19c6717a6c52dcd6.svg"},9863:function(e,t,n){n(7313);t.Z=n.p+"static/media/logo-colliers-white.3ab3dc1b202ba1c629dbaa0b6d785a3f.svg"},9231:function(e,t,n){n(7313);t.Z=n.p+"static/media/logo-mckinley-green.717a4e7a10b119a9224f9463332a159f.svg"},9273:function(e,t,n){n(7313);t.Z=n.p+"static/media/logo-mckinley-white.df818df8ca8327a75498a190071bbb3e.svg"},2995:function(e,t,n){n(7313);t.Z=n.p+"static/media/logo-revery-green.0da0521e8fb30b16b565975e7a511444.svg"},2706:function(e,t,n){n(7313);t.Z=n.p+"static/media/logo-revery-white.bb2f4db2b534554a979d65d6f5d18bdc.svg"},164:function(e,t,n){n(7313);t.Z=n.p+"static/media/logo-turner-green.55393602b2546a6d86b58b40ab6d1543.svg"},5797:function(e,t,n){n(7313);t.Z=n.p+"static/media/logo-turner-white.8a7759102e8f04b375dcd684f6412732.svg"},5040:function(e,t,n){var r=n(244),i=n(1327),o=n(6417);t.Z=function(e){var t=e.text,n=e.className,r=e.light,i=e.short;return(0,o.jsxs)(c,{className:n,children:[(0,o.jsx)("p",{className:"subheading uppercase ".concat(r?"beige":"dark-green"),children:t}),(0,o.jsx)(a,{short:i})]})};var c=r.ZP.div.withConfig({componentId:"sc-1qdjzbd-0"})(["p{","}"],(0,i.ZP)("width",220,"auto")),a=r.ZP.div.withConfig({componentId:"sc-1qdjzbd-1"})(["background-color:",";"," "," ",""],(function(e){return e.theme.color.clay}),(0,i.ZP)("width",20),(0,i.ZP)("height",3),(function(e){return e.short?(0,i.ZP)("margin-top",13):(0,i.ZP)("margin-top",20)}))},8017:function(e,t,n){n.r(t),n.d(t,{default:function(){return z}});var r=n(3433),i=n(7313),o=n(244),c=n(3589),a=n(3219),l=n(926),s=n(5554),d=n(7743),g=n(380),u=n(9824),h=n(5040),p=n(1327),f=n(8523),m=n(7993),b=[{title:"colliers",logo:{light:n(9863).Z,dark:n(4854).Z,width:[123.5,110.29,165.4]},website:"https://www.collierscanada.com/en-ca"},{title:"revery",logo:{light:n(2706).Z,dark:n(2995).Z,width:[104.5,109.1,163.7]},website:"https://reveryarchitecture.com/"},{title:"mckinley",logo:{light:n(9273).Z,dark:n(9231).Z,width:[124,157.8,236.8]},website:"https://www.mckinleystudios.com/"},{title:"turner",logo:{light:n(5797).Z,dark:n(164).Z,width:[99.6,109.9,164.8]},website:"https://www.turnerconstruction.com/"}],Z=n(5703),P=n(6417),x=Z.Z.mediaQuery,w=o.ZP.div.withConfig({componentId:"sc-14n4o5j-0"})(["@media ","{height:200vh;}"],m.Z.tablet),v=o.ZP.div.withConfig({componentId:"sc-14n4o5j-1"})(["position:relative;width:100%;background-color:",";"," "," "," "," "," video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;}h3{position:relative;z-index:3;"," ","}"],(function(e){var t=e.theme;return e.beige?t.color.beige:"transparent"}),(0,p.ZP)("height","auto","100vh"),(0,p.ZP)("padding-left",40,120,177),(0,p.ZP)("padding-right",20,80,173),(0,p.ZP)("padding-bottom",80,0),(function(e){return e.margin&&(0,p.ZP)("margin-top",0,"-100vh")}),(0,p.ZP)("padding-top",207,370,362),(0,p.ZP)("max-width",300,568,1094)),j=o.ZP.div.withConfig({componentId:"sc-14n4o5j-2"})(["position:relative;pointer-events:none;width:100%;"," @media ","{height:100vh;margin-top:-100vh;}"],(0,p.ZP)("display","none","block"),m.Z.tablet),y=o.ZP.div.withConfig({componentId:"sc-14n4o5j-3"})(["width:100%;pointer-events:all;position:relative;z-index:3;"," "," "," "," "," @media ","{position:absolute;}"],(0,p.ZP)("bottom","auto",80,68),(function(e){return!e.mobile&&(0,p.ZP)("padding-left",40,120,177)}),(0,p.ZP)("padding-right",20,80,173),(function(e){return e.mobile&&(0,p.ZP)("display","block","none")}),(0,p.ZP)("margin-top",64,0),m.Z.tablet),k=o.ZP.div.withConfig({componentId:"sc-14n4o5j-4"})(["display:flex;"," "," "," "," p{transform:translateY(0);"," ","}.showMobile{","}"],(0,p.ZP)("padding-top",160,281,356),(0,p.ZP)("flex-direction","column","column","row"),(0,p.ZP)("align-items","flex-start","flex-start","flex-end"),(0,p.ZP)("gap",40,60,174),(0,p.ZP)("width",300,490,484),(0,p.ZP)("margin-bottom",0,0,20),(0,p.ZP)("display","block","block","none")),R=o.ZP.div.withConfig({componentId:"sc-14n4o5j-5"})(["align-items:center;"," "," "," "," "," "," ",""],(0,p.ZP)("grid-template-columns","repeat(2, 1fr)","repeat(3, 1fr)","auto"),(0,p.ZP)("display","grid","grid","flex"),(0,p.ZP)("justify-content","center","center","flex-start"),(0,p.ZP)("row-gap",32),(0,p.ZP)("column-gap",0,64,0),(0,p.ZP)("margin-top",64,40),(0,p.ZP)("margin-right",0,61,0)),A=o.ZP.div.withConfig({componentId:"sc-14n4o5j-6"})(["position:relative;display:flex;justify-content:center;height:100%;img{height:auto;","}.light{position:absolute;top:0;opacity:",";"," ","}@media ","{.light{opacity:0;}}"],(function(e){var t=e.width;return p.ZP.apply(void 0,["width"].concat((0,r.Z)(t)))}),(function(e){return e.mobile?0:1}),(0,p.ZP)("left","50%","50%",0),(0,p.ZP)("transform","translateX(-50%)","translateX(-50%)","translateX(0%)"),m.Z.tablet),N=o.ZP.div.withConfig({componentId:"sc-14n4o5j-7"})(["position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;@media ","{opacity:0;}"],m.Z.tablet),C=o.ZP.div.withConfig({componentId:"sc-14n4o5j-8"})(["position:absolute;top:0;left:0;width:100%;height:100%;background:",";

1opacity:0.9;z-index:2;"],(function(e){return e.theme.color.darkGreen})),I=o.ZP.div.withConfig({componentId:"sc-14n4o5j-9"})(["background-color:",";width:1px;"," "," "," ",""],(function(e){return e.theme.color.clay}),(0,p.ZP)("height",21),(0,p.ZP)("margin-left",64),(0,p.ZP)("margin-right",64),(0,p.ZP)("display","none","none","block")),T=o.ZP.h3.withConfig({componentId:"sc-14n4o5j-10"})(["@media ","{opacity:0;transform:translateY(10%);}"],m.Z.tablet),E=o.ZP.p.withConfig({componentId:"sc-14n4o5j-11"})([""]),z=function(){var e=(0,i.useRef)(null),t=(0,i.useRef)(null),n=(0,i.useRef)(null),r=(0,i.useRef)(null),o=(0,i.useRef)(null),p=(0,i.useRef)(null),Z=(0,i.useRef)(null),z=(0,i.useRef)([]),S=(0,s.I0)(),M=(0,s.v9)((function(e){return e.browser})).is;return(0,a.V)((function(){var i=c.ZP.matchMedia();i.add("(max-width: ".concat(x.tablet-1,"px)"),(function(){c.ZP.fromTo(Z.current,{autoAlpha:0,yPercent:20},{scrollTrigger:{trigger:Z.current,start:"top bottom-=30%",end:"bottom center",toggleActions:"play none none none"},autoAlpha:1,yPercent:0,duration:.5}),c.ZP.to(p.current,{scrollTrigger:{trigger:p.current,start:"top bottom-=30%",end:"bottom center",toggleActions:"play none none none"},opacity:1,translateY:0,duration:.5})})),i.add(m.Z.tablet,(function(){l.Z.create({trigger:e.current,pin:n.current,start:"top top",end:"bottom bottom",pinSpacing:!1}),l.Z.create({trigger:e.current,pin:r.current,start:"top top",end:"bottom bottom",pinSpacing:!1}),l.Z.create({trigger:e.current,start:"top top",end:"bottom bottom",pin:t.current,pinSpacing:!1}),c.ZP.fromTo(Z.current,{autoAlpha:0,yPercent:20},{scrollTrigger:{trigger:Z.current,start:"top bottom-=30%",end:"bottom center",toggleActions:"play none none none"},autoAlpha:1,yPercent:0,duration:.5}),c.ZP.to(o.current,{scrollTrigger:{trigger:e.current,start:"center center",end:"center center",toggleActions:"play none none reverse",onEnter:function(){return S((0,d.Fz)(!0))},onLeaveBack:function(){return S((0,d.Fz)(!1))}},autoAlpha:1}),c.ZP.to(".slide-1-title .line",{scrollTrigger:{trigger:e.current,start:"center center",end:"center center",toggleActions:"play none none reverse"},opacity:0,yPercent:-20}),c.ZP.fromTo(Z.current,{opacity:1,yPercent:0},{scrollTrigger:{trigger:e.current,start:"center center",end:"center center",toggleActions:"play none none reverse"},opacity:0,yPercent:-20,duration:.5}),c.ZP.to(p.current,{scrollTrigger:{trigger:e.current,start:"center center",end:"center center-=20%",toggleActions:"play none none reverse"},opacity:1,translateY:0,duration:.5}),z.current.forEach((function(t){t&&t.querySelectorAll(".light").forEach((function(t){c.ZP.to(t,{scrollTrigger:{trigger:e.current,start:"center center",end:"center center-=20%",toggleActions:"play none none reverse"},opacity:1,duration:.5})}))})),c.ZP.to(".line-subheading .subheading",{scrollTrigger:{trigger:e.current,start:"center center",end:"center center-=20%",toggleActions:"play none none reverse",scrub:!0},color:f.Z.color.beige,duration:.5})}))}),[]),(0,P.jsxs)(w,{ref:e,children:[(0,P.jsxs)(v,{beige:!0,ref:n,children:[(0,P.jsxs)(k,{children:[(0,P.jsxs)(u.Z,{line1Margin:[-20,-40,-75],line2Margin:[20,40,0],line3Margin:[0,0,0],className:"slide-1-title",children:["Mutual respect",(0,P.jsx)("br",{}),"and a ",(0,P.jsx)("br",{className:"showMobile"}),(0,P.jsx)("span",{className:"clay",children:"shared vision"}),"."]}),(0,P.jsx)(E,{className:"dark-green",ref:Z,children:"Collaboration drives our thinking to new levels. We challenge ourselves and each other to seek out wisdom, explore vision, and create meaning."})]}),(0,P.jsxs)(y,{mobile:!0,children:[(0,P.jsx)(h.Z,{text:"EXPLORE OUR PARTNERS",className:"line-subheading"}),(0,P.jsx)(R,{children:b.map((function(e,t){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("a",{href:e.website,target:"_blank",rel:"noreferrer",children:(0,P.jsxs)(A,{width:e.logo.width,ref:function(e){return z.current[t]=e},mobile:!0,children:[(0,P.jsx)("img",{src:e.logo.dark,alt:e.title}),(0,P.jsx)("img",{src:e.logo.light,alt:e.title,className:"light"})]},e.title)}),t!==b.length-1&&(0,P.jsx)(I,{})]})}))})]})]}),(0,P.jsx)(g.Z,{disabled:!M.mobile,children:(0,P.jsxs)(v,{ref:r,margin:!0,slide2:!0,children:[(0,P.jsxs)(T,{className:"beige",ref:p,children:["With deep commitment to"," ",(0,P.jsx)("span",{className:"clay",children:"meaningful collaboration"}),", we put our full energy into the partnerships that bring our projects to life."]}),(0,P.jsxs)(N,{ref:o,children:[(0,P.jsx)(C,{}

1),(0,P.jsx)("video",{autoPlay:!0,muted:!0,loop:!0,playsInline:!0,children:(0,P.jsx)("source",{src:"https://media.bamdigital.com/serein/nav-background-partners-1080p.mp4",type:"video/mp4"})})]}),(0,P.jsxs)(y,{mobile:!0,children:[(0,P.jsx)(h.Z,{text:"EXPLORE OUR PARTNERS",className:"line-subheading",light:!0}),(0,P.jsx)(R,{children:b.map((function(e,t){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("a",{href:e.website,target:"_blank",rel:"noreferrer",children:(0,P.jsxs)(A,{width:e.logo.width,ref:function(e){return z.current[t]=e},children:[(0,P.jsx)("img",{src:e.logo.dark,alt:e.title}),(0,P.jsx)("img",{src:e.logo.light,alt:e.title,className:"light"})]},e.title)}),t!==b.length-1&&(0,P.jsx)(I,{})]})}))})]})]})}),(0,P.jsx)(j,{ref:t,children:(0,P.jsxs)(y,{children:[(0,P.jsx)(h.Z,{text:"EXPLORE OUR PARTNERS",className:"line-subheading"}),(0,P.jsx)(R,{children:b.map((function(e,t){return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("a",{href:e.website,target:"_blank",rel:"noreferrer",children:(0,P.jsxs)(A,{width:e.logo.width,ref:function(e){return z.current[t]=e},children:[(0,P.jsx)("img",{src:e.logo.dark,alt:e.title}),(0,P.jsx)("img",{src:e.logo.light,alt:e.title,className:"light"})]},e.title)}),t!==b.length-1&&(0,P.jsx)(I,{})]})}))})]})})]})}},7993:function(e,t,n){var r=n(5703);t.Z={tablet:"(min-width: ".concat(r.Z.mediaQuery.tablet,"px)"),desktop:"(min-width: ".concat(r.Z.mediaQuery.desktop,"px)"),ipadPro:"only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5)"}},3219:function(e,t,n){n.d(t,{V:function(){return d}});var r=n(7313),i=n(3589),o="undefined"!==typeof document?r.useLayoutEffect:r.useEffect,c=function(e){return e&&!Array.isArray(e)&&"object"===typeof e},a=[],l={},s=i.ZP,d=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a,n=l;c(e)?(n=e,e=null,t="dependencies"in n?n.dependencies:a):c(t)&&(t="dependencies"in(n=t)?n.dependencies:a),e&&"function"!==typeof e&&console.warn("First parameter must be a function or config object");var i=n,d=i.scope,g=i.revertOnUpdate,u=(0,r.useRef)(!1),h=(0,r.useRef)(s.context((function(){}),d)),p=(0,r.useRef)((function(e){return h.current.add(null,e)})),f=t&&t.length&&!g;return f&&o((function(){return u.current=!0,function(){return h.current.revert()}}),a),o((function(){if(e&&h.current.add(e,d),!f||!u.current)return function(){return h.current.revert()}}),t),{context:h.current,contextSafe:p.current}};d.register=function(e){s=e},d.headless=!0}}]);