{"version":3,"file":"91947438f29c563fe11538bb82e1e3402d8a13e1-d13558a75c53e2eeb362.js","mappings":"kPAiCMA,EAAuB,CAC3BC,SAAS,EACTC,UAAU,GAGNC,GAAOC,EAAAA,EAAAA,SAAOC,EAAAA,KAAV,0EAAGD,CAAH,sCAKJE,GAAMF,EAAAA,EAAAA,SAAOG,EAAAA,QAAV,yEAAGH,CAAH,qJAQM,gBAAGI,EAAH,EAAGA,MAAH,OAAeC,EAAAA,EAAAA,IAAa,CACvCD,MAAAA,EACAE,QAAS,kBAKE,gBAAGF,EAAH,EAAGA,MAAH,OAAeC,EAAAA,EAAAA,IAAa,CACvCD,MAAAA,EACAE,QAAS,kBAGH,gBAAGF,EAAH,EAAGA,MAAH,OAAeC,EAAAA,EAAAA,IAAa,CAClCD,MAAAA,EACAE,QAAS,kBAMPC,GAAUC,EAAAA,EAAAA,WAAH,iCAMPC,EAAWT,EAAAA,QAAAA,IAAAA,WAAH,mEAAGA,CAAH,6OAMQ,gBAAGI,EAAH,EAAGA,MAAH,OAClBC,EAAAA,EAAAA,IAAa,CACXD,MAAAA,EACAE,QAAS,mBAMAC,GAOTG,EAAgBV,EAAAA,QAAAA,IAAAA,WAAH,wEAAGA,CAAH,MAEbW,EAAUX,EAAAA,QAAAA,IAAAA,WAAH,kEAAGA,CAAH,4FAIS,gBAAGI,EAAH,EAAGA,MAAH,OAClBC,EAAAA,EAAAA,IAAa,CACXD,MAAAA,EACAE,QAAS,oBAOTM,EAAYZ,EAAAA,QAAAA,IAAAA,WAAH,oEAAGA,CAAH,8EAUTa,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,IAAAA,IAAAA,EAAAA,EAAAA,UAAAA,OAAAA,EAAAA,IAAAA,MAAAA,GAAAA,EAAAA,EAAAA,EAAAA,EAAAA,IAAAA,EAAAA,GAAAA,UAAAA,GACyC,OADzCA,EAAAA,EAAAA,KAAAA,MAAAA,EAAAA,CAAAA,MAAAA,OAAAA,KAAAA,MACYC,MAAgBlB,EAAAA,GAD5BiB,EAAAA,EAAAA,GAAAA,EAAAA,GAC4BjB,IAAAA,EAAAA,EAAAA,UAiI/B,OAjI+BA,EAEzBmB,kBAAP,WAA4B,IAAD,OACzBC,OAAOC,iBAAiB,UAAU,kBAAM,EAAKC,mBAC9C,EAEMC,OAAP,WAAiB,IAMXC,EANU,OACd,EAEIC,KAAKC,MADPC,EADF,EACEA,KAAMC,EADR,EACQA,SAAUC,EADlB,EACkBA,KAGlB,EAA8BJ,KAAKP,MAA3BjB,EAAR,EAAQA,QAASC,EAAjB,EAAiBA,SAIjB,MAAwB,oBAAb4B,UAA6B7B,GAKxCuB,EAASM,SAASC,eAAe,wBAG/B,gBAAClB,EAAD,CAAUmB,MAAO,CAAEC,IAAKT,EAASA,EAAOU,aAAe,IACpDhC,EACC,gBAACY,EAAD,CAAeqB,QAAS,kBAAM,EAAKC,mBACjC,gBAAC,IAAD,CACEC,UAAU,OACVC,KAAK,OACLC,KAAM,OAIV,gCACE,gBAACxB,EAAD,MAEA,gBAAC,KAAD,KACE,gBAACZ,EAAD,CACEqC,QAAQ,KACRC,UAAW,IAEX,gBAACnC,EAAD,CACEkC,QAAQ,KACRE,OAAK,EACLD,UAAW,GACXE,GAAI,EACJC,GAAI,GAEJ,gBAAC,IAAD,CAAMC,SAAS,UACb,gBAAC,IAAD,CACEC,KAAK,OACLC,gBAAgB,SAChBC,KAAMrB,GAELC,KAKNC,EAAKoB,KAAI,SAACC,EAAWC,GAAZ,OACR,gBAAC7C,EAAD,CACEkC,QAAQ,KACRE,OAAK,EACLD,UAAW,GACXE,GAAI,EACJC,GAAI,EACJQ,IAAKD,GAEL,gBAAC,IAAD,CAAMN,SAAS,UACb,gBAAC,IAAD,CACEC,KAAK,OACLC,gBAAgB,SAChBC,KAAME,EAAIG,KAAKC,KAAKC,OAEnBL,EAAIG,KAAKG,YAOpB,gBAACxC,EAAD,CAAWmB,QAAS,kBAAM,EAAKC,mBAC7B,gBAAC,IAAD,CACEC,UAAU,OACVC,KAAK,OACLC,KAAM,MAGR,gBAAC,IAAD,CACEF,UAAU,OACVC,KAAK,QACLC,KAAM,WA3EX,MAmFV,EAEOH,eAAR,WACEX,KAAKgC,SAAS,CAAEvD,UAAWuB,KAAKP,MAAMhB,YACvC,EAEOoB,aAAR,WACE,IAAME,EAASM,SAASC,eAAe,wBACjC2B,EAAU5B,SAASC,eAAe,QAClC4B,EAA4BvC,OAAOwC,YAQrCpC,GAAUkC,GAKRC,GAJkBD,EAAQxB,aACTV,EAAOU,aAI1BT,KAAKgC,SAAS,CAAExD,SAAS,IAK3BwB,KAAKgC,SAAS,CAAExD,SAAS,KAE5B,EAlIGgB,CAAqB4C,EAAAA,WAqI3B,O,qCCrPA,IALuB,SAAC,GAAD,IACrBC,EADqB,EACrBA,QAASC,EADY,EACZA,SAAU1B,EADE,EACFA,UADE,OAGrBwB,EAAAA,cAAA,GAAuBC,EAAW,CAAEzB,UAAAA,GAAa0B,K,sOCkInD,EA/GqC,SAAC,GAE/B,IADLC,EACI,EADJA,MAAOC,EACH,EADGA,OAAQC,EACX,EADWA,MASf,OANAC,EAAAA,EAAAA,YAAU,WACJ/C,OAAOgD,OACThD,OAAOgD,MAAMC,eAEd,IAGD,gBAACC,EAAD,CACEjC,UAAU,oBACVkC,GAAG,gBAEH,gBAAC,KAAD,KACE,gBAAC,IAAD,CACEC,WAAW,KACXR,MAAOA,IAGT,uBAAK3B,UAAU,oBACb,uBAAKA,UAAU,UACb,qBAAGA,UAAU,eACV4B,EAED,2BAHF,cAME,2BAEA,wBAAM5B,UAAU,mBACd,wBAAMA,UAAU,cAAhB,cAEG,KAGH,gBAAC,IAAD,CACEA,UAAU,YACVW,KAAK,oBACLF,KAAK,UAHP,uBAQA,2BAEA,wBAAMT,UAAU,cAAhB,eAEG,KAGH,gBAAC,IAAD,CACEA,UAAU,QACVW,KAAK,iCACLF,KAAK,UAHP,4BASF,2BAEA,wBAAMT,UAAU,cAAhB,UAEG,KAGH,wBAAMA,UAAU,cAAhB,gBAKF,sBAAIA,UAAU,oBACX6B,EAAMjB,KAAI,SAACwB,EAAMC,GAAP,OACT,sBAAItB,IAAKsB,GACND,OAKP,wBAAMpC,UAAU,QACd,gBAAC,IAAD,CACEC,KAAK,YACLC,KAAM,QAKZ,uBAAKF,UAAU,UACb,uBAAKA,UAAU,kBACb,gBAACsC,EAAA,EAAD,KACE,0BAAQC,IAAI,uCAGd,0BACE,iBAAe,oFACfC,QAAQ,OACRC,MAAM,OACNC,OAAO,MACPC,YAAY,IACZhB,MAAM,2CAYhBM,GAAsBlE,EAAAA,EAAAA,IAAO6E,EAAAA,GAAP7E,CAAH,smGACH,gBAAGI,EAAH,EAAGA,MAAH,OAClBC,EAAAA,EAAAA,IAAa,CACXD,MAAAA,EACAE,QAAS,oBA6BM,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,cAEQ,gBAAGF,EAAH,EAAGA,MAAH,OACnB2E,EAAAA,EAAAA,IAAiB,CACf3E,MAAAA,EACAE,QAAS,aAEQ,gBAAGF,EAAH,EAAGA,MAAH,OACnB4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,aAKI,gBAAGF,EAAH,EAAGA,MAAH,OACfC,EAAAA,EAAAA,IAAa,CACXD,MAAAA,EACAE,QAAS,kBAEQ,gBAAGF,EAAH,EAAGA,MAAH,OACnB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBA4BE,gBAAGF,EAAH,EAAGA,MAAH,OAAeC,EAAAA,EAAAA,IAAa,CACzCD,MAAAA,EACAE,QAAS,kBAEQ,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,cAEQ,gBAAGF,EAAH,EAAGA,MAAH,OACnB2E,EAAAA,EAAAA,IAAiB,CACf3E,MAAAA,EACAE,QAAS,aAEQ,gBAAGF,EAAH,EAAGA,MAAH,OACnB4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,aAQM,gBAAGF,EAAH,EAAGA,MAAH,OACjBC,EAAAA,EAAAA,IAAa,CACXD,MAAAA,EACAE,QAAS,kBAgEQ,gBAAGF,EAAH,EAAGA,MAAH,OACnB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,cAIU,gBAAGF,EAAH,EAAGA,MAAH,OACrB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAUQ,gBAAGF,EAAH,EAAGA,MAAH,OACnB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,cAWQ,gBAAGF,EAAH,EAAGA,MAAH,OACnB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAIU,gBAAGF,EAAH,EAAGA,MAAH,OACrB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,aAUQ,gBAAGF,EAAH,EAAGA,MAAH,OACnB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBCpUf,EApCsD,SAAC,GAIhD,IAHLsD,EAGI,EAHJA,MACAC,EAEI,EAFJA,OACAC,EACI,EADJA,MAEMmB,EAAsCxB,EAAAA,SAAc,WAYxD,OAAOK,GAXc,CACnB,CACElB,KAAM,YACNsC,KAAM,YAER,CACEtC,KAAM,YACNsC,KAAM,oBAKT,CAAEpB,IAEL,OACE,gBAAC,EAAD,CACEF,MAAOA,GAAS,eAChBC,OAAQA,GAAU,kCAClBC,MAAOmB,EAAYpC,KAAI,SAACwB,EAAMC,GAAP,OACrB,gBAAC,IAAD,CACEtB,IAAKsB,EACL1B,KAAMyB,EAAKzB,MAEVyB,EAAKa,a,gLCoCVC,GAAiBC,EAAAA,EAAAA,IAAH,+BAChB,gBAAGhF,EAAH,EAAGA,MAAOiF,EAAV,EAAUA,MAAV,OAAsBD,EAAAA,EAAAA,IAArB,IAAD,oOACS/E,EAAAA,EAAAA,IAAa,CACtBD,MAAAA,EACAE,QAAS+E,GAAS,WAELP,EAAAA,EAAAA,IAAe,CAC5B1E,MAAAA,EACAE,QAAS,aAEMyE,EAAAA,EAAAA,IAAiB,CAChC3E,MAAAA,EACAE,QAAS,aAEM0E,EAAAA,EAAAA,IAAqB,CACpC5E,MAAAA,EACAE,QAAS,aAESgF,EAAAA,EAAAA,IAAgB,CAClClF,MAAAA,EACAE,QAAS,YAKMwE,EAAAA,EAAAA,IAAe,CAC9B1E,MAAAA,EACAE,QAAS,eAMPiF,EAAWvF,EAAAA,GAAAA,GAAH,8BACVmF,GAGEK,EAAWxF,EAAAA,GAAAA,GAAH,8BACVmF,GAGEM,EAAWzF,EAAAA,GAAAA,GAAH,8BACVmF,GAGEO,EAAW1F,EAAAA,GAAAA,GAAH,8BACVmF,GAGEQ,EAAW3F,EAAAA,GAAAA,GAAH,8BACVmF,GAGES,EAAW5F,EAAAA,GAAAA,GAAH,8BACVmF,GAGEU,EAAU7F,EAAAA,GAAAA,EAAH,8BACTmF,GAGJ,EAvH2C,SAAC,GAErC,IADLW,EACI,EADJA,GAAInC,EACA,EADAA,SAAaoC,GACb,YACJ,OAAQD,GACN,IAAK,KACH,OACE,gBAACP,EAAaQ,EACXpC,GAIP,IAAK,KACH,OACE,gBAAC6B,EAAaO,EACXpC,GAIP,IAAK,KACH,OACE,gBAAC8B,EAAaM,EACXpC,GAIP,IAAK,KACH,OACE,gBAAC+B,EAAaK,EACXpC,GAIP,IAAK,KACH,OACE,gBAACgC,EAAaI,EACXpC,GAIP,IAAK,KACH,OACE,gBAACiC,EAAaG,EACXpC,GAIP,IAAK,IACH,OACE,gBAACkC,EAAYE,EACVpC,GAIP,QACE,OAAO,O,WCrDPqC,GAAiBhG,EAAAA,EAAAA,IAA6BiG,EAAAA,EAA7BjG,CAAH,kdAGT,gBAAGI,EAAH,EAAGA,MAAO8F,EAAV,EAAUA,UAAV,OACP7F,EAAAA,EAAAA,IAAa,CACXD,MAAAA,EACAE,QAAS4F,OAEA,gBAAG9F,EAAH,EAAGA,MAAH,OAAe0E,EAAAA,EAAAA,IAAe,CACzC1E,MAAAA,EACAE,QAAS,iBAEI,gBAAGF,EAAH,EAAGA,MAAH,OAAe2E,EAAAA,EAAAA,IAAiB,CAC7C3E,MAAAA,EACAE,QAAS,aAEI,gBAAGF,EAAH,EAAGA,MAAH,OACb4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,aAaS,gBAAGF,EAAH,EAAGA,MAAO+F,EAAV,EAAUA,QAAV,OACpB9F,EAAAA,EAAAA,IAAa,CACXD,MAAAA,EACAE,QAAS6F,OAKE,gBAAG/F,EAAH,EAAGA,MAAH,OAAe0E,EAAAA,EAAAA,IAAe,CAC3C1E,MAAAA,EACAE,QAAS,aAKI,gBAAGF,EAAH,EAAGA,MAAH,OACb0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAsBf,EAjB0B,SAACgB,GAAD,OACxB,gBAAC0E,EAAD,CACE/D,UAAWX,EAAMW,UACjByB,QAASpC,EAAM8C,WACf8B,UAAW5E,EAAM4E,WAAa,QAC9BC,QAAS7E,EAAM6E,SAAW,cAE1B,gCACE,wBAAMlE,UAAU,QACbX,EAAMsC,OAGT,wBAAM3B,UAAU,kB,0GCvChBmE,GAAmBpG,EAAAA,EAAAA,IAAiC,MAAjCA,CAAH,4/BAON,SAAAsB,GAAK,OAAIA,EAAM+E,aAAc,QACzB,SAAA/E,GAAK,OAAMA,EAAMgF,gBAAgC,MAAb,YACjC,SAAAhF,GAAK,OACtBA,EAAMgF,gBAAiC,IAAd,aAEf,SAAAhF,GAAK,OACjBA,EAAMiF,UAAN,gBAAkCjF,EAAMiF,UAAc,MACpC,SAAAjF,GAAK,OAAIA,EAAMkF,mBACrB,SAAAlF,GAAK,OACjBA,EAAMgF,iBAAN,OAAgChF,EAAMgF,gBAAtC,OACiB,SAAAhF,GAAK,OAAIA,EAAMgF,iBAAmB,WAC9B,SAAAhF,GAAK,OAAIA,EAAMgF,iBAAmB,mBAC3C,SAAAhF,GAAK,OACjBA,EAAMmF,WAAYC,EAAAA,EAAAA,GAAU,CAC1BD,SAAUnF,EAAMmF,SAChBE,OAAQ,QAeI,SAAArF,GAAK,OAAIA,EAAM+E,aAAc,QAU7B,SAAA/E,GAAK,OAAIA,EAAM+E,aAAc,QAK7B,SAAA/E,GAAK,OAAIA,EAAMsF,aACnB,SAAAtF,GAAK,OAAIA,EAAM+E,aAAc,SAI7B,SAAA/E,GAAK,OAAIA,EAAM+E,aAAc,SAIrCQ,GAAsB7G,EAAAA,EAAAA,IAA6B,MAA7BA,CAAH,2JAQT,SAAAsB,GAAK,OAAIA,EAAMwF,gBAGzBC,EAAe,SAACzF,GACpB,OAAKA,EAAMwF,aAIJ,gBAACD,EAAD,CAAqBC,aAAcxF,EAAMwF,eAHvC,MA8FX,EAxFgB,SAACxF,GACf,IAEM+E,EAA8B,CAClC,IAAK,SACL,IAAK,SACL,IAAK,SACL,IAAK,SACL,IAAK,SACL,IAAK,SACL,IAAK,SACL,KAAM,SACN,KAAM,SACN,KAAM,SACN,KAAM,UAGJO,EAAY,QAEhB,OAlBmBtF,EAAXqD,QAmBN,IAAK,QACHiC,EAAY,QACZP,EAAc,KAAQ,OACtBA,EAAc,KAAQ,OACtBA,EAAc,MAAS,OACvBA,EAAc,MAAS,SACvBA,EAAc,MAAS,SACvB,MAEF,IAAK,SACHO,EAAY,QACZP,EAAc,KAAQ,OACtBA,EAAc,KAAQ,OACtBA,EAAc,MAAS,OACvBA,EAAc,MAAS,SACvBA,EAAc,MAAS,SACvB,MAEF,IAAK,QACHO,EAAY,QACZP,EAAc,KAAQ,OACtBA,EAAc,KAAQ,OACtBA,EAAc,MAAS,OACvBA,EAAc,MAAS,SACvBA,EAAc,MAAS,SACvB,MAEF,QACA,IAAK,OACHO,EAAY,UACZP,EAAc,KAAQ,OACtBA,EAAc,KAAQ,OACtBA,EAAc,MAAS,OACvBA,EAAc,MAAS,SACvBA,EAAc,MAAS,SACvB,MAEF,IAAK,OACHO,EAAY,OACZP,EAAc,KAAQ,OACtBA,EAAc,KAAQ,OACtBA,EAAc,MAAS,OACvBA,EAAc,MAAS,OACvBA,EAAc,MAAS,OAI3B,OACE,gBAACD,EAAD,CACEjC,GAAI7C,EAAM6C,GACVlC,UAAU,wBACVL,MAAON,EAAMM,MACb6E,SAAUnF,EAAMmF,SAChBH,gBAAiBhF,EAAMgF,gBACvBE,gBAAiBlF,EAAMkF,gBACvBD,UAAWjF,EAAMiF,UACjBK,UAAWA,EACXP,aAAcA,GAEd,gBAACU,EAAD,CAAcD,aAAcxF,EAAMwF,eAElC,uBAAK7E,UAAU,uBACZX,EAAMqC,a,qHCtMT5D,EAAOC,EAAAA,GAAAA,GAAH,8aAQK,gBAAGI,EAAH,EAAGA,MAAH,OAAe0E,EAAAA,EAAAA,IAAe,CACzC1E,MAAAA,EACAE,QAAS,cAEI,gBAAGF,EAAH,EAAGA,MAAH,OACb4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,aAaE,gBAAGF,EAAH,EAAGA,MAAH,OAAe0E,EAAAA,EAAAA,IAAe,CAC3C1E,MAAAA,EACAE,QAAS,cAKPJ,EAAMF,EAAAA,GAAAA,GAAH,8rBAeM,gBAAGI,EAAH,EAAGA,MAAH,OAAeC,EAAAA,EAAAA,IAAa,CACvCD,MAAAA,EACAE,QAAS,aAKgB,gBAAGF,EAAH,EAAGA,MAAH,OACzBC,EAAAA,EAAAA,IAAa,CACXD,MAAAA,EACAE,QAAS,aA2Df,EAlCoB,SAAC,GAAqB,IAAnB0G,EAAkB,EAAlBA,KACrB,OACE,gBAACjH,EAAD,KACE,gBAACG,EAAD,KACE,gBAAC,IAAD,CACEyC,gBAAgB,SAChBC,KAAK,YACLF,KAAK,OACLuE,eAAe,SAJjB,aAUDD,EAAKE,wBAAwBC,MAAMtE,KAClC,SAACC,EAA4BC,GAA7B,OACE,gBAAC7C,EAAD,CAAK8C,IAAKD,GACR,gBAAC,IAAD,CACEJ,gBAAgB,SAChBC,KAAME,EAAIG,KAAKC,KAAKC,MACpBiE,SAAU,YACR,OADoC,EAAzBC,mBACiB,CAAEpF,UAAW,UAAa,IAExDgF,eAAe,SAEdnE,EAAIG,KAAKG,a,mKCjGlBkE,EAAsBtH,EAAAA,GAAAA,QAAH,64EA+BV,gBAAGI,EAAH,EAAGA,MAAH,OAAeC,EAAAA,EAAAA,IAAa,CACvCD,MAAAA,EACAE,QAAS,aAKM,gBAAGF,EAAH,EAAGA,MAAH,OACf0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,eAEM,gBAAGF,EAAH,EAAGA,MAAH,OACjB2E,EAAAA,EAAAA,IAAiB,CACf3E,MAAAA,EACAE,QAAS,aAEM,gBAAGF,EAAH,EAAGA,MAAH,OACjB4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,kBAES,gBAAGF,EAAH,EAAGA,MAAH,OACpBkF,EAAAA,EAAAA,IAAgB,CACdlF,MAAAA,EACAE,QAAS,cAOI,gBAAGF,EAAH,EAAGA,MAAH,OACf0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAEM,gBAAGF,EAAH,EAAGA,MAAH,OACjB2E,EAAAA,EAAAA,IAAiB,CACf3E,MAAAA,EACAE,QAAS,YAEM,gBAAGF,EAAH,EAAGA,MAAH,OACjB4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,aAaF,gBAAGF,EAAH,EAAGA,MAAH,OAAeC,EAAAA,EAAAA,IAAa,CACrCD,MAAAA,EACAE,QAAS,aAEI,gBAAGF,EAAH,EAAGA,MAAH,OAAe0E,EAAAA,EAAAA,IAAe,CAC3C1E,MAAAA,EACAE,QAAS,eAEM,gBAAGF,EAAH,EAAGA,MAAH,OACf2E,EAAAA,EAAAA,IAAiB,CACf3E,MAAAA,EACAE,QAAS,aAEI,gBAAGF,EAAH,EAAGA,MAAH,OACf4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,eAsDM,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAOI,gBAAGF,EAAH,EAAGA,MAAH,OACf0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,eAcM,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,eAKM,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAMI,gBAAGF,EAAH,EAAGA,MAAH,OAAe0E,EAAAA,EAAAA,IAAe,CAC7C1E,MAAAA,EACAE,QAAS,cAQQ,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,eAKM,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,aA2Ff,EApFsB,SAAC,GASF,IARnBsD,EAQkB,EARlBA,MACA2D,EAOkB,EAPlBA,YACAC,EAMkB,EANlBA,OACAC,EAKkB,EALlBA,MACAC,EAIkB,EAJlBA,IACAjG,EAGkB,EAHlBA,KACAyB,EAEkB,EAFlBA,KACAkB,EACkB,EADlBA,WAEA,OACE,gBAACkD,EAAD,KACE,gBAAC,KAAD,CACEK,OAAQ,CACN,CACEC,OAAQ,GACRjE,SAAU,gBAAC,IAAD,CACRqD,KAAMS,EACNC,IAAK9D,MAIXhC,MAAO,CAAE+C,OAAQ,aAEjB,0BAAQkD,KAAK,UACX,gBAAC,IAAD,CACEnE,QAASU,GAAc,KACvBnC,UAAU,cAET2B,GAGH,qBAAG3B,UAAU,WACX,wBAAMA,UAAU,UACbuF,GAGH,wBAAMvF,UAAU,cACb,IADH,IAIG,KAGH,wBAAMA,UAAU,eACbsF,KAKP,0BAAQM,KAAK,eACX,sBAAI5F,UAAU,QACXR,GACCA,EAAKoB,KAAI,SAACC,EAAuBwB,GAC/B,OACE,sBAAItB,IAAKsB,GACNxB,EAAIM,WAOjB,gBAAC,IAAD,CACEnB,UAAU,OACVW,KAAMM,EACNR,KAAK,QAEJkB,GAGH,wBAAM3B,UAAU,YAEhB,uBAAKA,UAAU,SACb,gBAAC,IAAD,CACE+E,KAAMS,EACNC,IAAKA,QCvUXI,GAAqB9H,EAAAA,EAAAA,IAAO+H,EAAAA,GAAP/H,CAAH,kNAYXgI,EAAkBhI,EAAAA,GAAAA,IAAH,qYAiD5B,EAvBqB,SAAC,GAAsC,IAApCiI,EAAmC,EAAnCA,SAAU7D,EAAyB,EAAzBA,WAChC,OACE,gBAAC0D,EAAD,CAAoBlG,MAAO,CAAEsG,QAAS,SACnCD,EACCA,EAASpF,KAAI,SAACsF,EAAuBpF,GAAxB,OACX,gBAACiF,EAAD,CAAiBhF,IAAG,WAAaD,GAC/B,gBAAC,EAAD,CACEa,MAAOuE,EAAQvE,MACf4D,OAAQW,EAAQC,0BAChBb,YAAaY,EAAQE,gCACrB5G,KAAM0G,EAAQG,cAAcC,mBAC5Bd,MAAOU,EAAQG,cAAcE,kBAC7Bd,IAAKS,EAAQK,kBAAkBd,IAC/BxE,KAAMiF,EAAQjF,KAAKC,MACnBiB,WAAYA,QAIlB,0B,oJCjCFqE,GAAqBzI,EAAAA,EAAAA,IAAyB6E,EAAAA,GAAzB7E,CAAH,sgDACF,gBAAGI,EAAH,EAAGA,MAAOoG,EAAV,EAAUA,gBAAV,OAClBnG,EAAAA,EAAAA,IAAa,CACXD,MAAAA,EACAE,QAASkG,GAAmB,oBAYb,gBAAGpG,EAAH,EAAGA,MAAH,OACjB4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,eAEI,gBAAGF,EAAH,EAAGA,MAAH,OACf0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAEM,gBAAGF,EAAH,EAAGA,MAAH,OACjB2E,EAAAA,EAAAA,IAAiB,CACf3E,MAAAA,EACAE,QAAS,aAEM,gBAAGF,EAAH,EAAGA,MAAH,OACjB4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,eAyBM,gBAAGF,EAAH,EAAGA,MAAH,OACjBsI,EAAAA,EAAAA,IAAiB,CACftI,MAAAA,EACAE,QAAS,eAEI,gBAAGF,EAAH,EAAGA,MAAH,OAAe0E,EAAAA,EAAAA,IAAe,CAC7C1E,MAAAA,EACAE,QAAS,cAEQ,gBAAGF,EAAH,EAAGA,MAAH,OACjB2E,EAAAA,EAAAA,IAAiB,CACf3E,MAAAA,EACAE,QAAS,aAEM,gBAAGF,EAAH,EAAGA,MAAH,OACjB4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,eAgBM,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAoBM,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,aAeM,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAkEf,EAvD6C,SAAC,GASvC,IARL2B,EAQI,EARJA,UACA0G,EAOI,EAPJA,MACAC,EAMI,EANJA,QACA1D,EAKI,EALJA,KACAhD,EAII,EAJJA,KACA2G,EAGI,EAHJA,SACAC,EAEI,EAFJA,QACAtC,EACI,EADJA,gBAOA,OAJIsC,IACFA,EAAUA,EAAQC,QAAQ,uBAAwB,KAIlD,gBAACN,EAAD,CACExG,UAAS,sBAAuBA,GAAwB,IACxDuE,gBAAiBA,GAEjB,gBAAC,KAAD,KACE,gBAAC,IAAD,CACEV,GAAI8C,GAAW,IACfvD,MAAM,cAELsD,GAGH,uBAAK1G,UAAU,eACZiD,GAGH,uBAAKjD,UAAU,gBACZC,GACC,gBAAC,IAAD,CACED,UAAU,OACVC,KAAMA,EACNC,KAAM,IAIT0G,GAAYC,GACX,gBAAC,IAAD,CACElG,KAAMkG,EACNpG,KAAK,UAEJmG,Q,yTC7Lf,EAlBiB,SAACG,GAChB,IAAMC,EAA0CD,EAAMnG,KAAI,SAAAqG,GACxD,MAAO,CACL,WAAY,qBACZ,QAAS,WACT,SAAYA,EAAKC,SACjB,KAAOC,EAAAA,EAAAA,GAAmB,gCAAgCF,EAAKhG,UAInE,MAAO,CACL,WAAY,qBACZ,QAAS,WACT,cAAiB8F,EAAMK,OACvB,gBAAmBJ,I,6EC+EVK,EAAgBtJ,EAAAA,QAAAA,IAAAA,WAAH,kEAAGA,CAAH,w4BASX,gBAAGI,EAAH,EAAGA,MAAH,OAAeC,EAAAA,EAAAA,IAAa,CACvCD,MAAAA,EACAE,QAAS,kBAEM,gBAAGF,EAAH,EAAGA,MAAH,OACf0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAEM,gBAAGF,EAAH,EAAGA,MAAH,OACjB2E,EAAAA,EAAAA,IAAiB,CACf3E,MAAAA,EACAE,QAAS,aAEM,gBAAGF,EAAH,EAAGA,MAAH,OACjB4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,eA0CM,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,aAEQ,gBAAGF,EAAH,EAAGA,MAAH,OACnB4E,EAAAA,EAAAA,IAAqB,CACnB5E,MAAAA,EACAE,QAAS,aAWM,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAWM,gBAAGF,EAAH,EAAGA,MAAH,OACjB0E,EAAAA,EAAAA,IAAe,CACb1E,MAAAA,EACAE,QAAS,iBAeFiJ,EAAoBvJ,EAAAA,QAAAA,IAAAA,WAAH,sEAAGA,CAAH,sPAqBjBgI,EAAkBhI,EAAAA,QAAAA,IAAAA,WAAH,oEAAGA,CAAH,iPAoO5B,EAvMqB,SAAC,GAAuC,IAiBvDiJ,EACAO,EAlBkBxC,EAAoC,EAApCA,KAChByC,EACJzC,EAAK0C,qBAAqBpB,cAAcqB,wBAEpCC,EAAU5C,EAAK0C,qBAAqBpB,cAAcuB,eAElDC,EACJ9C,EAAK0C,qBAAqBpB,cAAcyB,wBAEpCC,GAAwBC,EAAAA,EAAAA,IAAiB,CAC7C,CACE7G,KAAM,WACNF,KAAM,eAqBV,OAZA+F,EAAmBa,EAAiBjH,KAAI,SAACsF,EAAS7D,GAChD,MAAO,CACL6E,SAAU7E,EAAI,EACdpB,KAAMiF,EAAQjF,KAAKC,UAOvBqG,EAAa,CAAEQ,EAFME,EAASjB,IAK5B,gBAAC,IAAD,CAAQhH,UAAU,YAChB,gCACE,gBAAC,IAAD,CACEkI,cAAc,YACdvG,MAAOoD,EAAK0C,qBAAqB9F,MACjC2D,YAAaP,EAAK0C,qBAAqBU,uBACvCC,UAAWrD,EAAK0C,qBAAqBY,SAErC,0BAAQ5H,KAAK,uBACV6H,KAAKC,UAAUhB,KAIpB,0BACE3B,KAAK,SACL1D,GAAG,UAEH,gBAAC,IAAD,CACEsG,aAAW,EACXC,aAAa,SAGf,gBAACpB,EAAD,CAAenF,GAAG,QAChB,gBAAC,IAAD,CACEsC,SAAS,iBACT7E,MAAO,CAAEyD,MAAO,SAChBV,OAAO,SAEP,gBAAC,IAAD,CACE8B,SAAS,eACTE,MAAO,GACPgE,QAAS,CAAEC,WAAY,CAAE,MAAO,SAChChJ,MAAO,CACLuH,SAAU,WACVxE,OAAQ,OACRD,MAAO,OACPmG,KAAM,EACNhJ,IAAK,EACLiJ,QAAS,GACTC,QAAS,KAIb,gBAAC,KAAD,CAAwB9I,UAAU,eAChC,qBAAGA,UAAU,WACV+E,EAAK0C,qBAAqBsB,oBAG7B,gBAAC,IAAD,CACE/I,UAAU,cACVQ,SAAS,UACTwI,cAAc,SACdC,UAAU,QACVC,WAAW,aACXvJ,MAAO,CAAEwJ,cAAe,cAN1B,cAWA,gBAAC,IAAD,CAAMpE,KAAMA,QAMpB,gBAAC,IAAD,CACEzF,KAAK,YACLC,SAAS,WACTC,KAAMuF,EAAKE,wBAAwBC,QAGrC,wBACEhD,GAAG,eACH0D,KAAK,QAEL,gBAAC0B,EAAD,KACE,sBAAItH,UAAU,cACX+E,EAAK0C,qBAAqB9F,OAG7B,uBAAK3B,UAAU,2BACb,gBAAC,IAAD,CAAcgG,SAAU6B,EAAiBuB,MAAM,EAAG,MAGpD,6BACE,gBAAC,IAAD,CACE1C,MAAOc,EAAQ6B,oBACfpG,MAAMqG,EAAAA,EAAAA,IAAO9B,EAAQ+B,kBAAkBC,WACvCvJ,KAAMuH,EAAQiC,kBACd7C,SAAUY,EAAQkC,kBAAoBlC,EAAQkC,kBAAkB/H,WAAQgI,EACxE9C,QAASW,EAAQkC,kBAAoBlC,EAAQkC,kBAAkBE,SAAMD,KAIzE,uBAAK3J,UAAU,2BACb,gBAAC,IAAD,CAAcgG,SAAU6B,EAAiBuB,MAAM,EAAG,OAGpD,6BACE,gBAAC,IAAD,CACE1C,MAAOiB,EAAQ0B,oBACfpG,MAAMqG,EAAAA,EAAAA,IAAO3B,EAAQ4B,kBAAkBC,WACvCvJ,KAAM0H,EAAQ8B,kBACd7C,SAAUe,EAAQ+B,kBAAoB/B,EAAQ+B,kBAAkB/H,WAAQgI,EACxE9C,QAASc,EAAQ+B,kBAAoB/B,EAAQ+B,kBAAkBE,SAAMD,KAIzE,uBAAK3J,UAAU,2BACb,gBAAC,IAAD,CAAcgG,SAAU6B,EAAiBuB,MAAM,GAAI,SAKzD,0BAAQxD,KAAK,eACX,gBAAC,IAAD,MAEA,gBAAC,IAAD","sources":["webpack://gravitywell-website-2019/./src/components/collapse-tags/collapse-tags.tsx","webpack://gravitywell-website-2019/./src/components/dynamic-html-tag/dynamic-html-tag.tsx","webpack://gravitywell-website-2019/./src/components/get-in-touch/get-in-touch.tsx","webpack://gravitywell-website-2019/./src/components/get-in-touch/index.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-uppercase.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-underlined.tsx","webpack://gravitywell-website-2019/./src/components/page-top/page-top.tsx","webpack://gravitywell-website-2019/./src/components/project-tags/tags.tsx","webpack://gravitywell-website-2019/./src/components/project-teaser/project-teaser.tsx","webpack://gravitywell-website-2019/./src/components/projects-grid/projects-grid.tsx","webpack://gravitywell-website-2019/./src/components/text-panel/text-panel.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/item-list.tsx","webpack://gravitywell-website-2019/./src/pages/projects.tsx"],"sourcesContent":["import {\n  Column,\n  Row\n} from \"hedron\";\nimport * as React from \"react\";\nimport styled, { keyframes } from \"styled-components\";\n\nimport { colourHelper } from \"../../theme/theme-helper\";\nimport { MediumColumnWidthWrapper } from \"../confines-wrappers\";\nimport Icon from \"../icon/icon\";\nimport Link from \"../link\";\nimport Text from \"../text\";\n\ninterface ITag {\n  node: {\n    name: string;\n    path: {\n      alias: string;\n    };\n  };\n}\n\ninterface IProps {\n  tags: ITag[];\n  root: string;\n  rootTerm: string;\n}\n\ninterface IState {\n  visible: boolean;\n  collapse: boolean;\n}\n\nconst initialState: IState = {\n  visible: false,\n  collapse: true\n};\n\nconst Tags = styled(Row)`\n  width: 100%;\n  margin: 30px 0 50px 0;\n`;\n\nconst Tag = styled(Column)`\n  padding-top: 10px;\n  a {\n    text-decoration: none;\n    color: inherit;\n    padding-bottom: 6px;\n\n    &:hover {\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n    }\n\n    &.active {\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n      border-bottom: 2px solid\n        ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })}80;\n    }\n  }\n`;\n\nconst SlideIn = keyframes`\n  to {\n    transform: translateY(0)\n  }\n`;\n\nconst Collapse = styled.nav`\n  position: fixed;\n  width: 100%;\n  display: flex;\n  padding: 15px 0;\n  justify-content: center;\n  background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"altLightGrey\"\n    })};\n  z-index: 99;\n\n  transition: all 0.3s ease-in-out;\n  transform: translateY(-100%);\n  animation: ${SlideIn} ease-in-out 0.2s forwards;\n\n  .icon {\n    cursor: pointer;\n  }\n`;\n\nconst CollapsedTags = styled.div``;\n\nconst Overlay = styled.div`\n  height: 100vh;\n  position: fixed;\n  width: 100%;\n  background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"altLightGrey\"\n    })}90;\n  z-index: -1;\n  top: 0;\n  left: 0;\n`;\n\nconst CloseTags = styled.div`\n  display: flex;\n  padding: 30px 0;\n  justify-content: center;\n\n  .icon {\n    margin: 0 10px;\n  }\n`;\n\nclass CollapseTags extends React.Component<IProps> {\n  public readonly state: IState = initialState;\n\n  public componentDidMount() {\n    window.addEventListener(\"scroll\", () => this.handleScroll());\n  }\n\n  public render() {\n    const {\n      root, rootTerm, tags\n    } = this.props;\n\n    const { visible, collapse } = this.state;\n    let navDom: HTMLElement | null = null;\n\n    // Fixes build issue\n    if (typeof document === \"undefined\" || !visible) {\n      return null;\n    }\n\n    // Set the navDom\n    navDom = document.getElementById(\"navigation-container\");\n\n    return (\n      <Collapse style={{ top: navDom ? navDom.offsetHeight : 0 }}>\n        {collapse ? (\n          <CollapsedTags onClick={() => this.toggleCollapse()}>\n            <Icon\n              className=\"icon\"\n              icon=\"tags\"\n              size={1.5}\n            />\n          </CollapsedTags>\n        ) : (\n          <>\n            <Overlay />\n\n            <MediumColumnWidthWrapper>\n              <Tags\n                tagName=\"ul\"\n                divisions={10}\n              >\n                <Tag\n                  tagName=\"li\"\n                  fluid\n                  divisions={10}\n                  xs={5}\n                  sm={2}\n                >\n                  <Text fontSize=\"body_1\">\n                    <Link\n                      type=\"none\"\n                      activeClassName=\"active\"\n                      href={root}\n                    >\n                      {rootTerm}\n                    </Link>\n                  </Text>\n                </Tag>\n\n                {tags.map((tag: ITag, index: number) => (\n                  <Tag\n                    tagName=\"li\"\n                    fluid\n                    divisions={10}\n                    xs={5}\n                    sm={2}\n                    key={index}\n                  >\n                    <Text fontSize=\"body_1\">\n                      <Link\n                        type=\"none\"\n                        activeClassName=\"active\"\n                        href={tag.node.path.alias}\n                      >\n                        {tag.node.name}\n                      </Link>\n                    </Text>\n                  </Tag>\n                ))}\n              </Tags>\n\n              <CloseTags onClick={() => this.toggleCollapse()}>\n                <Icon\n                  className=\"icon\"\n                  icon=\"tags\"\n                  size={1.5}\n                />\n\n                <Icon\n                  className=\"icon\"\n                  icon=\"close\"\n                  size={1.5}\n                />\n              </CloseTags>\n            </MediumColumnWidthWrapper>\n          </>\n        )}\n      </Collapse>\n    );\n  }\n\n  private toggleCollapse() {\n    this.setState({ collapse: !this.state.collapse });\n  }\n\n  private handleScroll() {\n    const navDom = document.getElementById(\"navigation-container\");\n    const heroDom = document.getElementById(\"hero\");\n    const windowPageYOffset: number = window.pageYOffset;\n    let heroDomOffsetHeight = 0;\n    let navDomOffsetHeight = 0;\n    let navYOffset = 0;\n    // let navHeroPageYOffsetPercentage: number = 0;\n\n    // If there is a hero DOM, work out the scrollTop and compare it to the\n    // hero's height and set state accordingly\n    if (navDom && heroDom) {\n      heroDomOffsetHeight = heroDom.offsetHeight;\n      navDomOffsetHeight = navDom.offsetHeight;\n      navYOffset = heroDomOffsetHeight - navDomOffsetHeight;\n\n      if (windowPageYOffset >= navYOffset) {\n        this.setState({ visible: true });\n      } else {\n        this.setState({ visible: false });\n      }\n    } else {\n      this.setState({ visible: false });\n    }\n  }\n}\n\nexport default CollapseTags;\n","import * as React from \"react\";\n\ninterface IProps {\n  className?: string;\n  htmlTag: string;\n  children: React.ReactChild;\n}\n\nconst DynamicHtmlTag = ({\n  htmlTag, children, className\n}: IProps) =>\n  React.createElement(`${htmlTag}`, { className }, children);\n\nexport default DynamicHtmlTag;\n","import * as React from \"react\";\nimport { useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\n\nimport styled from \"../../theme/styled\";\nimport { HeadingUnderlined } from \"../heading\";\nimport Icon from \"../icon\";\nimport Link from \"../link\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport {\n  FullWidthWrapper,\n  MediumColumnWidthWrapper\n} from \"../confines-wrappers\";\n\ninterface IProps {\n  title: string;\n  slogan: string;\n  links: React.ReactNode[];\n}\n\ndeclare global {\n  // allow Tally to be used in window\n  interface Window { Tally: any; }\n}\n\nconst GetInTouch: React.FC<IProps> = ({\n  title, slogan, links\n}) => {\n  // Load Tally embeds\n  useEffect(() => {\n    if (window.Tally) {\n      window.Tally.loadEmbeds();\n    }\n  }, []);\n\n  return (\n    <GetInTouchContainer\n      className=\"content-container\"\n      id=\"get-in-touch\"\n    >\n      <MediumColumnWidthWrapper>\n        <HeadingUnderlined\n          headingTag=\"h2\"\n          title={title}\n        />\n\n        <div className=\"column-container\">\n          <div className=\"column\">\n            <p className=\"got-an-idea\">\n              {slogan}\n\n              <br />\n              Let’s talk!\n\n              <br />\n\n              <span className=\"contact-details\">\n                <span className=\"off-screen\">\n                  Call us on:\n                  {\" \"}\n                </span>\n\n                <Link\n                  className=\"telephone\"\n                  href=\"tel:+441173790309\"\n                  type=\"inline\"\n                >\n                  +44 (0)117 379 0309\n                </Link>\n\n                <br />\n\n                <span className=\"off-screen\">\n                  Or email us:\n                  {\" \"}\n                </span>\n\n                <Link\n                  className=\"email\"\n                  href=\"mailto:hello@gravitywell.co.uk\"\n                  type=\"inline\"\n                >\n                  hello@gravitywell.co.uk\n                </Link>\n              </span>\n\n              <br />\n\n              <span className=\"off-screen\">\n                Want to\n                {\" \"}\n              </span>\n\n              <span className=\"learn-more\">\n                Learn more?\n              </span>\n            </p>\n\n            <ul className=\"learn-more-links\">\n              {links.map((link, i) => (\n                <li key={i}>\n                  {link}\n                </li>\n              ))}\n            </ul>\n\n            <span className=\"icon\">\n              <Icon\n                icon=\"lightbulb\"\n                size={4.2}\n              />\n            </span>\n          </div>\n\n          <div className=\"column\">\n            <div className=\"form-container\">\n              <Helmet>\n                <script src=\"https://tally.so/widgets/embed.js\" />\n              </Helmet>\n\n              <iframe\n                data-tally-src=\"https://tally.so/embed/nWrPga?hideTitle=1&transparentBackground=1&dynamicHeight=1\"\n                loading=\"lazy\"\n                width=\"100%\"\n                height=\"762\"\n                frameBorder=\"0\"\n                title=\"Gravitywell Website Contact Form\"\n              />\n            </div>\n          </div>\n        </div>\n      </MediumColumnWidthWrapper>\n    </GetInTouchContainer>\n  );\n};\n\nexport default GetInTouch;\n\nconst GetInTouchContainer = styled(FullWidthWrapper)`\n  background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"altLightGrey\"\n    })};\n\n  .column-container {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding-top: 10%;\n\n    .form-container {\n      display: flex;\n      width: 100%;\n    }\n\n    .column {\n      transition: 0.2s ease-in-out;\n      padding-top: 7.2rem;\n      width: 100%;\n      max-width: 42rem;\n\n      &:first-child {\n        position: relative;\n        padding-top: 0;\n      }\n      \n\n      .got-an-idea {\n        margin-bottom: 0;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n        .contact-details {\n          display: block;\n          color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n\n          .telephone,\n          .email {\n            display: inline-block;\n          }\n\n          .telephone {\n            padding-top: 1.2em;\n          }\n\n          .email {\n            padding-top: 0.4rem;\n          }\n        }\n\n        .learn-more {\n          display: block;\n          padding-top: 2.2rem;\n        }\n      }\n\n      .learn-more-links {\n        padding-top: 2.2rem;\n        padding-left: 0;\n        padding-bottom: 0;\n        list-style: none;\n        color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n        li {\n          padding-top: 1.2rem;\n          margin-bottom: 0;\n\n          a {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          }\n        }\n      }\n\n      .icon {\n        display: none;\n        position: absolute;\n        top: -1.2rem;\n        left: 0;\n      }\n\n      iframe {\n        width: 100% !important;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .column-container {\n      padding-top: 5.2rem;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .column-container {\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: normal;\n      padding-top: 7.2rem;\n\n      .column {\n        padding-top: 0;\n        width: 50%;\n        max-width: none;\n\n        &:first-child {\n          padding-left: 5.6rem;\n          padding-right: 2%;\n        }\n\n        &:last-child {\n          padding-left: 2%;\n          max-width: 50rem;\n        }\n\n        .icon {\n          display: block;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .column-container {\n      padding-top: 9.8rem;\n\n      .column {\n        &:first-child {\n          padding-left: 7.2rem;\n        }\n\n        .got-an-idea {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n\n          .contact-details {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n\n            .email {\n              padding-top: 0.4rem;\n            }\n          }\n        }\n\n        .learn-more-links {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .column-container {\n      .column {\n        .got-an-idea {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n\n          .contact-details {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n\n            .email {\n              padding-top: 0.4rem;\n            }\n          }\n        }\n\n        .learn-more-links {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n        }\n      }\n    }\n  }\n`;\n","import * as React from \"react\";\n\nimport Link from \"../link\";\nimport { default as GetInTouch } from \"./get-in-touch\";\n\ninterface IGetInTouchProps {\n  title?: string;\n  slogan?: string;\n  links?: IGetInTouchLinkProps[];\n}\n\nexport interface IGetInTouchLinkProps {\n  href: string;\n  text: string;\n}\n\n/**\n * Get in touch wrapper\n */\nconst GetInTouchWrapper: React.FC<IGetInTouchProps> = ({\n  title,\n  slogan,\n  links\n}) => {\n  const parsedLinks: IGetInTouchLinkProps[] = React.useMemo(() => {\n    const defaultLinks = [\n      {\n        href: \"/insights\",\n        text: \"Insights\"\n      },\n      {\n        href: \"/about-us\",\n        text: \"Meet the team\"\n      }\n    ];\n\n    return links || defaultLinks;\n  }, [ links ]);\n\n  return (\n    <GetInTouch\n      title={title || \"Get in Touch\"}\n      slogan={slogan || \"Got a great idea for a project?\"}\n      links={parsedLinks.map((link, i) => (\n        <Link\n          key={i}\n          href={link.href}\n        >\n          {link.text}\n        </Link>\n      ))}\n    />\n  );\n};\n\nexport default GetInTouchWrapper;\n","import * as React from \"react\";\n\nimport styled, { css } from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontSizeHelper,\n  fontWeightHelper,\n  fontLineHeightHelper,\n  fontSpaceHelper\n} from \"../../theme/theme-helper\";\n\ninterface IProps\n  extends React.HTMLAttributes<HTMLHeadingElement>,\n    React.HTMLAttributes<HTMLParagraphElement> {\n  as: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\";\n  color?: keyof IThemeColour;\n}\n\ninterface IHeadingStyled {\n  color?: IProps[\"color\"];\n}\n\n/**\n * How you benefit\n */\nconst HeadingUppercase: React.FC<IProps> = ({\n  as, children, ...rest\n}) => {\n  switch (as) {\n    case \"h1\":\n      return (\n        <H1Styled {...rest}>\n          {children}\n        </H1Styled>\n      );\n\n    case \"h2\":\n      return (\n        <H2Styled {...rest}>\n          {children}\n        </H2Styled>\n      );\n\n    case \"h3\":\n      return (\n        <H3Styled {...rest}>\n          {children}\n        </H3Styled>\n      );\n\n    case \"h4\":\n      return (\n        <H4Styled {...rest}>\n          {children}\n        </H4Styled>\n      );\n\n    case \"h5\":\n      return (\n        <H5Styled {...rest}>\n          {children}\n        </H5Styled>\n      );\n\n    case \"h6\":\n      return (\n        <H6Styled {...rest}>\n          {children}\n        </H6Styled>\n      );\n\n    case \"p\":\n      return (\n        <PStyled {...rest}>\n          {children}\n        </PStyled>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst headingStyling = css<IHeadingStyled>`\n  ${({ theme, color }) => css`\n    color: ${colourHelper({\n    theme,\n    variant: color || \"black\"\n  })}\n    font-size: ${fontSizeHelper({\n    theme,\n    variant: \"small_3\"\n  })};\n    font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"regular\"\n  })};\n    line-height: ${fontLineHeightHelper({\n    theme,\n    variant: \"default\"\n  })};\n    letter-spacing: ${fontSpaceHelper({\n    theme,\n    variant: \"medium\"\n  })};\n    text-transform: uppercase;\n\n    @media (min-width: 768px) {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  `}\n`;\n\nconst H1Styled = styled.h1<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H2Styled = styled.h2`\n  ${headingStyling}\n`;\n\nconst H3Styled = styled.h3<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H4Styled = styled.h4<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H5Styled = styled.h5<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H6Styled = styled.h6<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst PStyled = styled.p<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nexport default HeadingUppercase;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport DynamicHtmlTag from \"../dynamic-html-tag\";\n\nexport type HeadingTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\ninterface IProps {\n  className?: string;\n  headingTag: HeadingTag;\n  title: string;\n  textColor?: keyof IThemeColour;\n  hrColor?: keyof IThemeColour;\n}\n\ninterface IHeadingWrapper {\n  textColor: keyof IThemeColour;\n  hrColor: keyof IThemeColour;\n}\n\nconst HeadingWrapper = styled<IHeadingWrapper, any>(DynamicHtmlTag)`\n  transition: 0.2s ease-in-out;\n  margin: 0;\n  color: ${({ theme, textColor }) =>\n    colourHelper({\n      theme,\n      variant: textColor\n    })};\n  font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n  font-weight: ${({ theme }) => fontWeightHelper({\n    theme,\n    variant: \"heavy\"\n  })};\n  line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n  text-align: center;\n\n  .text {\n    display: block;\n  }\n\n  .underline {\n    display: block;\n    margin: 2.2rem auto 0;\n    width: 5rem;\n    height: 0.5rem;\n    background-color: ${({ theme, hrColor }) =>\n    colourHelper({\n      theme,\n      variant: hrColor\n    })};\n  }\n\n  @media (min-width: 600px) {\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n  }\n\n  @media (min-width: 960px) {\n    font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n  }\n`;\n\nconst HeadingUnderlined = (props: IProps) => (\n  <HeadingWrapper\n    className={props.className}\n    htmlTag={props.headingTag}\n    textColor={props.textColor || \"black\"}\n    hrColor={props.hrColor || \"brandColor\"}\n  >\n    <>\n      <span className=\"text\">\n        {props.title}\n      </span>\n\n      <span className=\"underline\" />\n    </>\n  </HeadingWrapper>\n);\n\nexport default HeadingUnderlined;\n","import React, { CSSProperties } from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport { generator } from \"../gradients\";\nimport { IGradients } from \"../gradients/gradient-list\";\n\ninterface IPageTop {\n  id?: string;\n  className?: string;\n  gradient?: keyof IGradients;\n  backgroundImage?: string;\n  overlayColor?: string;\n  borderTop?: string;\n  backgroundColor?: string;\n  parallax?: boolean;\n  maxWidth?: number;\n  maxHeight?: number;\n  height?: \"auto\" | \"tiny\" | \"small\" | \"medium\" | \"large\";\n  minHeight?: number;\n  children: React.ReactNode;\n  style?: CSSProperties;\n  widthType?:\n    | \"FullWidthWrapper\"\n    | \"FullWidthColumnWrapper\"\n    | \"ColumnWidthWrapper\"\n    | \"HalfColumnWidthWrapper\";\n}\n\ninterface IPageTopContainer {\n  gradient?: keyof IGradients;\n  maxHeight?: string;\n  aspectRatios: IAspectRatios;\n  backgroundColor?: string;\n  borderTop?: string;\n  backgroundImage?: string;\n}\n\ninterface IAspectRatios {\n  320: string;\n  375: string;\n  480: string;\n  568: string;\n  600: string;\n  768: string;\n  960: string;\n  1024: string;\n  1280: string;\n  1440: string;\n  1920: string;\n}\n\ninterface IColorOverlay {\n  overlayColor?: string;\n}\n\nconst PageTopContainer = styled<IPageTopContainer, \"div\">(\"div\")`\n  transition: 0.2s ease-in-out;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  min-height: ${props => props.aspectRatios[ 320 ]};\n  /* padding-top: ${props => (!props.backgroundImage && \"10rem;\") || \"66%\"}; */\n  /* padding-bottom: ${props =>\n    (!props.backgroundImage && \"4.8rem;\") || \"0\"}; */\n  width: 100%;\n  border-top: ${props =>\n    props.borderTop ? `0.2rem solid ${props.borderTop}` : \"\"};\n  background-color: ${props => props.backgroundColor};\n  background: ${props =>\n    props.backgroundImage && `url(${props.backgroundImage})`};\n  background-size: ${props => props.backgroundImage && \"cover\"};\n  background-position: ${props => props.backgroundImage && \"center center\"};\n  background: ${props =>\n    props.gradient && generator({\n      gradient: props.gradient,\n      angle: -38\n    })};\n\n  .top-content-wrapper {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    overflow: hidden;\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n    width: 100%;\n    padding-top: 6.4rem;\n  }\n\n  @media (min-width: 600px) {\n    min-height: ${props => props.aspectRatios[ 600 ]};\n  }\n\n  @media (min-width: 768px) {\n    .top-content-wrapper {\n      padding-top: 7.2rem;\n    }\n  }\n\n  @media (min-width: 960px) {\n    min-height: ${props => props.aspectRatios[ 960 ]};\n  }\n\n  @media (min-width: 1280px) {\n    min-height: auto;\n    max-height: ${props => props.maxHeight};\n    height: ${props => props.aspectRatios[ 1280 ]};\n  }\n\n  @media (min-width: 1440px) {\n    height: ${props => props.aspectRatios[ 1440 ]};\n  }\n`;\n\nconst ColorOverlayWrapper = styled<IColorOverlay, \"div\">(\"div\")`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  opacity: 0.5;\n  background: ${props => props.overlayColor};\n`;\n\nconst ColorOverlay = (props: IColorOverlay) => {\n  if (!props.overlayColor) {\n    return null;\n  }\n\n  return <ColorOverlayWrapper overlayColor={props.overlayColor} />;\n};\n\nconst PageTop = (props: IPageTop) => {\n  const { height } = props;\n\n  const aspectRatios: IAspectRatios = {\n    320: \"66.6vw\",\n    375: \"66.6vw\",\n    480: \"66.6vw\",\n    568: \"66.6vw\",\n    600: \"66.6vw\",\n    768: \"66.6vw\",\n    960: \"66.6vw\",\n    1024: \"66.6vw\",\n    1280: \"66.6vw\",\n    1440: \"66.6vw\",\n    1920: \"66.6vw\"\n  };\n\n  let maxHeight = \"58rem\";\n\n  switch (height) {\n    case \"large\":\n      maxHeight = \"88rem\";\n      aspectRatios[ 600 ] = \"72vw\";\n      aspectRatios[ 960 ] = \"61vw\";\n      aspectRatios[ 1280 ] = \"50vw\";\n      aspectRatios[ 1440 ] = \"45.8vw\";\n      aspectRatios[ 1920 ] = \"45.8vw\";\n      break;\n\n    case \"medium\":\n      maxHeight = \"70rem\";\n      aspectRatios[ 600 ] = \"64vw\";\n      aspectRatios[ 960 ] = \"54vw\";\n      aspectRatios[ 1280 ] = \"44vw\";\n      aspectRatios[ 1440 ] = \"36.4vw\";\n      aspectRatios[ 1920 ] = \"36.4vw\";\n      break;\n\n    case \"small\":\n      maxHeight = \"58rem\";\n      aspectRatios[ 600 ] = \"54vw\";\n      aspectRatios[ 960 ] = \"46vw\";\n      aspectRatios[ 1280 ] = \"38vw\";\n      aspectRatios[ 1440 ] = \"34.8vw\";\n      aspectRatios[ 1920 ] = \"30.2vw\";\n      break;\n\n    default:\n    case \"tiny\":\n      maxHeight = \"43.4rem\";\n      aspectRatios[ 600 ] = \"50vw\";\n      aspectRatios[ 960 ] = \"38vw\";\n      aspectRatios[ 1280 ] = \"31vw\";\n      aspectRatios[ 1440 ] = \"30.2vw\";\n      aspectRatios[ 1920 ] = \"30.2vw\";\n      break;\n\n    case \"auto\":\n      maxHeight = \"none\";\n      aspectRatios[ 600 ] = \"auto\";\n      aspectRatios[ 960 ] = \"auto\";\n      aspectRatios[ 1280 ] = \"auto\";\n      aspectRatios[ 1440 ] = \"auto\";\n      aspectRatios[ 1920 ] = \"auto\";\n      break;\n  }\n\n  return (\n    <PageTopContainer\n      id={props.id}\n      className=\"top-content-container\"\n      style={props.style}\n      gradient={props.gradient}\n      backgroundImage={props.backgroundImage}\n      backgroundColor={props.backgroundColor}\n      borderTop={props.borderTop}\n      maxHeight={maxHeight}\n      aspectRatios={aspectRatios}\n    >\n      <ColorOverlay overlayColor={props.overlayColor} />\n\n      <div className=\"top-content-wrapper\">\n        {props.children}\n      </div>\n    </PageTopContainer>\n  );\n};\n\nexport default PageTop;\n","import React from \"react\";\n\nimport { ITaxonomyTermProjects } from \"../../pages/projects\";\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper\n} from \"../../theme/theme-helper\";\nimport Link from \"../link\";\n\ninterface ITags {\n  data: {\n    allTaxonomyTermProjects: {\n      edges: ITaxonomyTermProjects[];\n    };\n  };\n}\n\nconst Tags = styled.ul`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  padding-top: 0.8rem;\n  padding-left: 0;\n  padding-bottom: 0;\n  list-style: none;\n  font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n  line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n\n  @media (min-width: 480px) {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  @media (min-width: 600px) {\n    padding-top: 1.8rem;\n  }\n\n  @media (min-width: 1280px) {\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n  }\n`;\n\nconst Tag = styled.li`\n  margin-bottom: 0;\n  padding-top: 0.6rem;\n  padding-bottom: 0;\n\n  a {\n    display: inline-block;\n    margin-bottom: 0.4rem;\n    padding-bottom: 0.2rem;\n    text-decoration: none;\n    color: inherit;\n    border-bottom: 0.2rem solid transparent;\n\n    &.active,\n    &:hover {\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\n    }\n\n    &.active {\n      border-bottom-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"black\"\n    })};\n    }\n  }\n\n  @media (min-width: 480px) {\n    padding-top: 1.4rem;\n    padding-right: 0.8rem;\n    width: 50%;\n  }\n\n  @media (min-width: 600px) {\n    padding-top: 1.8rem;\n    width: 33%;\n  }\n\n  @media (min-width: 768px) {\n    width: 25%;\n  }\n\n  @media (min-width: 1024px) {\n    width: 20%;\n  }\n`;\n\nconst TagsWrapper = ({ data }: ITags) => {\n  return (\n    <Tags>\n      <Tag>\n        <Link\n          activeClassName=\"active\"\n          href=\"/projects\"\n          type=\"none\"\n          underlinecolor=\"black\"\n        >\n          Featured\n        </Link>\n      </Tag>\n\n      {data.allTaxonomyTermProjects.edges.map(\n        (tag: ITaxonomyTermProjects, index: number) => (\n          <Tag key={index}>\n            <Link\n              activeClassName=\"active\"\n              href={tag.node.path.alias}\n              getProps={({ isPartiallyCurrent }) => {\n                return isPartiallyCurrent ? { className: \"active\" } : {};\n              }}\n              underlinecolor=\"black\"\n            >\n              {tag.node.name}\n            </Link>\n          </Tag>\n        )\n      )}\n    </Tags>\n  );\n};\n\nexport default TagsWrapper;\n","import * as React from \"react\";\nimport { ParallaxBanner } from \"react-scroll-parallax\";\n\nimport {\n  IFluid,\n  ILocalFile\n} from \"src/types/local-files\";\n\nimport { IFieldProjectTag } from \"../../pages/projects\";\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport DynamicHtmlTag from \"../dynamic-html-tag/dynamic-html-tag\";\nimport DynamicImage from \"../dynamic-image\";\nimport Link from \"../link\";\n\ninterface IProjectData {\n  title: string;\n  description: string;\n  cover: ILocalFile<IFluid>;\n  alt: string;\n  tags?: IFieldProjectTag[];\n  client: string;\n  path: string;\n  headingTag?: string;\n}\n\nconst ProjectTeaserStyled = styled.article`\n  overflow: hidden;\n\n  .parallax-outer {\n    .parallax-inner {\n      > div {\n        top: 0 !important;\n        bottom: 0 !important;\n      }\n    }\n  }\n\n  .heading,\n  .tags {\n    position: absolute;\n    z-index: 2;\n    left: 0;\n\n    li:first-child {\n      padding-top: 0.4rem;\n    }\n  }\n\n  .heading {\n    top: 0;\n    margin: 0;\n    padding: 8% 8% 0 8%;\n\n    .client,\n    .description {\n      display: block;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n    }\n\n    .client {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_1\"\n    })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"normalized\"\n    })};\n      letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n      text-transform: uppercase;\n    }\n\n    .description {\n      padding-top: 1.4rem;\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n    }\n  }\n\n  .tags {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    bottom: 0;\n    margin: 0;\n    padding: 0 8% 10% 8%;\n    list-style: none;\n    color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"small_2\"\n  })};\n    font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n    line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n\n    li {\n      margin: 0;\n      padding-right: 0.2em;\n\n      &:last-child {\n        padding-right: 0;\n      }\n\n      &:nth-last-child(1n + 2):after {\n        content: \", \";\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    position: absolute;\n    z-index: 3;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    text-indent: -99999rem;\n  }\n\n  .overlay {\n    transition: 0.2s ease-in-out;\n    position: absolute;\n    z-index: 1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.15);\n  }\n\n  .image {\n    position: relative;\n    top: -100%;\n    left: -100%;\n  }\n\n  &:hover {\n    .overlay {\n      background-color: rgba(0, 0, 0, 0.4);\n    }\n  }\n\n  @media (min-width: 768px) {\n    .heading {\n      .description {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n      }\n    }\n\n    .tags {\n      padding-bottom: 12%;\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .heading {\n      padding-top: 9%;\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .heading {\n      .client {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n      }\n\n      .description {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_3\"\n    })};\n      }\n    }\n\n    .tags {\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .heading {\n      .client {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n      }\n\n      .description {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n      }\n    }\n  }\n`;\n\nconst ProjectTeaser = ({\n  title,\n  description,\n  client,\n  cover,\n  alt,\n  tags,\n  path,\n  headingTag\n}: IProjectData) => {\n  return (\n    <ProjectTeaserStyled>\n      <ParallaxBanner\n        layers={[\n          {\n            amount: 0.1,\n            children: <DynamicImage\n              data={cover}\n              alt={title}\n                      />\n          }\n        ]}\n        style={{ height: \"82.8125%\" }}\n      >\n        <header role=\"banner\">\n          <DynamicHtmlTag\n            htmlTag={headingTag || \"h2\"}\n            className=\"off-screen\"\n          >\n            {title}\n          </DynamicHtmlTag>\n\n          <p className=\"heading\">\n            <span className=\"client\">\n              {client}\n            </span>\n\n            <span className=\"off-screen\">\n              {\" \"}\n              -\n\n              {\" \"}\n            </span>\n\n            <span className=\"description\">\n              {description}\n            </span>\n          </p>\n        </header>\n\n        <footer role=\"contentinfo\">\n          <ul className=\"tags\">\n            {tags &&\n              tags.map((tag: IFieldProjectTag, i: number) => {\n                return (\n                  <li key={i}>\n                    {tag.name}\n                  </li>\n                );\n              })}\n          </ul>\n        </footer>\n\n        <Link\n          className=\"link\"\n          href={path}\n          type=\"none\"\n        >\n          {title}\n        </Link>\n\n        <span className=\"overlay\" />\n\n        <div className=\"image\">\n          <DynamicImage\n            data={cover}\n            alt={alt}\n          />\n        </div>\n      </ParallaxBanner>\n    </ProjectTeaserStyled>\n  );\n};\n\nexport default ProjectTeaser;\n","import * as React from \"react\";\n\nimport { IProjectData } from \"../../pages/projects\";\nimport styled from \"../../theme/styled\";\nimport { FullWidthColumnWrapper } from \"../confines-wrappers\";\nimport ProjectTeaser from \"../project-teaser\";\n\ninterface IProps {\n  projects: IProjectData[];\n  headingTag?: string;\n}\n\nconst ProjectGridWrapper = styled(FullWidthColumnWrapper)`\n  transition: 0.2s ease-in-out;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  align-items: center;\n\n  @media (min-width: 600px) {\n    flex-direction: row;\n  }\n`;\n\nexport const ProjectGridItem = styled.div`\n  padding-top: 2rem;\n  width: 100%;\n  max-width: 36rem;\n\n  &:first-child {\n    padding-top: 0;\n  }\n\n  @media (min-width: 600px) {\n    padding-top: 4%;\n    padding-right: 2%;\n    width: 50%;\n    max-width: none;\n\n    &:nth-child(2) {\n      padding-top: 0;\n    }\n\n    &:nth-child(2n) {\n      padding-left: 2%;\n      padding-right: 0;\n    }\n  }\n`;\n\nconst ProjectsGrid = ({ projects, headingTag }: IProps) => {\n  return (\n    <ProjectGridWrapper style={{ display: \"flex\" }}>\n      {projects ?\n        projects.map((project: IProjectData, index: number) => (\n          <ProjectGridItem key={`article-${index}`}>\n            <ProjectTeaser\n              title={project.title}\n              client={project.field_project_client_name}\n              description={project.field_project_cover_description}\n              tags={project.relationships.field_project_tags}\n              cover={project.relationships.field_cover_image}\n              alt={project.field_cover_image.alt}\n              path={project.path.alias}\n              headingTag={headingTag}\n            />\n          </ProjectGridItem>\n        )) :\n        \"Nothing to see here!\"}\n    </ProjectGridWrapper>\n  );\n};\n\nexport default ProjectsGrid;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontFamilyHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport {\n  FullWidthWrapper,\n  MediumColumnWidthWrapper\n} from \"../confines-wrappers\";\nimport Icon from \"../icon\";\nimport { IIcons } from \"../icon/icon-list\";\nimport Link from \"../link\";\nimport { HeadingUppercase } from \"../heading\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\n\ninterface ITextPanelProps {\n  className?: string;\n  text: React.ReactNode;\n  label?: string;\n  labelAs?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\";\n  icon?: keyof IIcons;\n  linkText?: string;\n  linkUrl?: string;\n  backgroundColor?: keyof IThemeColour;\n}\n\ninterface ITextPanelStyled extends React.HTMLAttributes<HTMLDivElement> {\n  backgroundColor?: ITextPanelProps[\"backgroundColor\"];\n}\n\nconst TextPanelContainer = styled<ITextPanelStyled>(FullWidthWrapper)`\n  background-color: ${({ theme, backgroundColor }) =>\n    colourHelper({\n      theme,\n      variant: backgroundColor || \"lightestGrey\"\n    })};\n\n  .description {\n    transition: all 0.2s ease-in-out;\n  }\n\n  .description {\n    padding-top: 1.8rem;\n\n    p {\n      margin-bottom: 0;\n      padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n\n      &:first-child {\n        padding-top: 0;\n      }\n    }\n  }\n\n  .icon-wrapper {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding-top: 2.8rem;\n\n    .icon {\n      width: 6rem;\n      height: 6rem;\n    }\n\n    a {\n      display: inline-block;\n      margin-left: 14%;\n      padding-bottom: 0.2em;\n      font-family: ${({ theme }) =>\n    fontFamilyHelper({\n      theme,\n      variant: \"regular\"\n    })};\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n    }\n  }\n\n  @media (min-width: 480px) {\n    .icon-wrapper {\n      a {\n        margin-left: 5.6rem;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .description {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n      }\n    }\n\n    .icon-wrapper {\n      padding-top: 4.2rem;\n\n      .icon {\n        width: 8.8rem;\n        height: 8.8rem;\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .description {\n      padding-top: 2.4rem;\n\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n      }\n    }\n\n    .icon-wrapper {\n      padding-top: 4.2rem;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .description {\n      max-width: 100rem;\n\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n      }\n    }\n\n    .icon-wrapper {\n      padding-top: 6.8rem;\n    }\n  }\n`;\n\nconst TextPanel: React.FC<ITextPanelProps> = ({\n  className,\n  label,\n  labelAs,\n  text,\n  icon,\n  linkText,\n  linkUrl,\n  backgroundColor\n}) => {\n  // If a linkUrl is provided, strip any CMS meta\n  if (linkUrl) {\n    linkUrl = linkUrl.replace(/internal:|external:/i, \"\");\n  }\n\n  return (\n    <TextPanelContainer\n      className={`content-container ${className ? className : \"\"}`}\n      backgroundColor={backgroundColor}\n    >\n      <MediumColumnWidthWrapper>\n        <HeadingUppercase\n          as={labelAs || \"p\"}\n          color=\"brandColor\"\n        >\n          {label}\n        </HeadingUppercase>\n\n        <div className=\"description\">\n          {text}\n        </div>\n\n        <div className=\"icon-wrapper\">\n          {icon && (\n            <Icon\n              className=\"icon\"\n              icon={icon}\n              size={8}\n            />\n          )}\n\n          {linkText && linkUrl && (\n            <Link\n              href={linkUrl}\n              type=\"styled\"\n            >\n              {linkText}\n            </Link>\n          )}\n        </div>\n      </MediumColumnWidthWrapper>\n    </TextPanelContainer>\n  );\n};\n\nexport default TextPanel;\n","import forceTrailingSlash from \"../../templates/utils/forceTrailingSlash\";\n\nexport interface IItemListSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"ItemList\";\n  numberOfItems: number;\n  itemListElement: IItemListItemSchema[];\n}\n\nexport interface IItemListItemSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"ListItem\";\n  position: number;\n  url: string;\n}\n\nexport interface IItemListItem {\n  position: number;\n  path: string;\n}\n\nconst itemList = (items: IItemListItem[]): IItemListSchema => {\n  const itemListElements: IItemListItemSchema[] = items.map(item => {\n    return {\n      \"@context\": \"https://schema.org\",\n      \"@type\": \"ListItem\",\n      \"position\": item.position,\n      \"url\": forceTrailingSlash(`https://www.gravitywell.co.uk${item.path}`)\n    };\n  });\n\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ItemList\",\n    \"numberOfItems\": items.length,\n    \"itemListElement\": itemListElements\n  };\n};\n\nexport default itemList;\n","import { graphql } from \"gatsby\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport parser from \"html-react-parser\";\n\nimport {\n  IFixed,\n  IFluid,\n  ILocalFile\n} from \"src/types/local-files\";\nimport { IIcons } from \"src/components/icon/icon-list\";\n\nimport { IImageMeta } from \"../types/local-files\";\nimport CollapseTags from \"../components/collapse-tags/collapse-tags\";\nimport { FullWidthColumnWrapper } from \"../components/confines-wrappers\";\nimport { IFieldTechnicalArticle } from \"../components/field-technical-article/field-technical-article\";\nimport Footer from \"../components/footer\";\nimport GetInTouch from \"../components/get-in-touch\";\nimport { Gradient } from \"../components/gradients\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport { breadCrumbSchema } from \"../components/html-schema-snippets\";\nimport itemList, {\n  IItemListItem,\n  IItemListSchema\n} from \"../components/html-schema-snippets/item-list\";\nimport Layout from \"../components/layout\";\nimport PageTop from \"../components/page-top\";\nimport Tags from \"../components/project-tags\";\nimport ProjectsGrid from \"../components/projects-grid\";\nimport Text from \"../components/text\";\nimport TextPanel from \"../components/text-panel\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../theme/theme-helper\";\nimport { IProfileData } from \"./about-us\";\n\nexport interface IProjectData {\n  title: string;\n  id: string;\n  created: string;\n  changed: string;\n  field_meta_description: string;\n  field_project_client_name: string;\n  field_cover_image: IImageMeta;\n  field_project_cover_description: string;\n  path: {\n    alias: string;\n  };\n  relationships: {\n    field_technical_article: IFieldTechnicalArticle[];\n    field_project_tags?: IFieldProjectTag[];\n    author: IProfileData;\n    field_meta_image?: ILocalFile<IFixed>;\n    field_cover_image: ILocalFile<IFluid>;\n    field_hero_image: ILocalFile<IFixed>;\n    field_mobile_hero_image: ILocalFile<IFixed>;\n  };\n}\n\nexport interface IFieldProjectTag {\n  name: string;\n  path: {\n    alias: string;\n  };\n}\n\ninterface INodeData {\n  node: IProjectData;\n}\n\nexport interface ITaxonomyTermProjects {\n  node: {\n    name: string;\n    path: {\n      alias: string;\n    };\n  };\n}\n\ninterface IProjectBoxOut {\n  field_boxout_header: string;\n  field_boxout_icon: keyof IIcons;\n  field_boxout_text: {\n    processed: string;\n  };\n  field_boxout_link?: {\n    title: string;\n    uri: string;\n  };\n}\ninterface IProjectProps {\n  nodeProjectsOverview: {\n    changed: string;\n    title: string;\n    field_hero_heading: string;\n    field_meta_description: string;\n    relationships: {\n      field_projects_boxout_1: IProjectBoxOut;\n      field_boxout_2: IProjectBoxOut;\n      field_featured_projects: IProjectData[];\n    };\n  };\n  allNodeProject: {\n    edges: INodeData[];\n  };\n  allTaxonomyTermProjects: {\n    edges: ITaxonomyTermProjects[];\n  };\n}\n\nexport const PageTopCustom = styled.div`\n  .top-content {\n    padding-top: 10%;\n    padding-bottom: 10%;\n\n    .heading {\n      transition: 0.2s ease-in-out;\n      display: block;\n      margin-bottom: 0;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"periwinkle\"\n  })};\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n    }\n\n    .filtered-by {\n      transition: 0.2s ease-in-out;\n      display: block;\n      padding-top: 3.2rem;\n    }\n  }\n\n  @media (min-width: 480px) {\n    .top-content {\n      .filtered-by {\n        padding-top: 4.6rem;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .top-content {\n      .heading {\n        display: flex;\n        align-items: center;\n        max-width: 52rem;\n        min-height: 6.6rem;\n      }\n\n      .filtered-by {\n        padding-top: 6.2rem;\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .top-content {\n      padding-top: 8.8rem;\n      padding-bottom: 8.8rem;\n\n      .heading {\n        max-width: 62rem;\n        min-height: 7.2rem;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .top-content {\n      .heading {\n        max-width: 88rem;\n        min-height: 10rem;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .top-content {\n      .heading {\n        max-width: 120rem;\n        min-height: 12.8rem;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_4\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .top-content {\n      .filtered-by {\n        padding-top: 8.2rem;\n      }\n    }\n  }\n`;\n\nexport const ProjectsContainer = styled.div`\n  .projects-grid-container {\n    padding-top: 10%;\n    padding-bottom: 10%;\n  }\n\n  @media (min-width: 600px) {\n    .projects-grid-container {\n      padding-top: 4%;\n      padding-bottom: 4%;\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .projects-grid-container {\n      padding-top: 5.6rem;\n      padding-bottom: 5.6rem;\n    }\n  }\n`;\n\nexport const ProjectGridItem = styled.div`\n  padding-top: 2rem;\n  width: 100%;\n  max-width: 36rem;\n\n  &:first-child {\n    padding-top: 0;\n  }\n\n  @media (min-width: 600px) {\n    padding-top: 4%;\n    padding-right: 2%;\n    width: 50%;\n    max-width: none;\n\n    &:nth-child(2) {\n      padding-top: 0;\n    }\n\n    &:nth-child(2n) {\n      padding-left: 2%;\n      padding-right: 0;\n    }\n  }\n`;\n\n/**\n * Projects page\n */\nconst ProjectsPage = ({ data }: { data: IProjectProps }) => {\n  const boxOut1 =\n    data.nodeProjectsOverview.relationships.field_projects_boxout_1;\n\n  const boxOut2 = data.nodeProjectsOverview.relationships.field_boxout_2;\n\n  const featuredProjects =\n    data.nodeProjectsOverview.relationships.field_featured_projects;\n\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"Projects\",\n      path: \"/projects\"\n    }\n  ]);\n\n  let itemListSchemaData: IItemListSchema;\n  let itemListElements: IItemListItem[] = [];\n  let schemaJson = [];\n\n  // Setup carousel schema\n  itemListElements = featuredProjects.map((project, i) => {\n    return {\n      position: i + 1,\n      path: project.path.alias\n    };\n  });\n  // Generate the itemListSchemaData\n  // eslint-disable-next-line prefer-const\n  itemListSchemaData = itemList(itemListElements);\n  // Set the schema JSON array\n  schemaJson = [ breadcrumbsSchemaData, itemListSchemaData ];\n\n  return (\n    <Layout className=\"projects\">\n      <>\n        <HelmetWrapper\n          canonicalPath=\"/projects\"\n          title={data.nodeProjectsOverview.title}\n          description={data.nodeProjectsOverview.field_meta_description}\n          updatedAt={data.nodeProjectsOverview.changed}\n        >\n          <script type=\"application/ld+json\">\n            {JSON.stringify(schemaJson)}\n          </script>\n        </HelmetWrapper>\n\n        <header\n          role=\"banner\"\n          id=\"header\"\n        >\n          <Header\n            initialLogo\n            initialTheme=\"dark\"\n          />\n\n          <PageTopCustom id=\"hero\">\n            <PageTop\n              gradient=\"darkBlueOrange\"\n              style={{ color: \"white\" }}\n              height=\"small\"\n            >\n              <Gradient\n                gradient=\"purpleOrange\"\n                angle={75}\n                options={{ colorStops: [ \"80%\", \"100%\" ] }}\n                style={{\n                  position: \"absolute\",\n                  height: \"100%\",\n                  width: \"100%\",\n                  left: 0,\n                  top: 0,\n                  opacity: 0.5,\n                  zIndex: -1\n                }}\n              />\n\n              <FullWidthColumnWrapper className=\"top-content\">\n                <p className=\"heading\">\n                  {data.nodeProjectsOverview.field_hero_heading}\n                </p>\n\n                <Text\n                  className=\"filtered-by\"\n                  fontSize=\"small_2\"\n                  letterSpacing=\"medium\"\n                  fontColor=\"third\"\n                  lineHeight=\"normalized\"\n                  style={{ textTransform: \"uppercase\" }}\n                >\n                  Filter by:\n                </Text>\n\n                <Tags data={data} />\n              </FullWidthColumnWrapper>\n            </PageTop>\n          </PageTopCustom>\n        </header>\n\n        <CollapseTags\n          root=\"/projects\"\n          rootTerm=\"Featured\"\n          tags={data.allTaxonomyTermProjects.edges}\n        />\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <ProjectsContainer>\n            <h1 className=\"off-screen\">\n              {data.nodeProjectsOverview.title}\n            </h1>\n\n            <div className=\"projects-grid-container\">\n              <ProjectsGrid projects={featuredProjects.slice(0, 6)} />\n            </div>\n\n            <aside>\n              <TextPanel\n                label={boxOut1.field_boxout_header}\n                text={parser(boxOut1.field_boxout_text.processed)}\n                icon={boxOut1.field_boxout_icon}\n                linkText={boxOut1.field_boxout_link ? boxOut1.field_boxout_link.title : undefined}\n                linkUrl={boxOut1.field_boxout_link ? boxOut1.field_boxout_link.uri : undefined}\n              />\n            </aside>\n\n            <div className=\"projects-grid-container\">\n              <ProjectsGrid projects={featuredProjects.slice(6, 10)} />\n            </div>\n\n            <aside>\n              <TextPanel\n                label={boxOut2.field_boxout_header}\n                text={parser(boxOut2.field_boxout_text.processed)}\n                icon={boxOut2.field_boxout_icon}\n                linkText={boxOut2.field_boxout_link ? boxOut2.field_boxout_link.title : undefined}\n                linkUrl={boxOut2.field_boxout_link ? boxOut2.field_boxout_link.uri : undefined}\n              />\n            </aside>\n\n            <div className=\"projects-grid-container\">\n              <ProjectsGrid projects={featuredProjects.slice(10, 16)} />\n            </div>\n          </ProjectsContainer>\n        </main>\n\n        <footer role=\"contentinfo\">\n          <GetInTouch />\n\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query projectQuery($projectsLimit: Int = 10, $tagLimit: Int = 9) {\n    nodeProjectsOverview {\n      created\n      changed\n      title\n      field_hero_heading\n      field_meta_description\n      relationships {\n        field_featured_projects {\n          ...getProjectData\n        }\n        field_projects_boxout_1 {\n          field_boxout_header\n          field_boxout_icon\n          field_boxout_text {\n            processed\n          }\n          field_boxout_link {\n            title\n            uri\n          }\n        }\n        field_boxout_2 {\n          field_boxout_header\n          field_boxout_icon\n          field_boxout_text {\n            processed\n          }\n          field_boxout_link {\n            title\n            uri\n          }\n        }\n      }\n    }\n    ...getAllProjects\n    ...getProjectTags\n  }\n`;\n\nexport default ProjectsPage;\n"],"names":["initialState","visible","collapse","Tags","styled","Row","Tag","Column","theme","colourHelper","variant","SlideIn","keyframes","Collapse","CollapsedTags","Overlay","CloseTags","CollapseTags","state","componentDidMount","window","addEventListener","handleScroll","render","navDom","this","props","root","rootTerm","tags","document","getElementById","style","top","offsetHeight","onClick","toggleCollapse","className","icon","size","tagName","divisions","fluid","xs","sm","fontSize","type","activeClassName","href","map","tag","index","key","node","path","alias","name","setState","heroDom","windowPageYOffset","pageYOffset","React","htmlTag","children","title","slogan","links","useEffect","Tally","loadEmbeds","GetInTouchContainer","id","headingTag","link","i","Helmet","src","loading","width","height","frameBorder","FullWidthWrapper","fontSizeHelper","fontWeightHelper","fontLineHeightHelper","parsedLinks","text","headingStyling","css","color","fontSpaceHelper","H1Styled","H2Styled","H3Styled","H4Styled","H5Styled","H6Styled","PStyled","as","rest","HeadingWrapper","DynamicHtmlTag","textColor","hrColor","PageTopContainer","aspectRatios","backgroundImage","borderTop","backgroundColor","gradient","generator","angle","maxHeight","ColorOverlayWrapper","overlayColor","ColorOverlay","data","underlinecolor","allTaxonomyTermProjects","edges","getProps","isPartiallyCurrent","ProjectTeaserStyled","description","client","cover","alt","layers","amount","role","ProjectGridWrapper","FullWidthColumnWrapper","ProjectGridItem","projects","display","project","field_project_client_name","field_project_cover_description","relationships","field_project_tags","field_cover_image","TextPanelContainer","fontFamilyHelper","label","labelAs","linkText","linkUrl","replace","items","itemListElements","item","position","forceTrailingSlash","length","PageTopCustom","ProjectsContainer","schemaJson","boxOut1","nodeProjectsOverview","field_projects_boxout_1","boxOut2","field_boxout_2","featuredProjects","field_featured_projects","breadcrumbsSchemaData","breadCrumbSchema","itemList","canonicalPath","field_meta_description","updatedAt","changed","JSON","stringify","initialLogo","initialTheme","options","colorStops","left","opacity","zIndex","field_hero_heading","letterSpacing","fontColor","lineHeight","textTransform","slice","field_boxout_header","parser","field_boxout_text","processed","field_boxout_icon","field_boxout_link","undefined","uri"],"sourceRoot":""}