https://thinkbox-tv.netlify.app/_next/static/chunks/pages/%5Bcategory%5D/%5B...article%5D-34d4656409db370b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[112],{4469:function(e,l,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[category]/[...article]",function(){return t(5809)}])},979:function(e,l,t){"use strict";t.d(l,{Z:function(){return s}});var o=t(5893),r=t(9939),i=t(1664),n=t.n(i),a=t(1163);let s=e=>{let{subcategories:l,parent:t,color:i}=e,s=(0,a.useRouter)(),c={"--category-color-var":i},d="block min-w-52 rounded-lg p-2 text-center transition-all duration-500 ease-out hover:bg-[var(--category-color-var)] hover:text-white focus-visible:bg-[var(--category-color-var)] focus-visible:text-white",u=(e,l)=>{let t=s.asPath===e;return(0,o.jsx)(n(),{href:e,className:t?"bg-[var(--category-color-var)] text-white ".concat(d):d,style:c,children:l})},x=l.items.map(e=>e).sort((e,l)=>e.filterOrder-l.filterOrder);return(0,o.jsx)("div",{className:"mb-10 text-xl font-semibold xl:flex xl:justify-center xl:align-baseline",children:(0,o.jsx)("div",{className:"overflow-x-auto pb-1 xl:overflow-x-visible xl:pb-0",children:(0,o.jsxs)("ul",{className:"mx-auto flex w-fit flex-nowrap justify-center gap-1.5 whitespace-nowrap rounded-xl border border-brand-blue-100 p-1",children:[t&&(0,o.jsx)("li",{children:u((0,r.Z)(t),"All")}),x.map(e=>{var l;return e&&(0,o.jsx)("li",{children:u((0,r.Z)(e),null!==(l=e.title)&&void 0!==l?l:"")},e.sys.id)})]})})})}},2330:function(e,l,t){"use strict";t.d(l,{p:function(){return h},W:function(){return p}});var o,r,i=t(5893),n=t(2899),a=t(8013),s=t(7294),c=t(9778);(o=r||(r={})).budget="Budget",o.campaignType="Campaign Type",o.sector="Sector",o.targetAudience="Target Audience",o.objective="Objective";let d=["sector","budget","objective","targetAudience","campaignType"],u=()=>(0,i.jsx)(i.Fragment,{children:d.length>1&&(0,i.jsx)("div",{className:"mb-10",children:(0,i.jsx)("div",{className:"w-full",children:(0,i.jsxs)(a.O.Group,{children:[(0,i.jsx)("div",{className:"overflow-x-auto xl:overflow-x-visible",children:(0,i.jsx)(a.O.List,{className:"mx-auto flex w-fit flex-nowrap justify-center gap-1.5 rounded-xl border border-brand-blue-100 px-4 py-2 xl:w-full",children:d.map((e,l)=>(0,i.jsx)(a.O,{as:s.Fragment,children:l=>{let{selected:t}=l;return(0,i.jsx)("div",{className:"flex flex-1 items-center justify-center rounded-xl text-xl outline-none outline-0 outline-transparent focus-visible:outline-offset-2 focus-visible:ring-2 focus-visible:ring-black",children:(0,i.jsx)("span",{className:"block min-w-44 cursor-pointer border-b-2 py-1 text-center font-semibold hover:border-b-red-500 ".concat(t?"border-b-red-500":"border-b-transparent"),"aria-label":"Filter by ".concat(r[e]),role:"tab","aria-selected":t,children:r[e]})})}},l))})}),(0,i.jsx)(a.O.Panels,{className:"mt-5",children:d.map((e,l)=>(0,i.jsx)(a.O.Panel,{tabIndex:-1,children:(0,i.jsx)(x,{attribute:e})},l))})]})})})}),x=e=>{let{items:l,refine:t,createURL:o}

1=(0,c.H)(e),[r,a]=(0,s.useState)(!1),d=l,u=(e,l)=>{t(l?"":e)},x=(e,l)=>{u(e,l),a(!1)};l.some(e=>e.isRefined)&&(d=l.sort(function(e,l){return e.label<l.label?-1:e.label>l.label?1:0}));let b=(0,s.useMemo)(()=>d.find(e=>e.isRefined),[d]),f=(e,l)=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{children:e}),(0,i.jsxs)("span",{className:"text-black/50",children:["(",l,")"]})]});return(0,i.jsx)(i.Fragment,{children:d.length>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"relative lg:hidden",children:[(0,i.jsx)("div",{className:"rounded-xl border border-brand-blue-100 bg-white p-4",children:(0,i.jsxs)("button",{type:"button",className:"flex w-full items-center justify-between gap-4 text-left text-xl text-grey-800",onClick:()=>a(e=>!e),"aria-expanded":r,children:[(0,i.jsx)("span",{className:"flex min-w-0 flex-1 items-center gap-2 ".concat(b?"font-semibold":"font-normal text-grey-500"),children:b?f(b.label,b.count):"Choose filter"}),(0,i.jsx)(n.Z,{width:"14",height:"14",className:"shrink-0 fill-brand-blue-500 transition-transform duration-300 ".concat(r?"-rotate-90":"rotate-90")})]})}),r&&(0,i.jsx)("ul",{className:"absolute left-0 right-0 top-full z-20 mt-2 flex flex-col gap-5 rounded-xl border border-brand-blue-100 bg-white p-4 text-xl text-grey-800",children:d.map(e=>(0,i.jsx)("li",{children:(0,i.jsx)("a",{className:"flex w-fit items-center gap-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-black ".concat(e.isRefined?"font-semibold":"font-normal"),href:o(e.value),onClick:l=>{l.preventDefault(),x(e.value,e.isRefined)},onKeyDown:l=>{("Enter"===l.key||" "===l.key)&&(l.preventDefault(),x(e.value,e.isRefined))},"aria-label":"".concat(e.isRefined?"Remove":"Apply"," filter: ").concat(e.label," (").concat(e.count," items)"),tabIndex:0,children:f(e.label,e.count)})},e.value))})]}),(0,i.jsx)("ul",{className:"hidden w-full flex-wrap justify-center gap-1.5 lg:flex","data-name":"search-additional-filters",children:d.map(e=>(0,i.jsx)("li",{children:(0,i.jsx)("a",{className:"flex gap-1.5 rounded-xl border px-4 py-3 text-xl font-semibold focus:outline-none focus-visible:ring-2 focus-visible:ring-black ".concat(e.isRefined?"border-red-500 bg-red-500/20":"border-brand-blue-100"),href:o(e.value),onClick:l=>{l.preventDefault(),u(e.value,e.isRefined)},onKeyDown:l=>{("Enter"===l.key||" "===l.key)&&(l.preventDefault(),u(e.value,e.isRefined))},"aria-label":"".concat(e.isRefined?"Remove":"Apply"," filter: ").concat(e.label," (").concat(e.count," items)"),tabIndex:0,children:f(e.label,e.count)})},e.value))})]})||(0,i.jsx)("p",{className:"w-full text-center",children:"No filters"})})};var b=t(5774),f=t(8941),v=t(4934),m=t(8685);let h=e=>{let l,{category:t,subCategory:o,slug:r,hasSubSubCategory:n=!1}=e,{index:a,client:s}=(0,f.ZP)();return l=t?[["topCategory:".concat(t)]]:n?[["topCategory:".concat(o)]]:[["subCategory:".concat(o)]],(0,i.jsx)(i.Fragment,{children:s&&(0,i.jsxs)(v.p,{searchClient:s,indexName:"".concat(a,"_date_desc"),children:[(0,i.jsx)(m.T,{hitsPerPage:12,facetFilters:l}),"case-studies"==r&&(0,i.jsx)(u,{}),(0,i.jsx)(b.R,{noCategories:!0})]})})},p=e=>{let{title:l,description:t,color:o}=e;return(0,i.jsxs)("div",{className:"mb-10 text-center",style:{"--category-color-var":o},children:[(0,i.jsx)("h1",{className:"mb-3 text-3.25xl font-semibold lg:text-5xl",style:{color:o},children:l}),(0,i.jsx)("div",{className:"text-xl leading-snug lg:text-[22px] xl:mx-auto xl:max-w-2xl",children:t})]})}},5809:function(e,l,t){"use strict";t.r(l),t.d(l,{__N_SSP:function(){return I},default:function(){return Z}});var o,r=t(5893),i=t(4073),n=t(6520),a=t(7288),s=t(7280);let c=e=>{let{slug:l,embedBannerUrl:t,embedBannerBottomHtml:o,colorCategory:i}=e,n=()=>{let e=document.querySelector("#article-content");null==e||e.scrollIntoView({behavior:"smooth",block:"start"})};return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("div",{className:"py-4",style:{backgroundColor:i},"data-video-hero":!0,children:"media-mix-navigator"===l?(0,r.jsxs)("div",{className:"mx-auto h-full w-full px-4",children:[(0,r.jsx)("div",{className:"relative h-[100vh] overflow-hidden pb-[58.6%] pt-[55px] lg:h-0 3xl:pb-[42.6%]",children:(0,r.jsx)("iframe",{src:t,allowFullScreen:!0,style:{border:"none",overflow:"auto",backgroundColor:"transparent"},className:"absolute left-0 top-0 h-full w-full"})}),o&&(0,r.jsx)("div",{className:"py-2 text-white",dangerouslySetInnerHTML:{__html:o}}),(0,r.jsx)("div",{className:"mx-auto mt-[20px] max-w-[1170px] xl:mt-0",children:(0,r.jsxs)("button",{onClick:()=>n(),className:"flex h-[38px] w-full items-center justify-center rounded rounded-bl-none bg-white fill-black  text-sm font-semibold text-black",children:["Explore more",(0,r.jsx)(s.Z,{className:"mx-2.5 h-[18px] w-[18px] -rotate-90 fill-inherit"})]})})]}):(0,r.jsxs)("div",{className:"mx-auto w-full px-4 lg:w-[900px]",children:[(0,r.jsx)("div",{className:"relative h-0 overflow-hidden pb-[58.6%] pt-[35px]",children:(0,r.jsx)("iframe",{src:t,allowFullScreen:!0,style:{border:"none",overflow:"auto",backgroundColor:"transparent"},className:"absolute left-0 top-0 h-full w-full"})}),o&&(0,r.jsx)("div",{className:"py-2 text-white",dangerouslySetInnerHTML:{__html:o}})]})})})};

1var d=t(7294),u=t(6066);t(8720),t(7047);var x=t(389);function b(){return(b=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var t=arguments[l];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(null,arguments)}var f=function(e){return d.createElement("svg",b({xmlns:"http://www.w3.org/2000/svg",width:21,height:23,fill:"none",viewBox:"0 0 21 23"},e),o||(o=d.createElement("path",{fill:"inherit",fillRule:"evenodd",d:"M1.685.028C1.361.096.995.296.743.546.355.929.124 1.486.046 2.23c-.061.58-.061 17.95 0 18.53.078.744.31 1.302.697 1.685.68.67 1.7.735 2.82.18.344-.172 15.732-8.886 16.138-9.14.14-.088.41-.314.598-.502.723-.722.89-1.528.486-2.342-.17-.344-.693-.892-1.084-1.137C19.295 9.252 3.907.538 3.563.367a5 5 0 0 0-.605-.248C2.619.011 1.985-.034 1.685.03",clipRule:"evenodd"})))},v=t(3253),m=t.n(v),h=t(942);m().setAppElement("#__next");let p=m(),g={content:{background:"transperant",border:"none",borderRadius:"unset",bottom:"auto",color:"#fff",top:"50%",left:"50%",right:"auto",marginRight:"-50%",maxWidth:"1952px",padding:"0",transform:"translate(-50%, -50%)",width:"100%"}};var j=e=>{let{onCloseModal:l,isModalOpened:t,videoLink:o}=e,[i,n]=(0,d.useState)("");return(0,d.useEffect)(()=>{n((0,h.TW)(o))},[o]),(0,r.jsx)(p,{isOpen:t,onRequestClose:l,shouldCloseOnOverlayClick:!0,style:g,children:(0,r.jsx)("div",{className:"h-full w-full p-[22px]",onClick:l,children:(0,r.jsxs)("div",{className:"relative mx-auto my-auto h-[75%] w-[calc(100%-22px)] lg:h-[50%] lg:w-[75%]",children:[(0,r.jsx)("button",{className:"absolute right-[-22px] top-[-22px] z-20 h-[22px] w-[22px] cursor-pointer rounded-[5px] rounded-bl-none bg-white px-[5px] text-2xl leading-none text-[#FC7410] opacity-100",onClick:l,children:"\xd7"}),(0,r.jsx)("div",{className:"bg-black",dangerouslySetInnerHTML:{__html:i}})]})})})};let w=u.Z,y=e=>{var l,t,o,a,s,c,u;let{colorCategory:b,...v}=e,m=(0,i.S3)(n.w_R,v),h=null===(t=m.slidesCollection)||void 0===t?void 0:null===(l=t.items)||void 0===l?void 0:l.length,[p,g]=(0,d.useState)(),[y,N]=(0,d.useState)(),[k,C]=(0,d.useState)(""),[_,S]=(0,d.useState)(!1),F=e=>{C(e),S(!0),document.body.style.overflow="hidden"};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"relative mb-[30px] w-full","data-video-hero":!0,children:[(0,r.jsx)(w,{className:"video-carousel-main",asNavFor:y,ref:e=>g(e),arrows:!1,dots:!1,infinite:h>1,fade:!0,speed:500,slidesToShow:1,slidesToScroll:1,responsive:[{breakpoint:1024,settings:{dots:!0}}],customPaging:e=>(0,r.jsx)("button",{style:{"--color-category":b},children:e+1}),children:null===(o=m.slidesCollection)||void 0===o?void 0:o.items.map(e=>{var l;return(0,r.jsxs)("div",{className:"!before:block relative h-[375px] overflow-hidden before:absolute before:z-10 before:h-full before:w-full before:bg-gradient-to-b before:from-white before:to-black before:opacity-40 lg:h-[430px]",children:[(null==e?void 0:null===(l=e.banner)||void 0===l?void 0:l.url)&&(0,r.jsx)(x.U,{image:null==e?void 0:e.banner,className:"h-full w-full object-cover",fill:!0}),(0,r.jsxs)("div",{className:"absolute left-[calc(50%_-_37.5px)] top-[calc(50%_-_75px)] z-20 flex flex-col items-center justify-center text-white lg:left-[calc(50%_-_50px)] lg:top-[calc(50%_-_110px)]",children:[(0,r.jsx)("button",{className:"flex h-[75px] w-[75px] cursor-pointer items-center justify-center rounded-[50%] border-2 border-white bg-[#D0DDE9]/[0.1] fill-white backdrop-blur-[10px] transition-all duration-200 hover:border-[--color-category] hover:bg-white hover:fill-[--color-category] hover:backdrop-blur-none focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2","aria-label":"Play video "+(null==e?void 0:e.title),style:{"--color-category":b},onClick:()=>{var l;F(null!==(l=null==e?void 0:e.videoLink)&&void 0!==l?l:"")},children:(0,r.jsx)(f,{className:"fill-inherit"})}),(0,r.jsx)("span",{className:"mt-[10px] hidden lg:block",children:"Watch Video"})]}),(0,r.jsx)("h6",{className:"absolute bottom-[35px] left-[10px] z-30 px-4 text-xl font-semibold leading-6 text-white lg:hidden",children:null==e?void 0:e.title})]},null==e?void 0:e.sys.id)})}),(null===(a=m.slidesCollection)||void 0===a?void 0:a.items)&&(null===(c=m.slidesCollection)||void 0===c?void 0:null===(s=c.items)||void 0===s?void 0:s.length)>1&&(0,r.jsx)("div",{className:"absolute bottom-[30px] left-0 hidden w-full lg:block",children:(0,r.jsx)(w,{className:"video-carousel-thumbnails mx-auto hidden w-[calc(100%_-_134px)] 2xl:w-[1293px]",asNavFor:p,ref:e=>N(e),arrows:!0,infinite:h>4,speed:500,slidesToShow:4,slidesToScroll:1,swipeToSlide:!0,centerMode:!0,focusOnSelect:!0,responsive:[{breakpoint:1280,settings:{slidesToShow:3,infinite:h>3}}],children:null===(u=m.slidesCollection)||void 0===u?void 0:u.items.map(e=>{var l;return(0,r.jsx)("div",{className:"group px-[10px]",children:(0,r.jsx)("button",{"aria-label":null!==(l=null==e?void 0:e.title)&&void 0!==l?l:"",tabIndex:0,className:"relative block w-full rounded-[10px] transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",children:(0,r.jsxs)("div",{className:"!before:block relative h-[155px] w-full cursor-pointer overflow-hidden rounded-[10px] border-2 border-white/20 before:absolute before:left-0 before:top-0 before:z-10 before:h-full before:w-full before:bg-gradient-to-b before:from-white before:to-black before:opacity-40 hover:border-[--color-category]",style:{"--color-category":b},children:[(null==e?void 0:e.banner)&&(0,r.jsx)(x.U,{image:null==e?void 0:e.banner,className:"h-full w-full object-cover",fill:!0}),(0,r.jsx)("div",{className:"play-video absolute right-[10px] top-[10px] z-20 flex h-[34px] w-[34px] items-center justify-center rounded-[50%] border-2 border-white bg-[#D0DDE9]/[0.1] fill-white backdrop-blur-[10px] group-hover:border-[--color-category] group-hover:bg-white group-hover:fill-[--color-category] group-hover:backdrop-blur-none",style:{"--color-category":b}

1,children:(0,r.jsx)(f,{className:"h-[10px] w-[10px] fill-inherit"})}),(0,r.jsx)("h6",{className:"absolute bottom-[10px] left-[10px] z-30 text-base leading-5 text-white",children:null==e?void 0:e.title})]})})},null==e?void 0:e.sys.id)})})})]}),(0,r.jsx)(j,{isModalOpened:_,onCloseModal:()=>{S(!1),document.body.style.overflow="unset"},videoLink:k})]})};var N=t(2454),k=t(2400),C=t(3282),_=t(3479),S=t(6402),F=t(6312),R=e=>{let{slug:l,articleData:t,subscriptionFormData:o}=e,{data:i}=(0,F.aM)(n.GIg,(0,S.D)(t.relatedArticles)),{minWidth:s}=(0,C.Z)(),d=s<=C.A.md,u=(0,_.W)(t.category);return(0,r.jsxs)(r.Fragment,{children:[t.embedBannerUrl&&(0,r.jsx)(c,{slug:l,colorCategory:u,embedBannerUrl:t.embedBannerUrl,embedBannerBottomHtml:t.embedBannerBottomHtml}),t.videoHeroCarousel&&(0,r.jsx)(y,{...t.videoHeroCarousel,colorCategory:u}),!t.embedBannerUrl&&!t.videoHeroCarousel&&(0,r.jsxs)("div",{className:"relative overflow-hidden",children:[(0,r.jsx)(x.U,{image:t.tileImage,className:"absolute left-1/2 top-1/2 w-full -translate-x-1/2 -translate-y-1/2"}),(0,r.jsx)("svg",{height:"430",width:"1920",className:"h-full w-full max-w-full"})]}),(0,r.jsx)(N.Z,{className:"mb-[3.125rem]",children:(0,r.jsx)(a.d2,{...t,slug:l})}),(null==i?void 0:i.relatedArticles)&&(0,r.jsx)(a.Px,{...i.relatedArticles}),d&&t.rightSidebarCollection&&(0,r.jsx)("div",{className:"mb-[3.125rem] max-w-layout px-6 xl:px-20",children:(0,r.jsx)(a.nV,{...t.rightSidebarCollection})}),(null==o?void 0:o.subscribeNewsletter)&&(0,r.jsx)(k.L,{...o.subscribeNewsletter})]})},O=t(2330),T=t(979),D=t(6368),P=t(5525),A=t(1663),E=t(9332),I=!0,Z=e=>{var l,t,o,s,c,d,u,x,b,f,v,m,h,p;let{isCategory:g,subcategoryPageData:j,catsubscriptionFormData:w,data:y,slug:_,header:S}=e,F=(0,E.usePathname)(),I=null!==(m=null==j?void 0:null===(t=j.pageSubcategoryCollection)||void 0===t?void 0:null===(l=t.items)||void 0===l?void 0:l[0])&&void 0!==m?m:{},{title:Z,description:M,category:B,subscriptionForm:H,subnavigationContext:L,linkedFrom:z}=I,U=(null==B?void 0:B.__typename)==="PageCategory"?B:(null==B?void 0:B.__typename)==="PageSubcategory"?B.category:null,W=B?(0,i.S3)(n.l4f,(null===(o=I.category)||void 0===o?void 0:o.linkedFrom)?null===(c=I.category)||void 0===c?void 0:null===(s=c.linkedFrom)||void 0===s?void 0:s.pageSubcategoryCollection:null):null,V=I?(0,i.S3)(n.l4f,null==z?void 0:z.pageSubcategoryCollection):null,q=null!==(h=null==y?void 0:null===(d=y.pageArticleCollection)||void 0===d?void 0:d.items[0])&&void 0!==h?h:{},G=g?null:null!==(p=q.seoMetadata)&&void 0!==p?p:null,{minWidth:K}=(0,C.Z)(),X=K<=C.A.md;!Z&&(null==y?void 0:null===(u=y.pageArticleCollection)||void 0===u?void 0:u.items.length)&&(g=!1),F.includes("/media-mix-navigator/media-mix-navigator")&&(g=!1);let J=null==q?void 0:q.category,Q=!g&&J?(0,i.S3)(n.l4f,null===(x=J.linkedFrom)||void 0===x?void 0:x.pageSubcategoryCollection):null,Y=!g&&J?J:null,$=!g&&Q&&Q.items&&Q.items.length>0?Q:"parent"===L&&V?V:"child"===L&&W?W:null,ee=!g&&Y?Y:"parent"===L?I:"child"===L?"child"===L?B:I:null,el=g?(null==U?void 0:null===(f=U.color)||void 0===f?void 0:f.value)||"#000":(null==J?void 0:null===(b=J.color)||void 0===b?void 0:b.value)||"#000";return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(A.N,{...S,children:[(0,r.jsx)(D.F,{seoMetadata:G,type:g?"ListItem":(q.category.slug,"Article"),fallbackMetadata:{title:I.title||q.title,tileImage:g?void 0:q.tileImage,description:I.description||q.description}}),(0,r.jsxs)(P.Z,{children:[!g&&(0,r.jsx)(R,{slug:_,articleData:q,subscriptionFormData:w.data}),Z&&(0,r.jsxs)(N.Z,{className:"mt-10 lg:mt-20",children:[(0,r.jsx)(O.W,{title:Z||(null==U?void 0:U.title)||"",description:M,color:(null==U?void 0:null===(v=U.color)||void 0===v?void 0:v.value)||"#000"}),$&&(0,r.jsx)(T.Z,{subcategories:$,parent:ee,color:el}),(0,r.jsx)(O.p,{subCategory:Z,slug:_,hasSubSubCategory:"parent"===L&&!!V}),(null==w?void 0:w.data.subscribeNewsletter)&&(0,r.jsx)(k.L,{...w.data.subscribeNewsletter})]})]})]}),X&&q.download&&(0,r.jsx)(a.xn,{...q.download,isFixedBottom:!0})]})}},6402:function(e,l,t){"use strict";t.d(l,{D:function(){return o}});let o=e=>e?{variables:{id:e.sys.id},skip:!e}:{}}},function(e){e.O(0,[759,732,510,133,760,514,741,783,911,49,888,774,179],function(){return e(e.s=4469)}),_N_E=e.O()}]);