https://metadesignsolutions.com/_next/static/chunks/6391-32e8213f4f3e8f96.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6391],{68494:(e,i,t)=>{t.d(i,{default:()=>o});var r=t(95155),a=t(12115),l=t(98500),s=t.n(l),n=t(79644);function o({service:e,activeSubSlug:i,override:t}){let[l,d]=(0,a.useState)("overview"),c=t?!!t.activeSlug:!!i;(0,a.useEffect)(()=>{if(c)return;let i=["overview","practices","team","capabilities","engagement","process","work","faq","contact"],t=e.isSinglePage?["overview",...e.subServices.map(e=>e.slug),...i.filter(e=>"overview"!==e)]:i,r=new Set,a=new IntersectionObserver(e=>{for(let i of e)i.isIntersecting?r.add(i.target.id):r.delete(i.target.id);if(0===r.size)d("overview");else for(let e of t)if(r.has(e)){d(e);break}},{rootMargin:"-140px 0px -60% 0px",threshold:0});return t.forEach(e=>{let i=document.getElementById(e);i&&a.observe(i)}),()=>a.disconnect()},[c,e]);let g=t?t.tabs:[{id:"overview",label:"Overview",slug:""},...e.subServices.map(i=>({id:e.isSinglePage?i.slug:"practices",label:i.title,slug:i.slug,link:i.link}))],p=t?t.activeSlug:i;return(0,r.jsxs)("nav",{className:"svc-subnav","aria-label":"Service sections",style:{position:"sticky",top:68,zIndex:35,background:"#fff",borderBottom:"1px solid var(--md-line)"},children:[(0,r.jsxs)("div",{style:{maxWidth:1280,margin:"0 auto",padding:"0 clamp(20px, 4vw, 32px)",display:"flex",alignItems:"center",gap:0,overflowX:"auto"},children:[(0,r.jsxs)(s(),{href:(0,n.U)(t?t.baseUrl:`/services/${e.slug}`),style:{display:"flex",alignItems:"center",gap:8,paddingRight:24,marginRight:8,borderRight:"1px solid var(--md-line)",flexShrink:0,height:48,textDecoration:"none"},children:[(0,r.jsx)("i",{className:"fa-solid fa-code",style:{color:"var(--md-red)",fontSize:14},"aria-hidden":"true"}),(0,r.jsx)("span",{style:{fontSize:14,fontWeight:700,color:"var(--md-ink)",whiteSpace:"nowrap"},children:t?t.title:e.label})]}),g.map((i,a)=>{let o,d=0===a;if(o=c?!d&&i.slug===p:e.isSinglePage?l===i.id:!!d,i.link||!e.isSinglePage&&(c||!d)){let l=i.link||"";return l||(l=t?d?t.baseUrl:`${t.baseUrl}/${i.slug}`:d?`/services/${e.slug}`:`/services/${e.slug}/${i.slug}`),l=(0,n.U)(l),(0,r.jsx)(s(),{href:l,className:`svc-subnav-link ${o?"active":""}`,children:i.label},`${i.id}-${a}`)}return(0,r.jsx)("button",{onClick:()=>(i=>{if(e.isSinglePage&&"overview"!==i){let t=e.subServices.filter(e=>!e.link).findIndex(e=>e.slug===i);if(t>=0){let i=document.querySelectorAll("[data-sticky-scroller]")[0];if(i){let r=e.subServices.length,a=i.offsetHeight-window.innerHeight,l=i.getBoundingClientRect().top+window.scrollY;window.scrollTo({top:l+t/r*a,behavior:"smooth"});return}}}let t=document.getElementById(i);t&&t.scrollIntoView({behavior:"smooth",block:"start"})})(i.id),className:`svc-subnav-link ${o?"active":""}`,children:i.label},`${i.id}-${a}`)})]}),(0,r.jsx)("style",{children:`
2        .svc-subnav::-webkit-scrollbar, .svc-subnav > div::-webkit-scrollbar { display: none; }
3        .svc-subnav > div { scrollbar-width: none; }
4        @media(max-width:768px) { .svc-subnav { display: none !important; } }
5        
6        .svc-subnav-link {
7          background: none; border: none; cursor: pointer;
8          padding: 0 16px; height: 48px; white-space: nowrap;
9          font-family: var(--md-font-sans); font-size: 13px; font-weight: 500;
10          color: var(--md-slate);
11          border-bottom: 2px solid transparent;
12          transition: color 200ms ease, border-color 200ms ease;
13          display: flex; align-items: center; text-decoration: none;
14        }
15        .svc-subnav-link:hover {
16          color: var(--md-ink);
17        }
18        .svc-subnav-link.active {
19          color: var(--md-ink);
20          border-bottom: 2px solid var(--md-red);
21        }
22      `})]})}},98402:(e,i,t)=>{t.r(i),t.d(i,{default:()=>l});var r=t(95155),a=t(804);function l({posts:e}){return e&&0!==e.length?(0,r.jsxs)("section",{style:{background:"var(--md-surface, #f7f7f7)",padding:"96px 0",position:"relative",overflow:"hidden"},children:[(0,r.jsx)("div",{style:{position:"absolute",top:-120,right:-120,width:480,height:480,borderRadius:"50%",background:"radial-gradient(circle, rgba(208,49,30,0.06) 0%, transparent 70%)",pointerEvents:"none"}}),(0,r.jsxs)("div",{className:"ss-container",children:[(0,r.jsx)(a.default,{children:(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-end",marginBottom:56,flexWrap:"wrap",gap:16},children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{style:{fontSize:11,fontWeight:700,letterSpacing:"0.1em",textTransform:"uppercase",color:"var(--md-red)",marginBottom:10},children:"From the Blog"}),(0,r.jsx)("h2",{style:{fontFamily:"var(--md-font-display)",fontWeight:900,fontSize:"clamp(26px, 3.5v

22w, 44px)",lineHeight:1.05,letterSpacing:"-0.025em",color:"var(--md-ink)",margin:0},children:"Further Reading"})]}),(0,r.jsxs)("a",{href:"/resources",style:{display:"inline-flex",alignItems:"center",gap:8,fontSize:14,fontWeight:700,color:"var(--md-red)",textDecoration:"none",border:"2px solid var(--md-red)",borderRadius:9999,padding:"10px 24px",transition:"background 200ms ease, color 200ms ease",whiteSpace:"nowrap"},onMouseEnter:e=>{e.currentTarget.style.background="var(--md-red)",e.currentTarget.style.color="#fff"},onMouseLeave:e=>{e.currentTarget.style.background="transparent",e.currentTarget.style.color="var(--md-red)"},children:["View all articles",(0,r.jsx)("i",{className:"fa-solid fa-arrow-right",style:{fontSize:12}})]})]})}),(0,r.jsx)("div",{style:{display:"grid",gridTemplateColumns:1===e.length?"1fr":2===e.length?"repeat(2, 1fr)":"repeat(auto-fill, minmax(300px, 1fr))",gap:28},children:e.map((e,i)=>{let t=e.thumbnail||e.heroImage;return(0,r.jsx)(a.default,{delay:100*i,children:(0,r.jsx)("a",{href:`/blog/${e.slug}`,className:"blog-related-card",style:{textDecoration:"none",color:"inherit",display:"block",height:"100%"},children:(0,r.jsxs)("article",{style:{background:"#fff",borderRadius:20,overflow:"hidden",border:"1px solid var(--md-line)",display:"flex",flexDirection:"column",height:"100%",transition:"box-shadow 300ms ease, transform 300ms ease"},children:[(0,r.jsxs)("div",{style:{position:"relative",width:"100%",paddingTop:"56.25%",overflow:"hidden",background:"var(--md-ink)"},children:[(0,r.jsx)("img",{src:t,alt:e.title,style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",transition:"transform 400ms ease"},className:"blog-related-img"}),(0,r.jsx)("span",{style:{position:"absolute",top:14,left:14,background:"var(--md-red)",color:"#fff",fontSize:11,fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",borderRadius:9999,padding:"5px 12px",zIndex:2},children:e.category})]}),(0,r.jsxs)("div",{style:{padding:"24px 24px 20px",display:"flex",flexDirection:"column",flex:1},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12,fontSize:12,color:"var(--md-slate)",marginBottom:14},children:[(0,r.jsxs)("span",{children:[(0,r.jsx)("i",{className:"fa-regular fa-calendar",style:{marginRight:5}}),new Date(e.publishedAt).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"})]}),(0,r.jsx)("span",{style:{width:3,height:3,borderRadius:"50%",background:"var(--md-slate)"}}),(0,r.jsxs)("span",{children:[(0,r.jsx)("i",{className:"fa-regular fa-clock",style:{marginRight:5}}),e.readTime]})]}),(0,r.jsx)("h3",{style:{fontFamily:"var(--md-font-display)",fontWeight:800,fontSize:17,lineHeight:1.35,color:"var(--md-ink)",margin:"0 0 12px",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:e.title}),(0,r.jsx)("p",{style:{fontSize:14,color:"var(--md-graphite)",lineHeight:1.65,margin:"0 0 20px",flex:1,display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:e.excerpt}),(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",borderTop:"1px solid var(--md-line)",paddingTop:16,marginTop:"auto"},children:[(0,r.jsx)("span",{style:{fontSize:12,fontWeight:600,color:"var(--md-graphite)"},children:e.authorName}),(0,r.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:5,fontSize:13,fontWeight:700,color:"var(--md-red)"},children:["Read more ",(0,r.jsx)("i",{className:"fa-solid fa-arrow-right",style:{fontSize:10}})]})]})]})]})})},e.slug)})})]}),(0,r.jsx)("style",{children:`
23        .blog-related-card article:hover {
24          box-shadow: 0 20px 48px rgba(0,0,0,0.10);
25          transform: translateY(-4px);
26        }
27        .blog-related-card:hover .blog-related-img {
28          transform: scale(1.06);
29        }
30      `})]}):null}}}]);