@font-face{font-family:PP Neue Montreal;src:local(PP Neue Montreal),local(PPNeueMontreal),url(/fonts/PPNeueMontreal-Regular.woff2)format("woff2"),url(/fonts/PPNeueMontreal-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal;src:local(PP Neue Montreal Bold),local(PPNeueMontreal-Bold),url(/fonts/PPNeueMontreal-Bold.woff2)format("woff2"),url(/fonts/PPNeueMontreal-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"PP Neue Montreal", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"PP Neue Montreal", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}.main-area{max-width:1512px}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1512px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}.Navigation{justify-content:space-between;padding-top:32px;padding-left:40px;padding-right:40px;font-size:16px;display:flex}.bottom{text-align:right}.hero-section{justify-content:space-between;height:90vh;padding-left:40px;padding-right:40px;display:flex}.hero-left{text-align:left;flex-direction:column;justify-content:end;width:460px;font-size:16px;display:flex}.hero-right{flex-direction:column;justify-content:end;width:460px;margin-bottom:64px;margin-right:40px;font-size:16px;display:flex}.main-hero-interaction-container{font-weight:500;position:relative}.container-4{color:#fff;text-align:left;width:100%;height:64px auto;background-color:#515ef9;border-radius:20px;padding-left:32px;position:absolute}.container-2{color:#fff;text-align:left;width:100%;height:64px auto;background-color:#5c7fe6;border-radius:20px 20px 0 0;padding-left:32px;position:absolute;top:-40px}.container-3{z-index:-1;color:#333;text-align:left;width:100%;height:64px auto;background-color:#fafafa;border-radius:20px 20px 0 0;padding-left:32px;position:absolute;top:-82px}.card-text{display:flex}.container-2 img,.container-3 img,.container-4 img{opacity:0;width:64px;height:auto;transition:opacity .3s,transform .3s;display:block;position:absolute;bottom:16px;right:16px;transform:translateY(-8px)scale(.98)}.allLogos{background-color:#fafafa;justify-content:center;gap:16px;margin-top:40px;padding:24px;display:flex}.logo{background-color:#fff;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:12px 24px;display:flex}button{color:#fff;cursor:pointer;background-color:#5c7fe6;border:none;border-radius:10px;padding:10px}.textandCTA{flex-direction:row;justify-content:space-between;margin-top:40px;margin-left:40px;margin-right:40px;display:flex}.CTAtext{text-align:left;font-size:16px}.CTA{gap:16px;display:flex}.top-layer{box-sizing:border-box;align-items:stretch;gap:16px;max-width:1512px;margin:20px 40px;display:flex}.headerAndBody{margin-top:40px}.casestudyheader,.casestudybody{text-align:left}.top-layer .image img{flex:1;max-width:100%;display:flex;overflow:hidden}.top-layer .image{height:100%}.top-left,.top-right{flex:1 1 0;min-width:0}.top-left{flex-direction:column;flex:1 1 0;height:100%;display:flex}.top-right .image{flex:1;display:flex}.top-right{flex-direction:column;flex:1 1 0;height:100%;display:flex}.casestudyheader{font-size:16px;font-weight:600}.casestudybody{font-size:16px;line-height:1.5}.bottom-layer{flex-direction:column;gap:16px;margin-top:80px;margin-left:40px;margin-right:40px;display:flex}.this-layer{text-align:left;font-weight:600}.layerbody{text-align:left}.website-titles{padding-top:16px 16px;box-sizing:border-box;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.thebuilds{flex-direction:row;gap:24px;display:flex}.layer1{width:100%;margin-bottom:40px}.imageDiv{margin-bottom:24px}video{border-radius:8px}.Title,.bodyDiv{text-align:left}.Title{font-size:16px;font-weight:600}img{border-radius:8px}.left-header,.left-body{text-align:left}.left{align-self:flex-start;position:sticky;top:40px}.right{flex-direction:column;gap:64px;display:flex}.scroll{flex-direction:row;gap:24px;margin-top:80px;margin-left:40px;margin-right:40px;display:flex}.firstCase{z-index:3;background:var(--bg);flex-direction:column;align-self:flex-start;gap:24px;display:flex;position:sticky;top:40px}.caseimage{background-color:#fafafa;border:1px solid #eaeaea;border-radius:8px}.caseimage img{width:100%}.caseText{text-align:left;background-color:#fafafa;border:1px solid #eaeaea;border-radius:8px;flex-direction:column;gap:6px;padding:24px 40px;display:flex}.CaseTitle,.CaseTitle2{font-weight:600}.secondCase{flex-direction:column;align-self:flex-start;gap:24px;display:flex;position:sticky;top:40px}.right>:nth-child(2){z-index:2}.right>:nth-child(3){z-index:1}.caseimage2{background-color:#fafafa;border:1px solid #eaeaea;border-radius:8px;padding-top:40px;padding-bottom:40px}.caseText2{text-align:left;background-color:#fafafa;border:1px solid #eaeaea;border-radius:8px;flex-direction:column;gap:6px;padding:24px 40px;display:flex}.headBody{color:#fff;background-color:#333;border-radius:16px;flex-direction:column;justify-content:left;gap:8px;padding:16px 24px;display:flex}.butt{flex-direction:row;justify-content:start;display:flex}.scroll{align-items:flex-start}@media (width<=900px){.right1{position:static;top:auto}}.left-header{margin-bottom:8px;font-size:16px;font-weight:600}.head{font-weight:600}.head,.bod{text-align:left}.about-section{justify-content:center;align-items:left;text-align:left;flex-direction:column;display:flex}.buttons{gap:16px;margin-top:16px;display:flex}.theAbout{justify-content:center;margin:48px 40px 48px 32%;display:flex}.about{font-weight:600}.skillCard{flex-direction:row;justify-content:space-between;align-items:stretch;gap:16px;margin-bottom:40px;margin-left:40px;margin-right:40px;display:flex}.imagepad{height:700px}.imagepad img{object-fit:cover;width:100%;height:100%}.card1{background-color:#515ef9;border:1px solid #e0e0e0;border-radius:16px;flex-direction:column;justify-content:space-between;gap:16px;width:100%;height:100%;padding:16px 16px 0;display:flex}.CD{flex-direction:column;justify-content:center;align-items:center;display:flex}.cardTitle{text-align:center;background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;width:95%;padding-top:8px;padding-bottom:8px}img.imageImage{opacity:.9;width:100%;transition:opacity .22s}.Footer{background-color:#fafafa;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-between;margin-left:40px;margin-right:40px;padding:40px;display:flex}.test{color:#000}.top-section{justify-content:space-between;margin-top:40px;margin-left:40px;margin-right:40px;display:flex}.slice-left{width:500px}.header-year,.slice-description{text-align:left}.header-year{margin-bottom:100%}.header{font-weight:600}.year{font-weight:500}.video-layer{background-color:#7444ee;border-radius:16px;padding:40px}.image-display{background-color:#fafafa;flex-direction:row;justify-content:center;align-items:start;gap:16px;margin:40px;padding:40px;display:flex}.image-display img{border-radius:8px;width:100%}.purple-scrobbable{color:#fff;text-align:left;scrollbar-width:none;background-color:#7444ee;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:40px;height:600px;margin-top:40px;margin-left:40px;margin-right:40px;padding:32px;display:flex;overflow-y:auto}.purple-left{flex-direction:column;align-content:center;gap:324px;width:50%;height:fit-content;display:flex;position:sticky;top:40px}.PH{font-weight:500}.PB{font-size:14px}.admin-system{text-align:left;margin:40px}.admin-header{margin-bottom:8px;font-weight:600}.admin-body{margin-bottom:40px}.admin-video video{width:100%}.Design-decisions{text-align:left;background-color:#fafafa;flex-direction:column;justify-content:center;gap:32px;width:50%;margin-bottom:40px;margin-left:30%;margin-right:40px;padding:40px;display:flex}.title{margin-bottom:16px;font-weight:500}.more-content{text-align:left;flex-direction:column;gap:16px;width:40%;margin-bottom:40px;margin-left:120px;margin-right:40px;display:flex}.title1{font-weight:500}.left-left{flex-direction:column;gap:24px;display:flex}.keyflows{background-color:#290090;width:100%;padding-bottom:24px}.flow-head{text-align:left;color:#fff;margin-left:40px;padding-top:40px}.flowpiles{color:#fff;gap:8px;margin-top:20px;margin-left:40px;font-size:14px;display:flex}.pile1{background-color:#fff3;border-radius:90px;padding:8px 16px}.video-cards{flex-direction:row;place-content:center;align-items:center;gap:16px;width:100%;margin-top:40px;margin-bottom:40px;display:flex}.video1{background-color:#fff;border-radius:12px;width:100%;position:relative;overflow-x:hidden}.video1 video{width:100%;display:block}.video1:before{content:"";pointer-events:none;z-index:1;background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.video1:hover:before,.video1:hover .inner-text{opacity:0}.inner-text{text-align:center;color:#fff;background-color:#000;flex-direction:column;justify-content:center;gap:4px;width:fit-content;padding:12px;display:flex;position:absolute;bottom:0}.innerbody{justify-content:center;width:100%;display:flex}.the-text{font-size:14px}.thelast{text-align:left;gap:40px;margin:40px;display:flex}.lasthead,.right-head{margin-bottom:4px;font-weight:500}.lastbody,.right-body{font-size:16px;line-height:180%}.the-problem{justify-content:space-around;gap:80px;margin:40px;display:flex}.left-problem{text-align:left}.problem-header{font-weight:500}.right-problem{background-color:#515ef9;border-radius:16px;padding:24px}.thesolution{border:1px solid #ccc;border-radius:16px;justify-content:space-around;gap:80px;margin:40px;padding:80px 40px 40px;display:flex}.solution-left{text-align:left}.head-solution{font-weight:500}.web-img video{width:70%}.web-img{background-color:#fafafa;border-radius:16px;margin-bottom:16px;padding:40px}.new-purple{color:#fff;justify-content:space-between;gap:40px;margin:40px;display:flex}.pur-header{font-weight:500}.purp-left,.purp-right{background-color:#7444ee;border-radius:16px;height:auto;padding:24px}.body{line-height:180%}.product-scrope{color:#fff;background-color:#515ef9;border-radius:16px;justify-content:space-between;height:500px;margin:40px;padding:40px;display:flex;overflow-y:hidden}.scopeleft{text-align:left;flex-direction:column;gap:24px;width:50%;display:flex}.scopehead{margin-bottom:8px;font-size:18px;font-weight:600}.impactAndOutcomes{text-align:left;flex-direction:column;gap:24px;margin:40px;display:flex}.impactTitle{font-weight:500}.addon{justify-content:end;margin-top:40px;display:flex}.landing1{margin-top:40px;margin-left:40px;margin-right:40px}.landing1 video{width:80%}.firstGIF{margin-top:40px}.firstGIF img{width:95%}.problemAndSolution{gap:24px;width:100%;margin:40px;display:flex}.problemImage video{width:100%}.Problembit{box-sizing:border-box;background-color:#fafafa;border-radius:16px;width:696px;padding:40px}.T1{text-align:left;margin-top:8px;margin-bottom:8px;font-weight:500}.T2{text-align:left}.Problembit2{text-align:left;box-sizing:border-box;background-color:#fafafa;border-radius:16px;width:696px;padding:40px;font-weight:500}.problemImage2 img{width:100%;margin-bottom:8px}.howitworks{text-align:left;color:#fff;background-color:#111;border-radius:16px;justify-content:space-between;gap:16px;margin-top:40px;margin-left:40px;margin-right:40px;padding:16px;display:flex}.worksTitle{font-weight:500}.organisation,.reflections{text-align:left;background-color:#fafafa;border-radius:16px;margin:40px;padding:16px}.orgtitle,.reftitle{margin-bottom:16px;font-weight:500}.orgbody,.refbody{line-height:180%}.worksbody{margin-top:8px;line-height:180%}.beyondPixellayer{color:#fff;background-color:#333;border-radius:16px;width:auto;margin:40px;padding:40px}.topbeyond{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.beyondTitle{margin-bottom:10px;font-weight:600}.beyondleft{width:60%}.bottombeyond video{width:100%}.nav-mobile{display:none}@media (width<=424px){.fullname{display:none}.nav-mobile{display:inline}.hero-section{flex-direction:column;justify-content:flex-end;width:100%;display:flex}.Navigation{flex-direction:row;justify-content:space-between;width:100%;padding-left:16px;padding-right:16px;display:flex}.mainSLICE{padding-left:16px;padding-right:16px}.hero-left{width:100%;margin-top:0}.Navigation{width:100%}.hero-section{width:100%;height:100vh;margin-left:16px;margin-right:16px;padding-left:16px;padding-right:16px}.hero-right{width:100%;margin-right:0}.hero-right>.main-hero-interaction-container{width:100%}.allLogos{margin-left:16px;margin-right:16px;display:none;overflow:hidden}.video-layer video{width:100%}.textandCTA,.casestudy{flex-direction:column;gap:16px;display:flex}.top-layer{flex-direction:column;gap:24px;display:flex}.bottom-layer{flex-direction:column;margin-top:10px;margin-left:0;margin-right:0;display:flex}.website-titles{box-sizing:border-box;border:1px solid #e5e4e7;border-radius:8px;flex-direction:column;align-items:flex-start;padding-top:16px;padding-bottom:16px;display:flex}.forwebsite{width:100%;margin-bottom:20px}.websitebtn{justify-content:left;width:100%;display:flex}.thebuilds{flex-direction:column;gap:8px;width:100%;padding:0;display:flex}.imageDiv{margin-bottom:16px}.scroll{flex-direction:column;gap:16px;margin-top:10px;margin-left:40px;margin-right:40px;display:flex}.right{gap:24px}.firstCase{width:100%}.caseimage,.caseText,.caseimage2,.caseText2{box-sizing:border-box;width:100%;margin:0;padding:16px;font-size:14px}.left-header,.left-body,.this-layer,.layerbody,.Title,.bodyDiv,.casestudyheader,.casestudybody,.about,.about-body{font-size:14px}.caseimage2 img{width:90%}.theAbout{justify-content:center;margin:40px 0;display:flex}.skillCard{flex-direction:column;gap:16px;margin-bottom:40px;margin-left:40px;margin-right:40px;display:flex}.cardTitle{font-size:14px}.card1{background-color:#515ef9;border:1px solid #e0e0e0;border-radius:16px;width:100%;height:40%;padding:16px 16px 0}.beyondTitle,.beyondbody{font-size:14px}.topbeyond{text-align:left;justify-content:space-between;align-items:left;flex-direction:column;width:100%;margin-bottom:40px;display:flex}.beyondPixellayer{color:#fff;box-sizing:border-box;background-color:#333;border-radius:16px;width:100%;margin:40px 0;padding:24px}.beyondleft,.beyondright{width:100%;margin-bottom:10px}.headerAndBody{margin-top:20px}@media (width<=421px){*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}#root{border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.Navigation,.hero-section,.top-layer,.bottom-layer,.website-titles,.textandCTA,.scroll,.skillCard{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important}.thebuilds{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.hero-left,.hero-right,.slice-left,.Problembit,.Problembit2{width:100%!important;margin-right:0!important}img,video{display:block;max-width:100%!important}}.landing1,video{width:100%}.main{flex-direction:column;justify-content:center;margin-top:24px;margin-left:16px;margin-right:16px;font-size:14px;display:flex}.top-section,.firstGIF,.problemAndSolution,.howitworks,.organisation,.reflections{box-sizing:border-box;width:calc(100% - 80px)!important;margin-left:16px!important;margin-right:16px!important}.header-year,.year,.slice-description{box-sizing:border-box;margin-right:16px;font-size:14px}.firstGIF{box-sizing:border-box;justify-content:center;display:flex;width:100%!important;margin-left:0!important;margin-right:0!important}.firstGIF img{width:100%}.problemAndSolution{box-sizing:border-box;flex-direction:column;justify-content:center;display:flex;width:100%!important;margin-left:0!important;margin-right:0!important}.Problembit{box-sizing:border-box;background-color:#fafafa;border-radius:16px;width:50%;padding:16px}.Problembit2{text-align:left;box-sizing:border-box;background-color:#fafafa;border-radius:16px;width:50%;padding:16px;font-weight:500}.howitworks{box-sizing:border-box;flex-direction:column;display:flex;width:100%!important;margin-left:0!important;margin-right:0!important}.reflections,.howitworks,.problemAndSolution{margin-top:0}.firstGIF{margin-bottom:40px}.organisation{box-sizing:border-box;margin-bottom:20px;width:100%!important;margin-left:0!important;margin-right:0!important}.reflections{box-sizing:border-box;width:100%!important;margin-left:0!important;margin-right:0!important}.main-hero-interaction-container{display:none}.thebuilds{width:100%;padding-left:0;padding-right:0}.theAbout{margin-left:16px;margin-right:16px}.beyondPixellayer{border-radius:0}.top-section{box-sizing:border-box;flex-direction:column;gap:24px;display:flex;width:100%!important;margin-left:0!important;margin-right:0!important}.slice-left,.slice-right{box-sizing:border-box;width:100%;margin-left:0;margin-right:0}.header-year{margin-bottom:0}.image-display{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;margin-left:0;margin-right:0;display:flex}.the-problem{box-sizing:border-box;flex-direction:column;width:100%;margin-left:0;margin-right:0;font-size:14px;display:flex}.thesolution{flex-direction:column;gap:16px;width:100%;margin-left:0;margin-right:0;padding:24px;font-size:14px;display:flex}.new-purple{flex-direction:column;margin-left:0;margin-right:0;font-size:14px;display:flex}.product-scrope{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;height:fit-content;margin-left:0;margin-right:0;font-size:14px;display:none}.impactAndOutcomes{box-sizing:border-box;width:100%;margin-left:0;margin-right:0;font-size:14px}.slice-description{box-sizing:border-box;width:fit-content;margin-right:24px;font-size:14px}.video-layer{margin-left:16px;margin-right:16px}.purple-scrobbable{flex-direction:column;font-size:14px;display:flex}.purple-right{display:none}.purple-scrobbable{margin-left:16px;margin-right:16px;display:none}.purple-LB{height:fit-content;display:none}.admin-system{margin-left:16px;margin-right:16px;font-size:14px}.Design-decisions{border-radius:0;flex-direction:column;width:100%;margin:0;padding:16px;font-size:14px;display:flex}.more-content{width:100%;margin:0;font-size:14px}.content-one{margin:16px}.video-cards{flex-direction:column;width:90%;margin-left:16px;margin-right:16px;display:flex}.keyflows{margin:0}.flowpiles{display:none}.flow-head{margin-left:16px}.thelast{flex-direction:column;font-size:14px;display:flex}}