{"version":3,"file":"main.css","mappings":"AAgJA,gBCiwGA,CCz4GA,8GAyBC,SACA,SDAD,CCOC,YAEC,eDDF,CCQA,MACC,yBACA,gBDFD,CCKA,MAEC,SDFD,CCKA,2BAKC,qBDFD,CCKA,SACC,SACA,SACA,SDFD,CCIA,SACC,eDDD,CCGA,IACC,cDAD,CCGA,KACC,qBDAD,CCGA,iBAGC,kBDAD,CEzEA,iBACC,mBACA,gBFiFD,CE9EA,YACC,mBACA,gBFiFD,CE/EA,KAGC,qBCjBa,CDeb,kBACA,SFmFD,CE/EA,KACC,sBFkFD,CE/EA,KACC,qBCzBa,CD0Bb,aC3Ba,CD4Bb,mCE1BiB,CF2BjB,cGxBkB,CHyBlB,iBGxBkB,CHyBlB,eGxBmB,CHyBnB,gBFkFD,CMsDE,2BJ/IF,KAUE,cFmFA,CACF,CEhFA,qDAEI,YADH,gBFoFD,CM4CE,2BJjIF,qDAIG,yBACA,yBFqFD,CACF,CE7EA,gBAEC,mBAOA,uBANA,WACA,YAHA,QAIA,gBACA,UACA,kBACA,SFiFD,CE7EA,UAMC,sBAIA,UC1Ea,CDoEb,aAHA,cAMA,iBAKA,kBATA,eAQA,qBANA,MAGA,cFoFD,CE7EA,iCAEC,OACA,QFgFD,CMKE,6BJjFD,UACC,YFgFA,CACF,CE7EA,EACC,aC7Fa,CD+Fb,mCE7FiB,CF4FjB,oBFgFD,CE5EA,kEACI,kBACA,iBF+EJ,CE7EI,wEAOI,8BAFA,SAJA,WAGA,WAEA,OAJA,kBAMA,6BALA,UFoFR,CE3EQ,8EACG,OF6EX,CMxBE,2BJ9CF,oBAEE,kBACE,iBFyEF,CEvEE,0BAOI,8BAFA,SAJA,WAGA,WAEA,OAJA,kBAMA,6BALA,UF8EN,CErEM,gCACG,OFuET,CACF,CEjEA,WACC,eFoED,CE1DA,SAGC,kBC/Jc,CD8Jd,yBAEA,mBACA,aCnKa,CDoKb,eALA,iBFkED,CE3DC,cACC,mBF6DF,CE1DC,4GAIC,mBAHA,aACA,mBAGA,QAFA,uBAGA,iBF4DF,CE1DE,0IAEC,YADA,UF6DH,CExDC,kEACC,sBF0DF,CExDE,oFAEC,YADA,UF2DH,CEtDC,kEACC,kBFwDF,CEpDE,wBACC,2CFsDH,CEjDE,sDACC,4CFmDH,CE/CC,g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FA,qDACA,wET8bJ,CU1pBA,WAGI,kBAFA,6CACA,gEV6pBJ,CU1pBA,WAGI,kBAFA,qDACA,uEV6pBJ,CU1pBA,WAGI,kBAFA,4CACA,+DV6pBJ,CU1pBA,WAGI,kBAFA,oDACA,sEV6pBJ,CU1pBA,WAGI,kBAFA,6CACA,gEV6pBJ,CU1pBA,WAGI,kBAFA,qDACA,uEV6pBJ,CU1pBA,WAGI,kBAFA,8CACA,iEV6pBJ,CU1pBA,WAGI,kBAFA,sDACA,wEV6pBJ,CU1pBA,WAGI,kBAFA,+CACA,kEV6pBJ,CU1pBA,WAGI,kBAFA,uDACA,yEV6pBJ,CWxsBA,oCAQC,aRLa,CQMb,eX0sBD,CWvsBA,GACC,sCPJyB,COKtB,eACA,sBACH,iBACA,YX0sBD,CMhjBE,qDK/JF,GAaE,eACM,qBXssBN,CACF,CMtjBE,kDK/JF,GAkBE,gBACM,qBXusBN,CACF,CM5jBE,qDK/JF,GAwBE,gBACA,sBACA,iBXusBA,CACF,CMnkBE,yBK/JF,GA8BE,kCAEM,oBACA,gBXusBN,CACF,CWpsBA,GACC,kCP/CmB,COgDnB,eACA,gBXusBD,CMhlBE,yBK1HF,GAMQ,+CXwsBN,CACF,CMrlBE,gDK1HF,GAUQ,cXysBN,CACF,CWtsBA,GACC,kCP7DmB,CO8DnB,eACA,gBXysBD,CMhmBE,yBK5GF,GAMQ,4CX0sBN,CACF,CMrmBE,gDK5GF,GAUQ,cX2sBN,CACF,CWxsBA,GACC,kCP3EmB,CO4EnB,eACA,gBX2sBD,CMhnBE,yBK9FF,GAMQ,gDX4sBN,CACF,CMrnBE,gDK9FF,GAUQ,cX6sBN,CACF,CW1sBA,GACC,gCP1FkB,CO2FlB,eAEA,qBADA,iBAEA,wBX6sBD,CMloBE,yBKhFF,GAQQ,4CX8sBN,CACF,CMvoBE,gDKhFF,GAYQ,eACA,oBX+sBN,CACF,CW5sBA,mBACC,sCPpGyB,COqGzB,eAGA,sBAFA,gBXgtBD,CMppBE,yBK/DF,mBAQQ,8CACA,qBX+sBN,CACF,CM1pBE,gDK/DF,mBAaQ,eACA,qBXgtBN,CACF,CW7sBA,OACC,mCP1HiB,CO2HjB,eACA,gBXgtBD,CMtqBE,yBK7CF,OAMQ,4CXitBN,CACF,CM3qBE,gDK7CF,OAUQ,cXktBN,CACF,CW/sBA,OACC,sCPpIyB,COqItB,eACA,qBACA,iBAEH,aXitBD,CMxrBE,yBK/BF,OASQ,eACA,qBXktBN,CACF,CM9rBE,gDK/BF,OAcE,eACM,qBXmtBN,CACF,CMpsBE,qDK/BF,OAmBE,eACA,sBACA,aXotBA,CACF,CWjtBA,OACC,mCPjKiB,COkKjB,eACA,gBXotBD,CMjtBE,wBKNF,OAMQ,eACA,gBXqtBN,CACF,CWltBA,sBAGC,aRhLa,CQiLb,mCP/KiB,COmLd,cN5KqB,CMyKxB,iBN5KkB,CM6KlB,eN5KmB,CM6KnB,gBXqtBD,CMjuBE,yBKKF,sBAWQ,+CXstBN,CACF,CMvuBE,gDKKF,sBAgBQ,cXutBN,CACF,CWptBA,oBAEC,4BADA,kBXwtBD,CMlvBE,6BKyBF,oBAIE,gBXytBA,CACF,CMvvBE,6BKyBF,oBAOE,gBX2tBA,CACF,CWxtBA,SACC,kCP5MmB,CO6MnB,eAEA,cADA,oBX4tBD,CMnwBE,2BKoCF,SAOE,cX4tBA,CACF,CYt7BA,YAQC,qBTDa,CSLb,kBADA,gBAEA,eAGA,uDACG,uEAHA,WACA,YZ47BJ,CMnxBE,2BM9KF,YAWE,kBZ07BA,CACF,CMxxBE,6BM9KF,YAeE,YZ27BA,CACF,CYz7BC,wBACC,6BACA,oEZ27BF,CYv7BC,iBACC,aACA,kEACA,yDZy7BF,CYt7BC,qBACC,wBTtBW,CSuBX,YZw7BF,CYr7BC,uCAIC,mBAFA,aACA,6BZu7BF,CYn7BC,iBACC,QZq7BF,CMlzBE,2BMpID,iBAGE,YZu7BD,CACF,CYp7BG,yCAGC,aAFA,YACA,eZu7BJ,CYn7BG,8CAGC,mBAFA,aACA,sBAEA,6BZq7BJ,CYn7BI,kIACC,gBZq7BL,CYh7BI,uEACC,2BZk7BL,CY36BE,qBAEC,YADA,WZ86BH,CM50BE,2BMnGA,qBAME,eADA,WZ+6BF,CACF,CY16BC,mBACC,cZ46BF,CMr1BE,2BMxFD,mBAKE,kCRrFiB,CQoFjB,cZ86BD,CACF,CYv6BE,wBAEC,YACA,kBAFA,UZ26BH,CYv6BG,oGAYC,kKAHA,wBT1GU,CSyGV,mBALA,WACA,cAGA,WAFA,kBAKA,oJAJA,UZ+6BJ,CYr6BG,6BACC,OZu6BJ,CYp6BG,oCACC,OZs6BJ,CYp6BG,mCACC,QZs6BJ,CMv3BE,2BM5EA,wBAiCE,aZs6BF,CACF,CYn6BE,wBACC,YZq6BH,CM/3BE,2BMvCA,wBAGE,aZu6BF,CACF,CYp6BI,oCACC,4BZs6BL,CYp6BK,0CAEC,MADA,uBZu6BN,CYn6BK,2CAEC,MADA,wBZs6BN,CYh6BG,kCAGC,mBAFA,aACA,sBAEA,QZk6BJ,CY55BA,mBACC,YZ+5BD,CY55BA,iBAaI,mBALH,kBT1KY,CS8KZ,aARA,YAMA,aAIG,uBARH,OAHA,gBADA,kBAKA,QAIA,MAFA,WZk6BD,CMx6BE,6BMHF,iBAiBE,iBZ85BA,CACF,CY15BC,wBAGC,gBADA,eZ65BF,CMl7BE,2BMmBD,wBAME,gBADA,eZ+5BD,CACF,CY35BC,mBAEI,cADH,kBZ85BF,CYz5BA,wFAGC,SZ25BD,CYz5BA,0BACC,YZ45BD,CYz5BC,gEACC,aZ45BF,CYr5BA,0BAII,OAEA,0BALH,UAMA,gBALA,kBACG,MAEA,SZy5BJ,CYl5BA,iDACC,SZq5BD,CYl5BA,iEACC,UZq5BD,CYl5BA,mGACC,UZq5BD,CYl5BA,4FACC,gBZq5BD,CYl5BA,0VAIC,qBZo5BD,CYl5BA,iOAGC,wBZo5BD,CY/4BA,0DACC,gBZk5BD,CYh5BA,4FACC,gBZm5BD,CY/4BA,0VAIC,qBZi5BD,CY94BA,0GACC,4BZi5BD,CY94BA,iOAGC,wBZg5BD,CY74BA,wBACC,SZg5BD,CY74BA,iBACC,SZg5BD,CY74BA,0CACC,YZg5BD,CahsCA,OAKC,wBVGa,CUNb,SAKA,UVEa,CUDb,aACG,iBAHH,aALA,kBAEA,SbwsCD,CM3hCE,2BOhLF,OAYE,gBbmsCA,CACF,CMhiCE,6BOhLF,OAeE,YbqsCA,CACF,CMriCE,6BOhLF,OAoBE,oBADA,gBbusCA,CACF,CalsCC,kBACC,aAEA,sBACA,SACA,YAHA,4BbwsCF,CMnjCE,2BOvJD,kBAQE,QbssCD,CACF,CMxjCE,6BOvJD,kBAYE,QbusCD,CACF,CapsCC,2BAEC,aACA,mBAEA,QADA,8BAHA,Ub0sCF,CMpkCE,2BOvID,2BASE,uBADA,qBbwsCD,CACF,CapsCC,YACC,sBbssCF,CarsCE,6BAEC,UbusCH,CMjlCE,2BO1HD,YAQE,QbusCD,CACF,CapsCC,kBACC,SbssCF,CapsCE,qBAGC,kCT/DiB,CS8Dd,gBADH,wBbwsCH,CansCE,oBACC,cACA,mBbqsCH,CMlmCE,2BO9GD,kBAeE,UbqsCD,CansCC,qBAEC,gBADA,UbssCF,CalsCC,oBACC,cbosCF,CACF,CahsCC,wBAKC,uBAJA,aAGA,sBADA,SADA,SbqsCF,CMrnCE,2BOlFD,wBASQ,SADN,UbosCD,CACF,CahsCC,eACC,oBbksCF,CM9nCE,2BOrED,eAIE,uBADA,QbqsCD,CACF,CajsCC,mBACC,aAEA,sBADA,QbosCF,CMzoCE,2BO7DD,mBAME,QbosCD,CACF,CajsCC,kBACC,SbmsCF,CajsCE,oBACC,UbmsCH,CMppCE,6BOnDD,kBASE,UbksCD,CACF,Ca/rCC,YAGC,uBAFA,aACA,sBAGA,SADA,uBAEA,SbisCF,Ca/rCE,cACC,UbisCH,Ca9rCE,mBACC,uBACA,sBAEA,mBADA,iBbisCH,Ca9rCG,qBACC,aACA,mBACA,QACA,iBbgsCJ,CMhrCE,8BOtCD,YA2BE,eb+rCD,CACF,CMrrCE,kDOtCD,YA+BE,UbgsCD,CACF,CM1rCE,qDOtCD,YAoCE,mBACA,mBAHA,SACA,0BbosCD,CajsCC,cACC,SbmsCF,CACF,CMrsCE,6BOtCD,YA4CE,SbmsCD,CACF,CahsCC,aACC,SbksCF,CahsCE,iBAEC,sBADA,UbmsCH,CMjtCE,2BOUD,aASE,UbksCD,CACF,Ca/rCA,eACC,ebksCD,Ccz4CC,8BAMC,2BADA,uBAJA,aACA,sBAEA,iBADA,0Bd+4CF,CMnuCE,2BQ/KD,8BAUE,mBADA,ed84CD,CACF,Cc14CC,6BACC,kBd44CF,CM5uCE,2BQjKD,6BAIE,gBd64CD,Ccz4CD,4BAOE,uBALA,aACA,mBACA,8BAEA,eADA,Ud84CD,Cc14CA,iCAEE,kB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C8B0Nb,UjCm8FD,CiC/7FE,oGACD,qEjCk8FD,CiC77FE,uEAID,e9B1NiB,C8B2NjB,yBAFA,mBADA,YADA,UjCq8FD,CiC97FE,uEAED,e9B9Oa,C8B+Ob,gBAFA,QjCm8FD,CiC97FE,uFACD,qEjCi8FD,CiCv7FE,0IACD,uBACA,wBjCg8FD,CiC77FE,gEAID,e9BxPiB,C8ByPjB,yBAFA,mBAIA,sBALA,YAIA,aALA,UjCs8FD,CiC77FE,gEAED,e9B9Qa,C8B+Qb,gBACA,sBAHA,UjCm8FD,CiC77FE,qFAID,e9BzQiB,C8BuQjB,4BAGA,qBAJA,SAEA,uBjCk8FD,CiC57FE,8BACD,0EjC+7FD,CiC57FE,uGACD,uBjC+7FD,CMzjGE,wB2B4HD,yGAEE,gBjC+7FD,CACF,CM9jGE,2B2B4HD,yGAME,gBjCg8FD,CACF,CkCjvGE,sCACC,gBlCovGH,CMvkGE,2B4B9KA,sCAIE,elCqvGF,CACF,CM5kGE,6B4B9KA,sCAQE,iBlCsvGF,CACF,CkCjvGE,2CAEC,kBADA,UlCovGH,CkChvGE,8CACC,WlCkvGH,CkCjvGG,sEACC,kBACD,YACA,iBACA,sBACA,UlCmvGH,CkC9uGC,iDACC,UlCgvGF,CDlxGA,YAGI,qBAFA,gBCsxGJ,CDlxGI,gCACI,eCoxGR,CM1mGE,2BP3KE,gCAGQ,cCsxGV,CACF,CM/mGE,6BP3KE,gCAOQ,gBCuxGV,CACF,CMpnGE,2BPhLF,YAkBQ,eCsxGN,CACF,CMznGE,6BPhLF,YAuBQ,iBCsxGN,CACF,CDpxGI,sBAGQ,uBAFJ,aACI,sBAEA,SCsxGZ,CMpoGE,6BPtJE,sBAOY,QCuxGd,CACF,CMzoGE,2BPtJE,sBAWY,QCwxGd,CACF,CDrxGI,mBACI,oBACA,UCuxGR,CDrxGQ,sBACI,sCKhCc,CLiCd,eACA,sBACA,iBACA,YCuxGZ,CMzpGE,yBPnIM,sBASQ,qCACA,oBACA,gBCuxGd,CACF,CMhqGE,gDPnIM,sBAeQ,gBACA,qBCwxGd,CACF,CD1wGI,uBACI,SC4wGR,CMzqGE,6BPpGE,uBAIQ,mBC6wGV,CACF,CM9qGE,2BPpGE,uBAQQ,gBC8wGV,CACF,CD3wGI,iBAGI,eAFA,aIjFM,CJkFN,SC8wGR,CD3wGQ,oBACI,aC6wGZ,CM3rGE,2BPnFM,oBAIQ,aC8wGd,CACF,CD5wGY,sBACI,4CC8wGhB,CD5wGgB,4BACI,UC8wGpB,CDzwGQ,oBACI,kBC2wGZ,CMzsGE,2BPxFE,iBA0BQ,UC2wGV,CACF,CDxvGA,WACI,iBCgwGJ,CD7vGA,mCAEC,iBCgwGD,CD5vGA,kBACC,YACG,UC+vGJ,CMjuGE,2BPhCF,kBAKQ,WCgwGN,CACF,CD7vGA,iBACC,WCgwGD,CD7vGA,sEACI,YCgwGJ,CmC75GC,8BAIC,oBAHA,aACA,mBACA,uBAEA,gBnCg6GF,CmC95GE,6CAEC,UADA,gBnCi6GH,CM1vGE,2B6BxKA,6CAKE,SnCi6GF,CACF,CM/vGE,6B6BxKA,6CASE,QnCk6GF,CACF,CMpwGE,2B6BxKA,6CAaE,SACA,enCm6GF,CACF,CM1wGE,6B6BxKA,6CAkBE,QnCo6GF,CACF,CM/wGE,6B6BxKA,6CAsBE,iBnCq6GF,CACF,CmCl6GE,sIAGC,MACA,SnCk6GH,CmC/5GE,yCACC,mBACA,wBnCi6GH,CmC75GG,wEACC,gBnC+5GJ,CM/xGE,2B6BjIC,wEAIE,enCg6GH,CACF,CMpyGE,6B6BjIC,wEAQE,iBnCi6GH,CACF,CmC55GG,wEACC,gBnC85GJ,CM5yGE,2B6BnHC,wEAIE,enC+5GH,CACF,CMjzGE,6B6BnHC,wEAQE,iBnCg6GH,CACF,CMtzGE,6B6B/KD,8BA0EE,qBnC+5GD,CACF,CmC55GC,mDAGC,iBADA,SnC85GF,CmC35GE,mGACC,gBnC65GH,CmC15GE,2EAEC,kBADA,SnC65GH,CmCx5GG,6HACC,YAEA,iBACA,uBAFA,UnC45GJ,CM50GE,6B6BlFC,6HAOE,gBnC25GH,CACF,CmCt5GY,qHACA,WnCw5GZ,CmCv5GG,2HACC,iBACA,YACA,iBACA,sBACA,UnCy5GJ,CM31GE,6B6BxDC,8HACC,UnCy5GF,CACF,CmCr5GC,wBAGC,iBAFA,YACA,UnCw5GF,CmCn5GA,qHAGC,yBnCq5GD,CoC7hHA,sBACC,YpCgiHD,CMj3GE,2B8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","sources":["webpack://wweebpack/./src/scss/blocks/_block.textBlock.scss","webpack://wweebpack/./src/scss/app.scss","webpack://wweebpack/./src/scss/generic/_generic.reset.scss","webpack://wweebpack/./src/scss/generic/_generic.global.scss","webpack://wweebpack/./src/scss/settings/_settings.colours.scss","webpack://wweebpack/./src/scss/settings/_settings.fonts.scss","webpack://wweebpack/./src/scss/settings/_settings.global.scss","webpack://wweebpack/./node_modules/sass-mq/_mq.scss","webpack://wweebpack/./src/scss/tools/_tools.fontface.scss","webpack://wweebpack/./src/scss/tools/_tools.fontface-otf.scss","webpack://wweebpack/./src/scss/tools/_tools.fontface-npo.scss","webpack://wweebpack/./src/scss/tools/_tools.fontface-npo-otf.scss","webpack://wweebpack/./src/scss/tools/_tools.typography.scss","webpack://wweebpack/./src/scss/navigation/_navigation.header.scss","webpack://wweebpack/./src/scss/navigation/_navigation.footer.scss","webpack://wweebpack/./src/scss/elements/_element.addressElement.scss","webpack://wweebpack/./src/scss/elements/_element.gridElement.scss","webpack://wweebpack/./src/scss/elements/_element.vimeoEmbed.scss","webpack://wweebpack/./src/scss/elements/_element.splitText.scss","webpack://wweebpack/./src/scss/components/_components.longHeroComponent.scss","webpack://wweebpack/./src/scss/components/_components.shortHeroComponent.scss","webpack://wweebpack/./src/scss/components/_components.fullWidthTextComponent.scss","webpack://wweebpack/./src/scss/components/_components.accordionComponent.scss","webpack://wweebpack/./src/scss/components/_components.anchorComponent.scss","webpack://wweebpack/./src/scss/components/_component.caseStudiesListing.scss","webpack://wweebpack/./src/scss/components/_component.introAnimationComponent.scss","webpack://wweebpack/./src/scss/components/_component.homePageDoubleMediaComponent.scss","webpack://wweebpack/./src/scss/components/_component.homepageFeaturedCaseStudies.scss","webpack://wweebpack/./src/scss/components/_components.carouselComponent.scss","webpack://wweebpack/./src/scss/components/_components.counterComponent.scss","webpack://wweebpack/./src/scss/components/_components.gridComponent.scss","webpack://wweebpack/./src/scss/components/_component.pageTitleComponent.scss","webpack://wweebpack/./src/scss/components/_component.spacerComponent.scss","webpack://wweebpack/./src/scss/blocks/_block.glyph.scss","webpack://wweebpack/./src/scss/blocks/_block.fontSpecimen.scss","webpack://wweebpack/./src/scss/blocks/_block.singleMedia.scss","webpack://wweebpack/./src/scss/blocks/_block.doubleMedia.scss","webpack://wweebpack/./src/scss/blocks/_block.cta.scss","webpack://wweebpack/./src/scss/blocks/_block.quote.scss","webpack://wweebpack/./src/scss/blocks/_block.featured.scss","webpack://wweebpack/./src/scss/components/swiper/components/scrollbar/scrollbar.scss","webpack://wweebpack/./node_modules/@splidejs/splide/dist/css/splide.min.css"],"sourcesContent":[".text-block {\r\n padding: 120px $global-margin;\r\n // min-height: 600px;\r\n align-content: center;\r\n\r\n &.is-top-padding-True{\r\n padding: 98px $global-margin;\r\n @include mq($until:tablet){\r\n padding: 8px $global-margin;\r\n }\r\n\r\n @include mq($until:mobile){\r\n padding: 8px $global-margin-mobile;\r\n }\r\n }\r\n\r\n\r\n @include mq($until:tablet){\r\n padding: 80px $global-margin;\r\n // min-height: 400px;\r\n }\r\n\r\n @include mq($until:mobile){\r\n padding:80px $global-margin-mobile;\r\n }\r\n\r\n &-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 120px;\r\n\r\n @include mq($until:desktop){\r\n gap: 80px;\r\n }\r\n\r\n @include mq($until:tablet){\r\n gap: 40px;\r\n }\r\n }\r\n\r\n &-header {\r\n padding-bottom: 20px;\r\n width: 100%;\r\n\r\n h2 {\r\n font-family: $d8-sans-headline-medium;\r\n font-size: 60px;\t\r\n letter-spacing: -1.2px;\r\n line-height: 110%;\r\n min-height: 0vw;\r\n // font-feature-settings: \"ss01\" on;\r\n \r\n @include mq($from: medium-desktop) {\r\n font-size: calc(12.5rem + ((1vw - 16px)));\r\n letter-spacing: -6px;\r\n line-height: 100%;\r\n }\r\n \r\n @include mq($from: tablet, $until:medium-desktop) {\r\n font-size: 160px;\r\n letter-spacing: -4.8px;\r\n }\r\n\r\n \r\n }\r\n\r\n \r\n .intro a{\r\n // font-family: $d8-sans-medium-550 !important;\r\n }\r\n\r\n \r\n \r\n }\r\n\r\n &-subheading {\r\n width: 90%;\r\n\r\n @include mq($until:desktop){\r\n padding-bottom: 40px;\r\n }\r\n\r\n @include mq($until:tablet){\r\n padding-bottom: 0;\r\n }\r\n }\r\n\r\n &-body {\r\n color: $color-black;\r\n width: 60%;\r\n align-self: end;\r\n\r\n h2 {\r\n margin:40px 0;\r\n\r\n @include mq($until:tablet){\r\n margin:28px 0;\r\n }\r\n\r\n & a{\r\n font-family: $d8-sans-medium-550 !important;\r\n\r\n &::after{\r\n height: 2px;\r\n }\r\n }\r\n }\r\n\r\n h3 {\r\n margin-bottom:28px;\r\n }\r\n\r\n @include mq($until:tablet){\r\n width: 100%;\r\n }\r\n }\r\n\r\n & .intro a{\r\n // font-family: $d8-sans-medium-550 !important;\r\n }\r\n\r\n\r\n\r\n}\r\n@supports (hanging-punctuation: first) {\r\n // @include mq($from: mobile){\r\n span.quote {\r\n text-indent: 0;\r\n hanging-punctuation: first;\r\n }\r\n\t// }\r\n}\r\n\r\nspan.quote {\r\n position: relative;\r\n}\r\n\r\nspan.quote::before,\r\nspan.quote::after {\r\n\tposition: absolute;\r\n\r\n\r\n}\r\nspan.quote::before {\r\n\tcontent: \"“\";\r\n left: -.4em;\r\n\r\n @include mq($until:tablet){\r\n left: -.33em;\r\n }\r\n}\r\n\r\nspan.quote::after {\r\n\tcontent:\"”\";\r\n}\r\n\r\n.text-block-container .text-block-body:first-of-type h2:first-of-type{\r\n margin-top: 0;\r\n}","@charset \"UTF-8\";\n/*------------------------------------*\\\n #RESET\n\\*------------------------------------*/\n/**\n * A very simple reset that sits on top of Normalize.css.\n */\nbody,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\ndl,\ndd,\nol,\nul,\nform,\nfieldset,\nlegend,\nfigure,\ntable,\nth,\ntd,\ncaption,\nhr,\nbody,\nbutton {\n margin: 0;\n padding: 0;\n}\n\n/**\n * Remove trailing margins from nested lists.\n */\nli > ul,\nli > ol {\n margin-bottom: 0;\n}\n\n/**\n * Remove spaces between table cells.\n */\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n padding: 0;\n}\n\naudio,\ncanvas,\nimg,\nvideo,\nsvg {\n vertical-align: middle;\n}\n\nfieldset {\n border: 0;\n margin: 0;\n padding: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\nimg {\n max-width: 100%;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\n/*\n * Remove text-shadow in selection highlight: h5bp.com/i\n * These selection rule sets have to be separate.\n * Customize the background color to match your design.\n */\n::-moz-selection {\n background: #b3d4fc;\n text-shadow: none;\n}\n\n::selection {\n background: #b3d4fc;\n text-shadow: none;\n}\n\nmain {\n position: relative;\n z-index: 1;\n background-color: #FFFFFF;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\nbody {\n background-color: #FFFFFF;\n color: #1D1D1B;\n font-family: \"D8 Sans BD Text Regular\";\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n}\n@media (max-width: 61.99em) {\n body {\n font-size: 17px;\n }\n}\n\n.navigation-container, .site-margin, .footer-container {\n max-width: 2000px;\n margin: auto;\n}\n@media (min-width: 137.5em) {\n .navigation-container, .site-margin, .footer-container {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n}\n\n.visuallyhidden {\n order: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n background: transparent;\n}\n\n.skiplist {\n margin: 0 auto;\n padding: 0;\n position: fixed;\n left: -9999px;\n top: 0;\n background-color: #000;\n max-width: 1920px;\n z-index: 100000;\n padding: 0;\n color: #FFFFFF;\n text-decoration: none;\n padding: 10px 20px;\n}\n\n.skiplist:focus,\n.skiplist:active {\n left: 0;\n top: 30px;\n}\n\n@media (max-width: 74.9275em) {\n .skiplist {\n display: none;\n }\n}\na {\n color: #1D1D1B;\n text-decoration: none;\n font-family: \"D8 Sans BD Text Regular\";\n}\n\na:not(.button, .social, .image, .navigation-option, .case-study-link) {\n position: relative;\n width: fit-content;\n}\na:not(.button, .social, .image, .navigation-option, .case-study-link)::after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 1px;\n bottom: 0;\n left: 0;\n background-color: currentColor;\n transition: width 0.15s linear;\n}\na:not(.button, .social, .image, .navigation-option, .case-study-link):hover::after {\n width: 0;\n}\n\n@media (max-width: 61.99em) {\n a.navigation-option {\n position: relative;\n width: fit-content;\n }\n a.navigation-option::after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 1px;\n bottom: 0;\n left: 0;\n background-color: currentColor;\n transition: width 0.15s linear;\n }\n a.navigation-option:hover::after {\n width: 0;\n }\n}\n\n.no-scroll {\n overflow: hidden;\n}\n\na.button {\n padding: 15px 41px;\n border: 1px solid #FFE976;\n background: #FFE976;\n border-radius: 36px;\n color: #1D1D1B;\n cursor: pointer;\n}\na.button span {\n pointer-events: none;\n}\na.button.external, a.button.external-white, a.button.internal, a.button.internal-white, a.button.internal-black {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 8px;\n width: fit-content;\n}\na.button.external::after, a.button.external-white::after, a.button.internal::after, a.button.internal-white::after, a.button.internal-black::after {\n width: 20px;\n height: 20px;\n}\na.button.internal, a.button.internal-white, a.button.internal-black {\n align-items: flex-start;\n}\na.button.internal::after, a.button.internal-white::after, a.button.internal-black::after {\n width: 16px;\n height: 12px;\n}\na.button.internal, a.button.internal-white, a.button.internal-black {\n transition: gap 0.4s;\n}\na.button.external::after {\n content: url(\"/src/img/icons/arrow_outward_black.svg\");\n}\na.button.internal::after, a.button.internal-black::after {\n content: url(\"/src/img/icons/arrow_internal_black.svg\");\n}\na.button.internal-white, a.button.external-white {\n background-color: transparent;\n color: #FFFFFF;\n border-color: #FFFFFF;\n}\na.button.internal-black {\n background-color: transparent;\n color: #1D1D1B;\n border-color: #1D1D1B;\n}\na.button.internal-white::after {\n content: url(\"/src/img/icons/arrow_internal.svg\");\n}\na.button.external-white::after {\n content: url(\"/src/img/icons/arrow_outward.svg\");\n}\na.button:hover {\n background-color: #1D1D1B;\n color: #FFFFFF;\n border-color: #1D1D1B;\n}\na.button:hover.external::after {\n content: url(\"/src/img/icons/arrow_outward.svg\");\n}\na.button:hover.external-white, a.button:hover.internal-white {\n background-color: #FFFFFF;\n color: #1D1D1B;\n border-color: #FFFFFF;\n}\na.button:hover.external-white::after {\n content: url(\"/src/img/icons/arrow_outward_black.svg\");\n}\na.button:hover.internal-white::after {\n content: url(\"/src/img/icons/arrow_internal_black.svg\");\n}\na.button:hover.internal, a.button:hover.internal-white, a.button:hover.internal-black {\n gap: 30px;\n transition: gap 0.4s;\n}\na.button:hover.internal::after, a.button:hover.internal-black::after {\n content: url(\"/src/img/icons/arrow_internal.svg\");\n}\n\nhtml:has(#hero-load-animation), body:has(#hero-load-animation) {\n scrollbar-width: none; /* Firefox */\n -ms-overflow-style: none; /* IE 10+ */\n}\n\nhtml:has(#hero-load-animation)::-webkit-scrollbar,\nbody:has(#hero-load-animation)::-webkit-scrollbar {\n display: none; /* Safari + Chrome */\n}\n\n.hidden {\n visibility: hidden !important;\n height: 0px !important;\n}\n\n.video-element-fallback {\n object-fit: cover;\n}\n\n@media (max-width: 478x) {\n .cookie-page-terms {\n padding: 0 20px;\n }\n}\n@media (min-width: 479px) {\n .cookie-page-terms {\n padding: 0 6%;\n }\n}\n\n@font-face {\n font-family: \"D8 Sans BD Bold 700\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Bold700.woff2\") format(\"woff2\"), url(\"/src/scss/fonts/D8_Sans/D8SansBD-Bold700.woff\") format(\"woff\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Bold 650\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Bold650.woff2\") format(\"woff2\"), url(\"/src/scss/fonts/D8_Sans/D8SansBD-Bold650.woff\") format(\"woff\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Medium 550\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Medium550.woff2\") format(\"woff2\"), url(\"/src/scss/fonts/D8_Sans/D8SansBD-Medium550.woff\") format(\"woff\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Medium 500\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Medium500.woff2\") format(\"woff2\"), url(\"/src/scss/fonts/D8_Sans/D8SansBD-Medium500.woff\") format(\"woff\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Regular 400\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Regular400.woff2\") format(\"woff2\"), url(\"/src/scss/fonts/D8_Sans/D8SansBD-Regular400.woff\") format(\"woff\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Headline Bold\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Headline/D8SansHeadline-Bold.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Headline Light\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Headline/D8SansHeadline-Light.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Headline Medium\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Headline/D8SansHeadline-Medium.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Headline Regular\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Headline/D8SansHeadline-Regular.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Text Bold\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Text/D8SansText-Bold.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Text Light\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Text/D8SansText-Light.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Text Medium\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Text/D8SansText-Medium.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"D8 Sans BD Text Regular\";\n src: url(\"/src/scss/fonts/D8_Sans/D8SansBD-Text/D8SansText-Regular.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO\";\n src: url(\"/src/scss/fonts/NPO/nponovaserifheadline-medium.woff2\") format(\"woff2\"), url(\"/src/scss/fonts/NPO/nponovaserifheadline-medium.woff\") format(\"woff\");\n font-display: swap;\n}\n@font-face {\n font-family: \"Canal\";\n src: url(\"/src/scss/fonts/Canal/CanalDopplerVariableVF.woff2\") format(\"woff2\"), url(\"/src/scss/fonts/Canal/CanalDopplerVariableVF.woff\") format(\"woff\");\n font-display: swap;\n}\n@font-face {\n font-family: \"Benromach\";\n src: url(\"/src/scss/fonts/Benromach/Benromach-Regular.woff2\") format(\"woff2\"), url(\"/src/scss/fonts/Benromach/Benromach-Regular.woff\") format(\"woff\");\n font-display: swap;\n}\n@font-face {\n font-family: \"Aberlour\";\n src: url(\"/src/scss/fonts/Aberlour/Aberlour-Regular.woff2\") format(\"woff2\"), url(\"/src/scss/fonts/Aberlour/Aberlour-Regular.woff\") format(\"woff\");\n font-display: swap;\n}\n@font-face {\n font-family: \"HighlandPark\";\n src: url(\"/src/scss/fonts/HighlandPark/HighlandParkAurora-Regular.woff2\") format(\"woff2\"), url(\"/src/scss/fonts/HighlandPark/HighlandParkAurora-Regular.woff\") format(\"woff\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO OTF\";\n src: url(\"/src/scss/fonts/NPO/nponovaserifheadline-medium.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"Canal OTF\";\n src: url(\"/src/scss/fonts/Canal/CanalDopplerVariableVF.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"Benromach OTF\";\n src: url(\"/src/scss/fonts/Benromach/Benromach-Regular.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"Aberlour OTF\";\n src: url(\"/src/scss/fonts/Aberlour/Aberlour-Regular.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"HighlandPark OTF\";\n src: url(\"/src/scss/fonts/HighlandPark/HighlandParkAurora-Regular.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Black\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-black.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Black Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-blackoblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Bold\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-bold.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Bold Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-boldoblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Light\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-light.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Light Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-lightoblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Medium\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-medium.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Medium Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-mediumoblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Regular\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-regular.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Regular Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-regularoblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Condensed Bold\";\n src: url(\"/src/scss/fonts/NPO/Sans/Condensed/nponovasanscondensed-bold.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Condensed Bold Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Condensed/nponovasanscondensed-boldoblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Condensed Regular\";\n src: url(\"/src/scss/fonts/NPO/Sans/Condensed/nponovasanscondensed-regular.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Condensed Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Condensed/nponovasanscondensed-oblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Text Black\";\n src: url(\"/src/scss/fonts/NPO/Sans/Text/nponovasanstext-black.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Text Black Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Text/nponovasanstext-blackoblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Text Bold\";\n src: url(\"/src/scss/fonts/NPO/Sans/Text/nponovasanstext-bold.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Text Bold Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Text/nponovasanstext-boldoblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Text Light\";\n src: url(\"/src/scss/fonts/NPO/Sans/Text/nponovasanstext-light.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Text Light Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Text/nponovasanstext-lightoblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Text Medium\";\n src: url(\"/src/scss/fonts/NPO/Sans/Text/nponovasanstext-medium.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Text Medium Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Text/nponovasanstext-mediumoblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Text Regular\";\n src: url(\"/src/scss/fonts/NPO/Sans/Text/nponovasanstext-regular.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Text Regular Oblique\";\n src: url(\"/src/scss/fonts/NPO/Sans/Text/nponovasanstext-regularoblique.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Text Black\";\n src: url(\"/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-black.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Text Black Italic\";\n src: url(\"/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-blackitalic.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Text Bold\";\n src: url(\"/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-bold.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Text Bold Italic\";\n src: url(\"/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-bolditalic.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Text Light\";\n src: url(\"/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-light.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Text Light Italic\";\n src: url(\"/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-lightitalic.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Text Medium\";\n src: url(\"/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-medium.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Text Medium Italic\";\n src: url(\"/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-mediumitalic.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Text Regular\";\n src: url(\"/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-regular.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Text Regular Italic\";\n src: url(\"/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-regularitalic.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Headline Black\";\n src: url(\"/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-black.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Headline Black Italic\";\n src: url(\"/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-blackitalic.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Headline Bold\";\n src: url(\"/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-bold.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Headline Bold Italic\";\n src: url(\"/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-bolditalic.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Headline Light\";\n src: url(\"/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-light.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Headline Light Italic\";\n src: url(\"/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-lightitalic.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Headline Medium Italic\";\n src: url(\"/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-mediumitalic.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Headline Regular\";\n src: url(\"/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-regular.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Serif Headline Regular Italic\";\n src: url(\"/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-regularitalic.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Black OTF\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-black.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Black Oblique OTF\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-blackoblique.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Bold OTF\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-bold.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Bold Oblique OTF\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-boldoblique.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Light OTF\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-light.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Light Oblique OTF\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-lightoblique.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Medium OTF\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-medium.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Medium Oblique OTF\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-mediumoblique.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Regular OTF\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-regular.otf\") format(\"opentype\");\n font-display: swap;\n}\n@font-face {\n font-family: \"NPO Nova Sans Headline Regular Oblique OTF\";\n src: url(\"/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-regularoblique.otf\") format(\"opentype\");\n font-display: swap;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\n.intro,\n.quote,\n.small {\n color: #1D1D1B;\n font-weight: initial;\n}\n\nh1 {\n font-family: \"D8 Sans BD Headline Medium\";\n font-size: 60px;\n letter-spacing: -1.2px;\n line-height: 110%;\n min-height: 0vw;\n}\n@media (min-width: 47.9375em) and (max-width: 61.99em) {\n h1 {\n font-size: 80px;\n letter-spacing: -4.8px;\n }\n}\n@media (min-width: 62em) and (max-width: 89.9275em) {\n h1 {\n font-size: 120px;\n letter-spacing: -4.8px;\n }\n}\n@media (min-width: 89.9375em) and (max-width: 99.99em) {\n h1 {\n font-size: 160px;\n letter-spacing: -4.8px;\n line-height: 160px;\n }\n}\n@media (min-width: 100em) {\n h1 {\n font-size: clamp(160px, 10vw, 220px);\n letter-spacing: -6px;\n line-height: 100%;\n }\n}\n\nh2 {\n font-family: \"D8 Sans BD Text Medium\";\n font-size: 32px;\n line-height: 110%;\n}\n@media (min-width: 100em) {\n h2 {\n font-size: clamp(20px, 3.25rem + 1vw - 16px, 65px);\n }\n}\n@media (min-width: 62em) and (max-width: 99.99em) {\n h2 {\n font-size: 42px;\n }\n}\n\nh3 {\n font-family: \"D8 Sans BD Text Medium\";\n font-size: 24px;\n line-height: 120%;\n}\n@media (min-width: 100em) {\n h3 {\n font-size: clamp(32px, 2rem + 1vw - 16px, 48px);\n }\n}\n@media (min-width: 62em) and (max-width: 99.99em) {\n h3 {\n font-size: 32px;\n }\n}\n\nh4 {\n font-family: \"D8 Sans BD Text Medium\";\n font-size: 18px;\n line-height: 140%;\n}\n@media (min-width: 100em) {\n h4 {\n font-size: clamp(22px, 1.375rem + 1vw - 16px, 30px);\n }\n}\n@media (min-width: 62em) and (max-width: 99.99em) {\n h4 {\n font-size: 22px;\n }\n}\n\nh5 {\n font-family: \"D8 Sans BD Text Bold\";\n font-size: 14px;\n line-height: 140%;\n letter-spacing: 0.28px;\n text-transform: uppercase;\n}\n@media (min-width: 100em) {\n h5 {\n font-size: clamp(16px, 1rem + 1vw - 16px, 20px);\n }\n}\n@media (min-width: 62em) and (max-width: 99.99em) {\n h5 {\n font-size: 16px;\n letter-spacing: 0.32px;\n }\n}\n\n.secondary-heading {\n font-family: \"D8 Sans BD Headline Medium\";\n font-size: 55px;\n line-height: 110%;\n letter-spacing: -1.1px;\n}\n@media (min-width: 100em) {\n .secondary-heading {\n font-size: clamp(80px, 5rem + 1vw - 16px, 100px);\n letter-spacing: -2.4px;\n }\n}\n@media (min-width: 62em) and (max-width: 99.99em) {\n .secondary-heading {\n font-size: 80px;\n letter-spacing: -2.4px;\n }\n}\n\n.intro {\n font-family: \"D8 Sans BD Text Regular\";\n font-size: 20px;\n line-height: 150%;\n}\n@media (min-width: 100em) {\n .intro {\n font-size: clamp(28px, 2rem + 1vw - 16px, 32px);\n }\n}\n@media (min-width: 62em) and (max-width: 99.99em) {\n .intro {\n font-size: 28px;\n }\n}\n\n.quote {\n font-family: \"D8 Sans BD Headline Medium\";\n font-size: 40px;\n letter-spacing: -0.8px;\n line-height: 110%;\n margin: 60px 0;\n}\n@media (min-width: 100em) {\n .quote {\n font-size: 72px;\n letter-spacing: -2.4px;\n }\n}\n@media (min-width: 62em) and (max-width: 99.99em) {\n .quote {\n font-size: 60px;\n letter-spacing: -2.4px;\n }\n}\n@media (min-width: 29.9375em) and (max-width: 61.99em) {\n .quote {\n font-size: 55px;\n letter-spacing: -1.8px;\n margin: 40px 0;\n }\n}\n\n.small {\n font-family: \"D8 Sans BD Text Regular\";\n font-size: 14px;\n line-height: 160%;\n}\n@media (min-width: 62em) {\n .small {\n font-size: 16px;\n line-height: 150%;\n }\n}\n\np,\n.text-block-body li {\n color: #1D1D1B;\n font-family: \"D8 Sans BD Text Regular\";\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n font-size: 17px;\n}\n@media (min-width: 100em) {\n p,\n .text-block-body li {\n font-size: clamp(15px, 1.25rem + 1vw - 16px, 25px);\n }\n}\n@media (min-width: 62em) and (max-width: 99.99em) {\n p,\n .text-block-body li {\n font-size: 20px;\n }\n}\n\n.text-block-body li {\n margin-bottom: 16px;\n list-style-position: outside;\n}\n@media (max-width: 47.9275em) {\n .text-block-body li {\n margin-left: 26px;\n }\n}\n@media (min-width: 47.9375em) {\n .text-block-body li {\n margin-left: 32px;\n }\n}\n\na.button {\n font-family: \"D8 Sans BD Text Medium\";\n font-size: 18px;\n text-decoration: none;\n line-height: 1;\n}\n@media (max-width: 61.99em) {\n a.button {\n font-size: 16px;\n }\n}\n\n.navigation {\n padding: 30px 6%;\n margin-top: -105px;\n position: fixed;\n width: 100%;\n z-index: 9999;\n -webkit-transition: margin 0.4s, background-color 0.1s 0.5s;\n transition: margin 0.4s, background-color 0.1s 0.5s, opacity 0.5s ease-in-out;\n background-color: #FFFFFF;\n}\n@media (max-width: 61.99em) {\n .navigation {\n height: fit-content;\n }\n}\n@media (max-width: 29.9275em) {\n .navigation {\n padding: 20px;\n }\n}\n.navigation.top-of-page {\n background-color: transparent;\n transition: background-color 0.1s 0s, opacity 0.5s ease-in-out !important;\n}\n.navigation.show {\n margin-top: 0;\n -webkit-transition: margin 0.4s, background-color 0.1s 0.5s, height 0.1s;\n transition: margin 0.4s, background-color 0.1s 0.5s, height 0.1s;\n}\n.navigation.nav-open {\n background-color: #EBEBEB;\n height: 100vh;\n}\n.navigation-container, .navigation-menu {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.navigation-menu {\n gap: 40px;\n}\n@media (max-width: 61.99em) {\n .navigation-menu {\n display: none;\n }\n}\n.navigation-menu .navigation-option-mask {\n height: 16px;\n overflow: hidden;\n display: flex;\n}\n.navigation-menu .navigation-option-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: transform 0.4s ease;\n}\n.navigation-menu .navigation-option-container .navigation-item-1, .navigation-menu .navigation-option-container .navigation-item-2 {\n line-height: 18px;\n}\n.navigation-menu .navigation-option:hover .navigation-option-container {\n transform: translateY(-18px);\n}\n.navigation-logo svg {\n width: 154px;\n height: 36px;\n}\n@media (max-width: 61.99em) {\n .navigation-logo svg {\n width: 108px;\n height: 23.96px;\n }\n}\n.navigation-option {\n font-size: 16px;\n}\n@media (max-width: 61.99em) {\n .navigation-option {\n font-size: 32px;\n font-family: \"D8 Sans BD Text Medium\";\n }\n}\n.navigation-mobile-icon {\n width: 28px;\n height: 25px;\n position: relative;\n}\n.navigation-mobile-icon span,\n.navigation-mobile-icon span::after,\n.navigation-mobile-icon span::before {\n content: \"\";\n display: block;\n position: absolute;\n width: 28px;\n height: 3px;\n border-radius: 10px;\n background-color: #1D1D1B;\n transition: transform 0.4s ease-in-out 0s, left 0.4s ease-in-out 0s, top 0.4s ease-in-out 0s, background-color 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;\n --webkit-transition: transform 0.4s ease-in-out 0s, left 0.4s ease-in-out 0s,\n top 0.4s ease-in-out 0s, background-color 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;\n}\n.navigation-mobile-icon span {\n top: 45%;\n}\n.navigation-mobile-icon span::before {\n top: 7px;\n}\n.navigation-mobile-icon span::after {\n top: -7px;\n}\n@media (max-width: 61.99em) {\n .navigation-mobile-icon {\n display: block;\n }\n}\n.navigation-mobile-menu {\n display: none;\n}\n@media (max-width: 61.99em) {\n .navigation-mobile-menu {\n display: block;\n }\n}\n.navigation-mobile-menu.active span {\n background-color: transparent;\n}\n.navigation-mobile-menu.active span:after {\n transform: rotate(45deg);\n top: 0;\n}\n.navigation-mobile-menu.active span:before {\n transform: rotate(-45deg);\n top: 0;\n}\n.navigation-mobile-menu-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 40px;\n}\n\n.navigation-closed {\n display: none;\n}\n\n.navigation-open {\n position: absolute;\n padding: 80px 6%;\n height: 100%;\n left: 0;\n right: 0;\n background: #EBEBEB;\n z-index: 100;\n height: 100vh;\n top: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n@media (max-width: 29.9275em) {\n .navigation-open {\n padding: 80px 20px;\n }\n}\n\n.navigation-logo canvas {\n max-width: 150px;\n max-height: 41px;\n}\n@media (max-width: 61.99em) {\n .navigation-logo canvas {\n max-width: 105px;\n max-height: 29px;\n }\n}\n.navigation-logo a {\n height: fit-content;\n display: block;\n}\n\nbody:has(#hero-load-animation) #navigation,\nbody:has(#hero-load-animation) #cookiebanner {\n opacity: 0;\n}\n\n.embedded-navigation-logo {\n display: none;\n}\n\nbody:has(.nav-text-colour-999999) nav .embedded-navigation-logo {\n display: block;\n}\n.embedded-navigation-logo {\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 4;\n mix-blend-mode: difference;\n padding: 30px 6%;\n}\n\nbody:has(.top-of-page) .embedded-navigation-logo {\n opacity: 1;\n}\n\nbody:has(.nav-text-colour-ffffff) .navigation .navigation-menu a {\n color: white;\n}\n\nbody:has(.nav-text-colour-ffffff) .navigation.show:not(.navigation.top-of-page) .navigation-menu a {\n color: black;\n}\n\nbody:has(.nav-text-colour-ffffff) .navigation.show:not(.navigation.top-of-page) .canvas-nav {\n filter: invert(1);\n}\n\nbody:has(.nav-text-colour-ffffff) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span,\nbody:has(.nav-text-colour-ffffff) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span:before,\nbody:has(.nav-text-colour-ffffff) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span:after {\n background-color: white;\n}\n\nbody:has(.nav-text-colour-ffffff) .navigation .navigation-mobile-menu.active .navigation-mobile-icon span:before,\nbody:has(.nav-text-colour-ffffff) .navigation .navigation-mobile-menu.active .navigation-mobile-icon span:after {\n background-color: #1D1D1D;\n}\n\nbody:has(.nav-text-colour-1d1d1d) .navigation .canvas-nav {\n filter: invert(1);\n}\n\nbody:has(.nav-text-colour-999999) .navigation.show:not(.navigation.top-of-page) .canvas-nav {\n filter: invert(1);\n}\n\nbody:has(.nav-text-colour-999999) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span,\nbody:has(.nav-text-colour-999999) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span:before,\nbody:has(.nav-text-colour-999999) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span:after {\n background-color: white;\n}\n\nbody:has(.nav-text-colour-999999) .navigation .navigation-mobile-menu.active .navigation-mobile-icon span {\n background-color: rgba(0, 0, 0, 0);\n}\n\nbody:has(.nav-text-colour-999999) .navigation .navigation-mobile-menu.active .navigation-mobile-icon span:before,\nbody:has(.nav-text-colour-999999) .navigation .navigation-mobile-menu.active .navigation-mobile-icon span:after {\n background-color: #1D1D1D;\n}\n\n.navigation-mobile-icon {\n z-index: 4;\n}\n\n#navigation-menu {\n z-index: 3;\n}\n\n.navigation-mobile-menu-container a:after {\n display: none;\n}\n\nfooter {\n position: relative;\n bottom: 0;\n z-index: 0;\n background-color: #1D1D1B;\n padding: 0 6%;\n color: #FFFFFF;\n height: 100vh;\n max-height: 100vh;\n}\n@media (max-width: 61.99em) {\n footer {\n padding-top: 60px;\n }\n}\n@media (max-width: 29.9275em) {\n footer {\n padding: 20px;\n }\n}\n@media (max-width: 47.9275em) {\n footer {\n padding-top: 60px;\n padding-bottom: 60px;\n }\n}\n\n.footer-container {\n display: flex;\n justify-content: space-around;\n flex-direction: column;\n gap: 30px;\n height: 100%;\n}\n@media (max-width: 61.99em) {\n .footer-container {\n gap: 30px;\n }\n}\n@media (max-width: 47.9275em) {\n .footer-container {\n gap: 35px;\n }\n}\n.footer-top, .footer-bottom {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: 8em;\n}\n@media (max-width: 61.99em) {\n .footer-top, .footer-bottom {\n flex-direction: column;\n align-items: flex-start;\n }\n}\n.footer-top {\n align-items: flex-start;\n}\n.footer-top h3,\n.footer-top a {\n color: #FFFFFF;\n}\n@media (max-width: 61.99em) {\n .footer-top {\n gap: 40px;\n }\n}\n.footer-strapline {\n width: 50%;\n}\n.footer-strapline h3 {\n white-space: break-spaces;\n max-width: 445px;\n font-family: \"D8 Sans BD Text Medium\";\n}\n.footer-strapline a {\n display: block;\n font-family: inherit;\n}\n@media (max-width: 61.99em) {\n .footer-strapline {\n width: 100%;\n }\n .footer-strapline h3 {\n width: 100%;\n max-width: unset;\n }\n .footer-strapline a {\n display: inline;\n }\n}\n.footer-links-container {\n display: flex;\n width: 40%;\n gap: 60px;\n flex-direction: column;\n align-items: flex-start;\n}\n@media (max-width: 61.99em) {\n .footer-links-container {\n width: 100%;\n gap: 30px;\n }\n}\n.footer-bottom {\n align-items: flex-end;\n}\n@media (max-width: 61.99em) {\n .footer-bottom {\n gap: 20px;\n align-items: flex-start;\n }\n}\n.footer-navigation {\n display: flex;\n gap: 25px;\n flex-direction: column;\n}\n@media (max-width: 61.99em) {\n .footer-navigation {\n gap: 15px;\n }\n}\n.footer-copyright {\n width: 40%;\n}\n.footer-copyright p {\n color: #FFFFFF;\n}\n@media (max-width: 47.9275em) {\n .footer-copyright {\n width: 100%;\n }\n}\n.footer-cta {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n gap: 20px;\n width: 70%;\n}\n.footer-cta p {\n color: #FFFFFF;\n}\n.footer-cta button {\n background: transparent;\n border: 1px solid #FFFFFF;\n padding: 15px 41px;\n border-radius: 36px;\n}\n.footer-cta button a {\n display: flex;\n flex-direction: row;\n gap: 8px;\n line-height: unset;\n}\n@media (min-width: 119.9375em) {\n .footer-cta {\n max-width: 400px;\n }\n}\n@media (min-width: 62em) and (max-width: 89.9275em) {\n .footer-cta {\n width: 100%;\n }\n}\n@media (min-width: 47.9375em) and (max-width: 61.99em) {\n .footer-cta {\n gap: 20px;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n }\n .footer-cta p {\n width: 55%;\n }\n}\n@media (max-width: 47.9275em) {\n .footer-cta {\n width: 80%;\n }\n}\n.footer-logo {\n width: 50%;\n}\n.footer-logo-img {\n width: 100%;\n vertical-align: bottom;\n}\n@media (max-width: 61.99em) {\n .footer-logo {\n width: 100%;\n }\n}\n\n.sticky-footer {\n position: sticky;\n}\n\n.el-address-element-container {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n flex-wrap: nowrap;\n align-items: flex-start;\n align-content: space-around;\n}\n@media (max-width: 61.99em) {\n .el-address-element-container {\n padding-right: 0;\n padding-bottom: 20%;\n }\n}\n.el-address-element-location {\n padding-bottom: 10%;\n}\n@media (max-width: 61.99em) {\n .el-address-element-location {\n padding-bottom: 0;\n }\n}\n@media (max-width: 61.99em) {\n .el-address-element-details {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n padding-top: 5%;\n align-items: flex-start;\n }\n}\n@media (max-width: 61.99em) {\n .el-address-element-details-left {\n padding-right: 20px;\n }\n}\n.el-address-element-details-left a, .el-address-element-details-right a {\n color: #1D1D1B;\n}\n.el-address-element-contact-number {\n padding-top: 15%;\n text-decoration: none !important;\n}\n@media (max-width: 61.99em) {\n .el-address-element-contact-number {\n padding-top: 0%;\n }\n}\n.el-address-element-email {\n padding-top: 0;\n}\n.el-address-element-email:hover {\n color: #a6a6a6;\n}\n.el-address-element-no-contact {\n display: block;\n}\n@media (max-width: 61.99em) {\n .el-address-element-no-contact {\n display: none;\n }\n}\n\n.el-grid {\n padding: 5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-evenly;\n}\n@media (max-width: 61.99em) {\n .el-grid {\n padding: 1rem;\n }\n}\n.el-grid-text {\n color: #1D1D1B;\n}\n\n.vimeo-video-container {\n max-height: 100vh;\n height: 100%;\n overflow: hidden;\n}\n\n.el-video-vimeo,\n.vimeo-video-container {\n height: 100%;\n}\n.el-video-vimeo .video-frame,\n.vimeo-video-container .video-frame {\n height: 100%;\n}\n.el-video-vimeo .video-frame div:first-of-type,\n.vimeo-video-container .video-frame div:first-of-type {\n height: 100%;\n}\n\n.videdo-vimeo-fallback-image,\n.fallback-img-vimeo {\n width: 100%;\n height: 100%;\n}\n\n.split {\n opacity: 0;\n line-height: 1.2;\n}\n\n.cp-long-hero {\n position: relative;\n width: 100%;\n height: 460px;\n}\n.cp-long-hero-media {\n height: 100%;\n}\n.cp-long-hero-img, .cp-long-hero-video {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n.cp-long-hero-video {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n}\n.cp-long-hero-video-overlay {\n height: 100%;\n width: 100%;\n object-fit: cover;\n}\n.cp-long-hero-text-container {\n position: absolute;\n padding-left: 5%;\n padding-right: 5%;\n bottom: 40px;\n z-index: 1;\n color: white;\n}\n.cp-long-hero-title {\n margin-bottom: 1rem;\n color: white;\n}\n.cp-long-hero-subtitle {\n margin: 0;\n}\n@media (min-width: 768px) {\n .cp-long-hero .cp-long-hero-text-container {\n bottom: 40px;\n padding-left: 6%;\n padding-right: 4rem;\n }\n}\n@media (min-width: 992px) {\n .cp-long-hero {\n height: auto;\n aspect-ratio: 2/1;\n }\n .cp-long-hero .cp-long-hero-text-container {\n bottom: 60px;\n }\n}\n@media (min-width: 1440px) {\n .cp-long-hero .cp-long-hero-text-container {\n bottom: 80px;\n }\n}\n@media (min-width: 2200px) {\n .cp-long-hero .cp-long-hero-text-container {\n width: 2000px;\n left: 50%;\n transform: translateX(-50%);\n padding-left: 0;\n }\n}\n.cp-long-hero #hero-vimeo-player {\n overflow: hidden;\n}\n.cp-long-hero .cp-long-hero-vimeo {\n height: 100%;\n}\n.cp-long-hero .video-frame {\n height: 100%;\n overflow: hidden;\n}\n\n.cp-long-hero-vimeo {\n overflow: hidden;\n}\n\n.cp-long-hero-vimeo .clip-video {\n position: relative;\n overflow: hidden;\n}\n\n.cp-long-hero-vimeo .clip-video div:first-of-type {\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n pointer-events: none !important;\n height: inherit;\n}\n\n.cp-long-hero-vimeo .vimeo-video-container {\n height: inherit;\n}\n\n.cp-long-hero-vimeo .video-element-fallback {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n@media (max-width: 47.9275em) {\n .home-page-double-media-block .el-video-vimeo {\n aspect-ratio: 4/3;\n }\n}\n.cp-short-hero-text-container {\n padding: 6%;\n padding-top: 9rem;\n padding-bottom: 2rem;\n display: flex;\n flex-direction: column;\n}\n.cp-short-hero-title {\n margin-bottom: 1rem;\n}\n.cp-short-hero-subtitle {\n margin-left: 40%;\n padding-top: 120px;\n line-height: 150%;\n font-family: \"D8 Sans BD Text Regular\";\n max-width: 929px;\n}\n\n@media (max-width: 61.99em) {\n .cp-short-hero-text-container {\n padding: 120px 6% 20px;\n }\n .cp-short-hero-subtitle {\n padding-left: 0;\n padding-top: 28px;\n margin-left: 0px;\n }\n}\n@media (max-width: 29.9275em) {\n .cp-short-hero-text-container {\n padding: 120px 20px 20px;\n }\n}\n.cp-full-width-text {\n padding: 4rem;\n}\n@media (max-width: 61.99em) {\n .cp-full-width-text {\n padding: 2rem;\n }\n}\n.cp-full-width-text-title {\n margin-bottom: 1rem;\n}\n.cp-full-width-text-subtitle {\n margin-bottom: 2rem;\n width: 75%;\n}\n@media (max-width: 61.99em) {\n .cp-full-width-text-subtitle {\n width: 95%;\n }\n}\n\n.cp-accordion {\n background-color: #FFFFFF;\n display: flex;\n justify-content: center;\n padding: 5rem 4rem;\n padding-bottom: 2rem;\n}\n@media (max-width: 61.99em) {\n .cp-accordion {\n padding: 5rem 2rem 2rem;\n }\n}\n.cp-accordion-title {\n color: #1D1D1B;\n margin-bottom: 4rem;\n}\n.cp-accordion__inner {\n display: flex;\n flex-direction: column;\n width: 95%;\n}\n.cp-accordion__inner-section {\n background-color: #FFFFFF;\n border-top: 1px solid rgba(0, 0, 0, 0.5);\n}\n.cp-accordion__inner-section:last-child {\n margin-bottom: 0;\n}\n.cp-accordion__inner-section.is-active {\n border-top: 1px solid rgb(30, 30, 30);\n}\n.cp-accordion__inner-section.is-active .cp-accordion__inner-toggle {\n opacity: 1;\n visibility: visible;\n max-height: 1000px;\n padding: 8px 0 32px;\n}\n.cp-accordion__inner-section.is-active > button > a {\n display: inline-block;\n}\n.cp-accordion__inner-section .cp-accordion__inner-toggle {\n max-height: 0;\n opacity: 0;\n padding: 0;\n transition: all 0.5s ease-in-out;\n visibility: hidden;\n width: 80%;\n}\n.cp-accordion__inner-section .cp-accordion__inner-toggle p {\n color: #1D1D1B;\n}\n.cp-accordion__inner-section > button {\n background: none;\n border: 0;\n cursor: pointer;\n padding: 2rem 0.8rem 1rem 0;\n position: relative;\n text-align: left;\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n}\n.cp-accordion__inner-section > button:after {\n position: absolute;\n top: 21px;\n right: 23px;\n transition: all 0.75s ease-in-out;\n}\n.cp-accordion__inner-section > button img {\n width: 50px;\n}\n.cp-accordion-title {\n color: #1D1D1B;\n margin-bottom: 3rem;\n}\n\n.cp-anchor {\n padding: 4rem;\n}\n@media (max-width: 61.99em) {\n .cp-anchor {\n padding: 1rem;\n }\n}\n.cp-anchor-container {\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n}\n.cp-anchor-link {\n color: #1D1D1B;\n font-size: 25px;\n text-underline-offset: 4px;\n}\n\n.case-studies-listing {\n display: flex;\n flex-wrap: wrap;\n gap: 2%;\n row-gap: 4rem;\n justify-content: flex-start;\n padding: 2rem 6%;\n}\n\n.case-studies-related-heading {\n padding: 2rem 6%;\n}\n\n.case-study-link {\n text-decoration: none;\n color: inherit;\n transition: transform 0.3s ease;\n cursor: pointer;\n}\n\n.case-study-link:hover {\n transform: translateY(-4px);\n}\n\n.case-study-tile {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n height: fit-content;\n}\n\n.case-study-tile img,\n.case-study-tile video,\n.case-study-tile canvas {\n width: 100%;\n height: auto;\n display: block;\n object-fit: contain;\n aspect-ratio: 16/9;\n}\n\n.case-study-info {\n padding: 1rem 0;\n background-color: #fff;\n}\n\n.case-study-info .subtitle {\n font-size: 0.875rem;\n color: #777;\n}\n\n.case-study-info .title {\n color: #1D1D1D;\n}\n\n.media-wrapper {\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n\n.media-wrapper img,\n.media-wrapper video,\n.media-wrapper canvas {\n width: 100%;\n height: 100%;\n object-fit: contain;\n display: block;\n transition: transform 0.3s ease;\n}\n\n.media-wrapper iframe {\n transition: scale 0.3s ease;\n cursor: pointer;\n pointer-events: none;\n}\n\n.media-wrapper .placeholder {\n z-index: 1;\n}\n\n.media-wrapper video,\n.media-wrapper canvas,\n.media-wrapper .main-image {\n z-index: 2;\n}\n\n.case-study-link:hover .media-wrapper img,\n.case-study-link:hover .media-wrapper video,\n.case-study-link:hover .media-wrapper canvas {\n transform: scale(0.95);\n}\n\n.case-study-link:hover .media-wrapper iframe {\n scale: 0.95;\n}\n\n.case-study-tile-no-0 {\n width: 49%;\n}\n.case-study-tile-no-1 {\n width: 49%;\n}\n.case-study-tile-no-2 {\n width: 59%;\n}\n.case-study-tile-no-3 {\n width: 39%;\n}\n.case-study-tile-no-4 {\n width: 39%;\n}\n.case-study-tile-no-5 {\n width: 59%;\n}\n.case-study-tile-no-6 {\n width: 49%;\n}\n.case-study-tile-no-7 {\n width: 49%;\n}\n\n.case-studies-related-True {\n padding-top: 120px;\n padding-bottom: 120px;\n}\n\n.case-studies-related-True .case-studies-related-heading {\n padding: 0 6% 48px;\n}\n\n@media (max-width: 991px) {\n .case-studies-related-True {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n .case-studies-related-True .case-studies-related-heading {\n padding-bottom: 28px;\n }\n}\n@media (max-width: 768px) {\n .case-studies-listing {\n padding: 20px;\n row-gap: 28px;\n }\n .case-study-link {\n max-width: 100%;\n width: 100%;\n }\n .case-studies-related-heading {\n padding-left: 20px !important;\n padding-right: 20px !important;\n }\n}\n.case-studies-related-True .case-studies-listing {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n#hero-load-animation {\n height: 100vh;\n width: 100vw;\n position: fixed;\n z-index: 2;\n top: 0;\n left: 0;\n pointer-events: none;\n}\n\n#hero-load-animation-canvas {\n height: 100%;\n width: 100%;\n}\n\n.hero-load-animation-spacer {\n height: 100vh;\n width: 100vw;\n z-index: 1;\n position: relative;\n}\n\n@media (max-width: 991px) {\n #hero-load-animation {\n height: fit-content;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n}\n@media (max-width: 768px) {\n #hero-load-animation-canvas,\n .home-page-double-media-loader {\n display: none !important;\n }\n}\n.home-page-double-media-block {\n height: 100vh;\n}\n.home-page-double-media-block-container {\n height: 100%;\n padding: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n}\n@media (max-width: 47.9275em) {\n .home-page-double-media-block-container {\n flex-direction: column;\n }\n}\n.home-page-double-media-block-left, .home-page-double-media-block-right {\n width: 50%;\n}\n.home-page-double-media-block-left.textElement, .home-page-double-media-block-right.textElement {\n width: 50%;\n align-self: center;\n padding: 5%;\n}\n.home-page-double-media-block-left.videoElement .double-media-block-img, .home-page-double-media-block-right.videoElement .double-media-block-img {\n height: 100%;\n width: 100%;\n object-fit: cover;\n object-position: center;\n}\n.home-page-double-media-block-left.riveElement .rive-element-canvas, .home-page-double-media-block-right.riveElement .rive-element-canvas {\n height: 100%;\n}\n.home-page-double-media-block-left.riveElement .rive-element-animation, .home-page-double-media-block-right.riveElement .rive-element-animation {\n aspect-ratio: 4/5;\n height: 100%;\n object-fit: cover;\n vertical-align: middle;\n width: 100%;\n}\n@media (max-width: 47.9275em) {\n .home-page-double-media-block-left, .home-page-double-media-block-right {\n width: 100%;\n }\n .home-page-double-media-block-left.textElement, .home-page-double-media-block-right.textElement {\n width: 100%;\n }\n}\n.home-page-double-media-block-img {\n height: 100%;\n width: 100%;\n}\n\n.home-page-double-media-block .videdo-vimeo-fallback-image {\n width: 100%;\n object-fit: cover;\n}\n\n@media (min-width: 768px) {\n .home-page-double-media-block .el-video-vimeo .video-frame {\n overflow: hidden;\n height: 100vh;\n }\n .home-page-double-media-block .videdo-vimeo-fallback-image {\n object-fit: cover;\n height: 100vh;\n }\n .home-page-double-media-block-container .textElement.home-page-double-media-block-left {\n display: flex;\n justify-content: end;\n }\n}\n.home-page-double-media-block:first-of-type .home-page-double-media-loader {\n position: absolute;\n top: 0;\n left: 0;\n background-color: #1D1D1D;\n z-index: 1;\n height: 100%;\n width: 100%;\n}\n\n.home-page-double-media-block .textElement {\n overflow: hidden;\n}\n.home-page-double-media-block .textElement span {\n position: relative;\n bottom: -400px;\n opacity: 0;\n transition: all 1s cubic-bezier(0.08, 0.08, 0.37, 1);\n transition-delay: 1200ms;\n}\n\n.home-page-double-media-block {\n overflow: hidden;\n}\n.home-page-double-media-block .videoElement {\n position: relative;\n bottom: -100vh;\n transition: bottom 1s cubic-bezier(0.61, 0, 0, 1), top 1s cubic-bezier(0.61, 0, 0, 1);\n}\n\n.home-page-double-media-block.double-media-above .videoElement {\n bottom: unset;\n top: 100vh;\n}\n\n.double-media-reverse-start .videoElement {\n bottom: unset;\n top: 0px !important;\n}\n\n.mobile-content {\n display: none;\n}\n\n.double-media-stage-2-start .textElement span,\n.double-media-stage-2-start .videoElement,\n.double-media-stage-3-start .textElement span,\n.double-media-stage-3-start .videoElement {\n bottom: 0 !important;\n opacity: 1 !important;\n}\n\nmain:has(.double-media-stage-3-end) #hero-load-animation {\n top: -50vh;\n transition: top 0.7s ease-in-out;\n}\n\n.homepage-double-media-mobile-text {\n color: white;\n font-size: 200px;\n letter-spacing: -16px;\n}\n\n.home-page-double-media-block-container .textElement span {\n max-width: calc(1000px - 12%);\n display: block;\n}\n\n@media (max-width: 768px) {\n .home-page-double-media-block .textElement span,\n .home-page-double-media-block .videoElement {\n bottom: 0 !important;\n opacity: 1 !important;\n top: 0 !important;\n }\n .home-page-double-media-block {\n height: fit-content;\n }\n .home-page-double-media-block .textElement {\n aspect-ratio: 4/3;\n display: flex;\n align-items: center;\n }\n .home-page-double-media-block:nth-of-type(2) .home-page-double-media-block-container {\n flex-direction: column-reverse;\n }\n .home-page-double-media-block:nth-of-type(1) .mobile-content-home-douible-media-abc {\n display: block;\n /* right: 0; */\n bottom: 0;\n height: 50%;\n width: 100%;\n background: url(\"/src/img/logos/abcsvg.svg\") 20px 0px/70% no-repeat transparent;\n z-index: 2;\n }\n .home-page-double-media-block:nth-of-type(2) .mobile-content-home-douible-media-d {\n display: block;\n bottom: 0;\n bottom: 0;\n height: 50%;\n width: 100%;\n background: url(\"/src/img/logos/d8svg.svg\") 7px 0px/55% no-repeat transparent;\n z-index: 2;\n }\n .home-page-double-media-block:nth-of-type(1) .mobile-double-media-transpareny-layer-left {\n height: 100%;\n width: 100%;\n background: #1D1D1D;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n display: block;\n opacity: 0.3;\n }\n .home-page-double-media-block:nth-of-type(2) .mobile-double-media-transpareny-layer-right {\n height: 100%;\n width: 100%;\n background: #1D1D1D;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n display: block;\n opacity: 0.3;\n }\n .mobile-content {\n position: absolute;\n }\n}\n.cp-featured-case-studies-block__inner-tabs {\n overflow-y: scroll;\n height: 100vh;\n scroll-behavior: smooth;\n position: relative;\n}\n\n.cp-featured-case-studies-element {\n position: sticky;\n top: 0;\n height: 100vh;\n z-index: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.cp-featured-case-studies-element__inner {\n height: 100vh;\n position: relative;\n}\n.cp-featured-case-studies-element-media {\n position: absolute;\n z-index: 1;\n height: 100%;\n width: 100%;\n}\n.cp-featured-case-studies-element-media img, .cp-featured-case-studies-element-media video {\n object-fit: cover;\n height: 100%;\n width: 100%;\n}\n.cp-featured-case-studies-element-text-container {\n z-index: 2;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n height: 100%;\n width: 100%;\n padding-left: 60%;\n padding-right: 6%;\n color: white;\n text-align: left;\n margin: auto;\n}\n.cp-featured-case-studies-element-text-wrapper {\n height: 100%;\n}\n.cp-featured-case-studies-element-subtitle, .cp-featured-case-studies-element-title, .cp-featured-case-studies-element-description {\n color: inherit;\n}\n.cp-featured-case-studies-element-title {\n padding-bottom: 20px;\n}\n.cp-featured-case-studies-element-description {\n padding-bottom: 40px;\n}\n\n#homepage-featured-case-studies-element-1 .cp-featured-case-studies-element-text-container {\n padding-left: 6%;\n padding-right: 60%;\n}\n\n@media (min-width: 137.5em) {\n #homepage-featured-case-studies-element-1 .cp-featured-case-studies-element-text-container {\n padding-left: 0;\n }\n #homepage-featured-case-studies-element-0 .cp-featured-case-studies-element-text-container,\n #homepage-featured-case-studies-element-2 .cp-featured-case-studies-element-text-container {\n padding-right: 0;\n }\n}\n.cp-featured-case-studies-block__inner-tabs {\n scrollbar-width: none;\n -ms-overflow-style: none;\n -webkit-overflow-scrolling: touch;\n height: auto;\n /* max-height: none; */\n overflow-y: visible;\n overscroll-behavior: contain;\n}\n\n.cp-featured-case-studies-block__inner-tabs::-webkit-scrollbar,\n.cp-featured-case-studies-block__inner-tabs::-webkit-scrollbar {\n display: none;\n}\n\n@media (max-width: 768px) {\n .cp-featured-case-studies-element-text-container {\n padding: 20px !important;\n height: 100vh;\n }\n}\n.cp-featured-case-studies-block__inner-tabs {\n overscroll-behavior: contain; /* Allow nested scroll containers to \"bubble\" */\n -webkit-overflow-scrolling: touch; /* For iOS momentum scroll */\n height: auto;\n max-height: none;\n overflow-y: visible;\n}\n\n.cp-featured-case-studies-element {\n height: auto;\n}\n\n.cp-featured-case-studies-element__inner {\n overflow: hidden;\n height: 100vh;\n}\n\n@media (min-width: 768px) {\n .cp-featured-case-studies-element-media .el-video-vimeo iframe {\n min-width: 100% !important;\n min-height: 100% !important;\n width: 177.77777vh !important;\n height: 100vh !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n box-sizing: border-box !important;\n }\n .cp-featured-case-studies-element-media .el-video-vimeo .video-frame {\n overflow: hidden;\n height: 100vh;\n }\n}\n@media (max-width: 767px) {\n .cp-featured-case-studies-element-media .clip-video iframe {\n box-sizing: border-box !important;\n width: 177.77777778vh !important;\n height: 100vh !important;\n min-width: 100% !important;\n min-height: 100% !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n }\n}\n.cp-featured-case-studies-element-media .fallback-img-vimeo {\n height: 100vh;\n object-fit: cover;\n}\n\n.cp-carousel {\n padding: 0;\n padding-bottom: 4rem;\n}\n@media (max-width: 61.99em) {\n .cp-carousel {\n padding: 4px 8px 4rem;\n }\n}\n.cp-carousel-title-container {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 4rem 6rem;\n padding-bottom: 1rem;\n}\n@media (max-width: 61.99em) {\n .cp-carousel-title-container {\n padding: 1rem 1rem 1rem;\n }\n}\n.cp-carousel-title {\n text-align: center;\n margin-bottom: 3rem;\n}\n@media (max-width: 61.99em) {\n .cp-carousel-title {\n text-align: left;\n margin-bottom: 1rem;\n }\n}\n.cp-carousel-container .splide__list {\n align-items: center;\n}\n.cp-carousel-image.splide__slide {\n opacity: 1 !important;\n}\n.cp-carousel-images {\n margin: 0rem 3rem;\n}\n.cp-carousel-images.splide {\n visibility: visible !important;\n margin: 0;\n}\n.cp-carousel-images .swiper-wrapper {\n align-items: center !important;\n}\n.cp-carousel-images .swiper-wrapper .swiper-slide img {\n width: 50%;\n}\n.cp-carousel-slider-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.cp-carousel-slider__l-button, .cp-carousel-slider__r-button {\n width: 88px;\n height: 88px;\n}\n.cp-carousel-slider__r-button__svg {\n background-repeat: no-repeat;\n background-size: auto;\n background-position: center;\n color: #1D1D1B;\n height: 100%;\n width: 100%;\n transition: 1s;\n}\n.cp-carousel-slider__r-button__svg:hover {\n background-repeat: no-repeat;\n background-size: auto;\n background-position: center;\n color: #FFFFFF;\n height: 100%;\n width: 100%;\n transition: 1s;\n}\n.cp-carousel-slider__l-button__svg {\n background-repeat: no-repeat;\n background-size: auto;\n background-position: center;\n color: black;\n height: 100%;\n width: 100%;\n transition: 1s;\n}\n.cp-carousel-slider__l-button__svg:hover {\n background-repeat: no-repeat;\n background-size: auto;\n background-position: center;\n color: white;\n height: 100%;\n width: 100%;\n transition: 1s;\n}\n\n.cp-counter {\n padding: 5rem 4rem;\n}\n@media (max-width: 61.99em) {\n .cp-counter {\n padding: 0rem 1rem;\n }\n}\n.cp-counter-title {\n color: #1D1D1B;\n}\n.cp-counter-container {\n padding: 4rem 0;\n}\n@media (max-width: 61.99em) {\n .cp-counter-container {\n padding: 3rem 0;\n }\n}\n.cp-counter-number-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n}\n.cp-counter-number-container__inner {\n display: flex;\n row-gap: 2rem;\n flex-direction: column;\n align-items: center;\n}\n.cp-counter-number-container__inner .title {\n color: #1D1D1B;\n}\n.cp-counter-number-container__inner .body {\n color: #1D1D1B;\n}\n.cp-grid-container {\n padding: 4rem;\n}\n@media (max-width: 61.99em) {\n .cp-grid-container {\n padding: 2rem;\n }\n}\n.cp-grid-title {\n color: #1D1D1B;\n}\n.cp-grid-title-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: 1rem;\n}\n.cp-grid-subtitle {\n color: #1D1D1B;\n margin-bottom: 2rem;\n}\n.cp-grid-items-container.vertical {\n display: grid;\n grid-template-columns: 50% 50%;\n grid-template-rows: 33% 33% 33%;\n row-gap: 1rem;\n}\n.cp-grid-items-container.horizontal {\n display: grid;\n grid-template-columns: 33% 33% 33%;\n grid-template-rows: 50% 50%;\n row-gap: 1rem;\n column-gap: 0rem;\n}\n\n.cp-page-title {\n padding: 2rem 4rem;\n}\n@media (max-width: 61.99em) {\n .cp-page-title {\n padding: 2rem 1rem;\n }\n}\n.cp-page-title__title {\n color: #1D1D1B;\n}\n\n.cp-spacer-large {\n padding: 10rem;\n}\n.cp-spacer-medium {\n padding: 8rem;\n}\n.cp-spacer-small {\n padding: 5rem;\n}\n\n.NPO,\n#glyph-block:has(.NPO) {\n ---text: #ffff;\n ---glyphs: #ffff;\n ---lines: #ffff;\n ---gridBorder: #fff;\n ---background-color: #ff6d00;\n ---hoverBg: rgba(255, 255, 255, 0.3);\n --activeBg: #ffff;\n --fontFamily: \"NPO OTF\";\n --gridRows: 0px 0px 80px 200px 88px;\n}\n\n.Canal,\n#glyph-block:has(.Canal) {\n ---text: #ffff;\n ---glyphs: #ffff;\n ---lines: #ffff;\n ---gridBorder: #fff;\n ---background-color: #a639c2;\n ---hoverBg: rgba(255, 255, 255, 0.3);\n --activeBg: #ffff;\n --fontFamily: \"Canal OTF\";\n --gridRows: 0px 0px 0px 320px 0px;\n}\n.Canal .glyph-block-stats-xHeight,\n#glyph-block:has(.Canal) .glyph-block-stats-xHeight {\n visibility: hidden;\n}\n.Canal .glyph-block-stats-descent,\n#glyph-block:has(.Canal) .glyph-block-stats-descent {\n visibility: hidden;\n}\n\n.Benromach,\n#glyph-block:has(.Benromach) {\n ---text: #222222;\n ---glyphs: #be0f34;\n ---lines: #222222;\n ---gridBorder: #a32136;\n ---background-color: #ffffff;\n ---hoverBg: rgba(190, 15, 52, 0.2);\n --activeBg: #be0f34;\n --fontFamily: \"Benromach OTF\";\n --gridRows: 0px 0px 85px 200px 80px;\n}\n\n.Walkers,\n#glyph-block:has(.Walkers) {\n ---text: #FFFFFF;\n ---glyphs: #FFFFFF;\n ---lines: #FFFFFF;\n ---gridBorder: #FFFFFF;\n ---background-color: #87715A;\n ---hoverBg: rgba(255, 255, 255, 0.30);\n --activeBg: #ffff;\n --fontFamily: \"Aberlour OTF\";\n --gridRows: 0px 0px 79px 207px 83px;\n}\n\n.HighlandPark,\n#glyph-block:has(.HighlandPark) {\n ---text: #FFFFFF;\n ---glyphs: #FFFFFF;\n ---lines: #FFFFFF;\n ---gridBorder: #FFFFFF;\n ---background-color: #171717;\n ---hoverBg: rgba(255, 255, 255, 0.30);\n --activeBg: #FFFFFF;\n --fontFamily: \"HighlandPark OTF\";\n --gridRows: 0px 0px 88px 201px 92px;\n}\n\n@-moz-document url-prefix() {\n .glyph-block-left-char::after {\n content: \"\";\n margin-top: -0.2em;\n display: table;\n }\n .glyph-block-left-char::before {\n content: \"\";\n margin-top: -0.1em;\n display: table;\n }\n}\n.ios-device .glyph-block-left-char::after {\n content: \"\";\n margin-top: -0.2em;\n display: table;\n}\n.ios-device .glyph-block-left-char::before {\n content: \"\";\n margin-top: -0.1em;\n display: table;\n}\n\n#glyph-block {\n background-color: var(---background-color);\n}\n\n.glyph-block-container {\n display: flex;\n padding: 120px 6%;\n justify-content: center;\n align-items: flex-start;\n background-color: var(---background-color);\n font-family: var(--fontFamily);\n position: relative;\n}\n@media (max-width: 47.9275em) {\n .glyph-block-container {\n flex-direction: column;\n }\n}\n@media (max-width: 61.9375em) {\n .glyph-block-container {\n padding: 80px 20px;\n }\n}\n.glyph-block-left, .glyph-block-right {\n width: 50%;\n color: var(---text);\n}\n@media (max-width: 47.9275em) {\n .glyph-block-left, .glyph-block-right {\n width: 100%;\n }\n}\n.glyph-block-right {\n align-items: flex-start;\n display: flex;\n flex-direction: column;\n row-gap: 45px;\n flex-wrap: nowrap;\n font-weight: 500;\n height: fit-content;\n}\n@media (max-width: 47.9275em) {\n .glyph-block-right {\n flex-direction: row;\n column-gap: 6%;\n width: 100vw;\n left: -20px;\n position: relative;\n padding-left: 20px;\n padding-right: 20px;\n overflow: scroll;\n }\n}\n@media (max-width: 30em) {\n .glyph-block-right {\n flex-direction: row;\n column-gap: 20px;\n width: 100vw;\n overflow-x: scroll;\n }\n}\n@media (min-width: 47.9375em) {\n .glyph-block-left {\n top: 150px;\n position: sticky;\n }\n}\n.glyph-block-left-render {\n position: relative;\n min-height: 400px;\n margin-top: 50px;\n}\n@media (max-width: 47.9275em) {\n .glyph-block-left-render {\n min-height: 40vw;\n margin-bottom: 30px;\n }\n}\n.glyph-block-left-char {\n color: var(---glyphs);\n text-align: center;\n font-size: 400px;\n font-style: normal;\n font-weight: 500;\n line-height: 100%;\n text-box-edge: cap alphabetic;\n text-box-trim: trim-both;\n position: absolute;\n top: 0px;\n width: 100%;\n z-index: 2;\n padding-top: 1px;\n}\n.glyph-block-left-dropdowns {\n z-index: 2;\n padding-bottom: 38px;\n}\n@media (min-width: 89.9375em) {\n .glyph-block-left-dropdowns {\n padding-bottom: 50px;\n }\n}\n@media (min-width: 119.9375em) {\n .glyph-block-left-dropdowns {\n padding-bottom: 72px;\n }\n}\n@media (min-width: 100em) {\n .glyph-block-left-dropdowns {\n padding-bottom: 80px;\n }\n}\n.glyph-block-left-dropdowns h5 {\n color: var(---text);\n padding-bottom: 6px;\n}\n@media (min-width: 119.9375em) {\n .glyph-block-left-dropdowns h5 {\n padding-bottom: 2px;\n }\n}\n.glyph-block-left-dropdowns select {\n color: var(---text);\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 1px solid;\n border-color: inherit;\n border-radius: 25px;\n padding: 5px 30px 5px 16px;\n width: fit-content;\n background: url(\"/src/img/icons/arrow_down.svg\") 95%/20px no-repeat transparent;\n margin-right: 22px;\n font-family: \"D8 Sans BD Regular 400\" !important;\n font-weight: 400;\n font-size: 16px;\n}\n.glyph-block-left-dropdowns option {\n background: var(---background-color);\n border: 0;\n}\n.glyph-block-left-dropdowns option:hover {\n background: var(---hoverBg);\n}\n.glyph-block-stats {\n display: grid;\n grid-template-rows: var(--gridRows);\n position: absolute;\n width: 100%;\n top: 0px;\n}\n.glyph-block-stats-container {\n position: absolute;\n width: 100%;\n}\n.glyph-block-stats-ascender {\n grid-row: 2;\n}\n.glyph-block-stats-capHeight {\n grid-row: 3;\n}\n.glyph-block-stats-xHeight {\n grid-row: 4;\n}\n.glyph-block-stats-baseline {\n grid-row: 5;\n}\n.glyph-block-stats-descent {\n grid-row: 6;\n}\n.glyph-block-stats-ascender {\n position: relative;\n}\n.glyph-block-stats-text {\n margin-top: -10px;\n white-space: nowrap;\n font-family: \"D8 Sans BD Regular 400\" !important;\n font-weight: 400;\n font-size: 16px;\n position: relative;\n top: -28px;\n}\n.glyph-block-stats-line {\n display: block;\n background-image: linear-gradient(to left, var(---text) 50%, rgba(255, 255, 255, 0) 0%);\n background-position: top;\n background-size: 8px 1px;\n background-repeat: repeat-x;\n width: 95%;\n height: 2px;\n position: absolute;\n top: 0;\n}\n@media (min-width: 47.9375em) and (max-width: 61.99em) {\n .glyph-block-stats {\n font-size: 33px;\n }\n}\n@media (max-width: 47.9275em) {\n .glyph-block-stats {\n font-size: 20px;\n }\n}\n.glyph-block-title {\n font-family: \"D8 Sans BD Regular 400\" !important;\n font-weight: 400;\n font-size: 16px;\n color: var(---text);\n}\n.glyph-block-char-container {\n align-items: flex-start;\n display: flex;\n flex-direction: column;\n gap: 7.2px;\n width: 100%;\n height: fit-content;\n}\n@media (max-width: 47.9275em) {\n .glyph-block-char-container {\n width: 100vw;\n min-width: calc(100vw - 12%);\n }\n}\n@media (max-width: 30em) {\n .glyph-block-char-container {\n min-width: calc(100vw - 40px);\n }\n}\n.glyph-block-char-grid {\n align-content: center;\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n justify-content: center;\n justify-items: center;\n align-items: center;\n width: 100%;\n height: fit-content;\n}\n.glyph-block-char-grid div {\n background: var(---background-color);\n width: 100%;\n aspect-ratio: 1/1;\n align-self: center;\n text-align: center;\n align-content: center;\n border: 1px solid var(---gridBorder);\n border-right: none;\n color: var(---glyphs);\n text-align: center;\n font-size: calc(30px + 1vw);\n font-style: normal;\n line-height: 100%;\n}\n@media (max-width: 47.9275em) {\n .glyph-block-char-grid div {\n font-size: calc(35px + 1vw);\n }\n}\n.glyph-block-char-grid div:hover {\n background: var(---hoverBg);\n}\n.glyph-block-char-grid div:nth-child(7n) {\n border-right: 1px solid var(---gridBorder);\n}\n.glyph-block-char-grid div:last-child {\n border-right: 1px solid var(---gridBorder);\n}\n.glyph-block-char-grid div:nth-child(n+8) {\n border-top: none;\n}\n.glyph-block-char-grid div:nth-child(26n) {\n width: calc(100% + 1px);\n margin-right: -1px;\n height: 100%;\n aspect-ratio: auto;\n}\n.glyph-block-right-mobile-gradient, .glyph-block-left-mobile-gradient {\n position: absolute;\n bottom: 0;\n height: 50%;\n pointer-events: none;\n z-index: 2;\n}\n@media (min-width: 47.9375em) {\n .glyph-block-right-mobile-gradient, .glyph-block-left-mobile-gradient {\n display: none;\n }\n}\n.glyph-block-right-mobile-gradient {\n right: 0;\n width: 64px;\n background: linear-gradient(to left, var(---background-color), rgba(255, 255, 255, 0));\n}\n.glyph-block-left-mobile-gradient {\n left: 0;\n width: 12px;\n background: linear-gradient(to right, var(---background-color), rgba(255, 255, 255, 0));\n}\n\n.glyph-character.active {\n color: var(---background-color);\n background-color: var(---glyphs) !important;\n}\n\n.glyph-character {\n cursor: pointer;\n}\n\n#selectFontStyle {\n margin-top: 8px;\n}\n\n.Canal input[type=range].styled-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 18px;\n height: 18px;\n border-radius: 50px;\n background: #FFFFFF;\n border: 2px solid var(---background-color);\n margin-top: -9px;\n}\n\n.Canal input[type=range].styled-slider::-webkit-slider-runnable-track {\n height: 2px;\n background: #FFFFFF;\n}\n\n.Canal input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {\n background: #FFFFFF;\n}\n\n/*mozilla*/\n.Canal input[type=range].styled-slider::-moz-range-thumb {\n width: 16px;\n height: 16px;\n border-radius: 50px;\n background: #FFFFFF;\n border: 2px solid var(---background-color);\n}\n\n.Canal input[type=range].styled-slider::-moz-range-track {\n height: 0px;\n background: #FFFFFF;\n box-shadow: none;\n}\n\n.Canal input[type=range].styled-slider.slider-progress::-moz-range-track {\n background: #FFFFFF;\n}\n\n/*ms*/\n.Canal input[type=range].styled-slider::-ms-fill-upper {\n background: transparent;\n border-color: transparent;\n}\n\n.Canal input[type=range].styled-slider::-ms-fill-lower {\n background: transparent;\n border-color: transparent;\n}\n\n.Canal input[type=range].styled-slider::-ms-thumb {\n width: 18px;\n height: 18px;\n border-radius: 50px;\n background: #F06;\n border: 2px solid var(---background-color);\n margin-top: 0;\n box-sizing: border-box;\n}\n\n.Canal input[type=range].styled-slider::-ms-track {\n height: 2px;\n background: #FFFFFF;\n box-shadow: none;\n box-sizing: border-box;\n}\n\n.Canal input[type=range].styled-slider.slider-progress::-ms-fill-lower {\n height: 0px;\n border-radius: 0.5em 0 0 0.5em;\n margin: -1px 0 -1px -1px;\n background: #F06;\n border-right-width: 0;\n}\n\n.ios-device .glyph-block-char-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.ios-device .glyph-block-char-grid .glyph-character {\n height: 100%;\n width: 14%;\n aspect-ratio: 1/1;\n}\n\n.regular400 {\n --fontFamily: \"D8 Sans BD Regular 400\";\n --fontWeight:400;\n}\n\n.medium500 {\n --fontFamily: \"D8 Sans BD Medium 500\";\n --fontWeight:500;\n}\n\n.medium550 {\n --fontFamily: \"D8 Sans BD Medium 550\";\n --fontWeight:550;\n}\n\n.bold650 {\n --fontFamily: \"D8 Sans BD Bold 650\";\n --fontWeight:650;\n}\n\n.bold700 {\n --fontFamily: \"D8 Sans BD Bold 700\";\n --fontWeight:700;\n}\n\n.\\30 db {\n --fontFamily: \"Canal\";\n --fontWeight: 100;\n}\n\n.\\31 35db {\n --fontFamily: \"Canal\";\n --fontWeight: 900;\n}\n\n.font-specimen-block-container.D8Sans {\n background-color: #FFFFFF;\n color: #1D1D1B;\n}\n.font-specimen-block-container.D8Sans .font-specimen-element-text {\n letter-spacing: -4.8px;\n}\n@media (max-width: 89.9275em) {\n .font-specimen-block-container.D8Sans .font-specimen-element-text {\n letter-spacing: -3.3px;\n }\n}\n@media (max-width: 61.99em) {\n .font-specimen-block-container.D8Sans .font-specimen-element-text {\n letter-spacing: -2.79px;\n }\n}\n@media (max-width: 47.9275em) {\n .font-specimen-block-container.D8Sans .font-specimen-element-text {\n letter-spacing: -1.74px;\n }\n}\n@media (max-width: 29.9275em) {\n .font-specimen-block-container.D8Sans .font-specimen-element-text {\n letter-spacing: -1.44px;\n }\n}\n.font-specimen-block-container.Canal {\n --fontFamily:\"Canal\";\n background-color: #262626;\n color: #FFFFFF;\n}\n.font-specimen-block-container.Canal .font-specimen-name {\n color: #F06;\n}\n.font-specimen-block-container.Benromach {\n background-color: #DAD6CB;\n color: #BE0F34;\n}\n.font-specimen-block-container.Benromach .font-specimen-name {\n color: #1D1D1B;\n}\n.font-specimen-block-container.Walkers {\n background-color: #F6F6F6;\n color: #1D1D1B;\n}\n.font-specimen-block-inner-container {\n padding: 120px 6%;\n gap: 80px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n@media (max-width: 61.99em) {\n .font-specimen-block-inner-container {\n padding: 80px 6%;\n gap: 40px;\n }\n}\n@media (max-width: 29.9275em) {\n .font-specimen-block-inner-container {\n padding: 80px 20px;\n }\n}\n@media (max-width: 61.99em) {\n .font-specimen-block-cta {\n margin-top: 20px;\n }\n}\n\n.font-specimen-element {\n display: flex;\n flex-direction: column;\n gap: 32px;\n align-items: flex-start;\n width: 100%;\n}\n@media (max-width: 61.99em) {\n .font-specimen-element {\n gap: 20px;\n }\n}\n.font-specimen-element-details {\n gap: 12px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n z-index: 4;\n}\n.font-specimen-element-details .font-specimen-name {\n color: inherit;\n}\n.font-specimen-element-text > p {\n font-family: var(--fontFamily);\n font-weight: var(--fontWeight);\n line-height: 100%;\n text-box-edge: cap alphabetic;\n text-box-trim: trim-both;\n color: inherit;\n}\n@media (min-width: 89.9375em) {\n .font-specimen-element-text > p {\n font-size: 160px;\n min-height: 0vw;\n }\n}\n@media (max-width: 89.9275em) {\n .font-specimen-element-text > p {\n font-size: clamp(32px, 10vw, 160px);\n }\n}\n@media (max-width: 61.99em) {\n .font-specimen-element-text > p {\n font-size: clamp(32px, 10vw, 160px);\n }\n}\n@media (max-width: 47.9275em) {\n .font-specimen-element-text > p {\n font-size: clamp(32px, 13vw, 160px);\n }\n}\n@media (max-width: 29.9275em) {\n .font-specimen-element-text > p {\n font-size: clamp(32px, 12vw, 84px);\n }\n}\n.font-specimen-element-text > p.aberlour#sample-text-w2 {\n font-variant: small-caps;\n}\n.font-specimen-element-dropdown {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n color: inherit;\n border: 1px solid;\n border-color: inherit;\n border-radius: 25px;\n padding: 5px 30px 5px 16px;\n width: fit-content;\n background: url(\"/src/img/icons/arrow_down.svg\") 95%/20px no-repeat transparent;\n}\n\n.styled-slider {\n cursor: grab;\n}\n\n@-moz-document url-prefix() {\n .font-specimen-element-text > p::after {\n content: \"\";\n margin-top: -0.2em;\n display: table;\n }\n .font-specimen-element-text > p::before {\n content: \"\";\n margin-top: -0.1em;\n display: table;\n }\n}\ninput[type=range].styled-slider {\n height: 2px;\n -webkit-appearance: none;\n}\n\n/*progress support*/\ninput[type=range].styled-slider.slider-progress {\n --range: calc(var(--max) - var(--min));\n --ratio: calc((var(--value) - var(--min)) / var(--range));\n --sx: calc(0.5 * 18px + var(--ratio) * (100% - 18px));\n}\n\n/*webkit*/\n#font-specimen-block input[type=range].styled-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 18px;\n height: 18px;\n border-radius: 50px;\n background: #F06;\n border: 2px solid #262626;\n margin-top: -9px;\n}\n\n#font-specimen-block input[type=range].styled-slider::-webkit-slider-runnable-track {\n height: 2px;\n background: #FFFFFF;\n}\n\n#font-specimen-block input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {\n background: linear-gradient(#F06, #F06) 0/var(--sx) 100% no-repeat, #FFFFFF;\n}\n\n/*mozilla*/\n#font-specimen-block input[type=range].styled-slider::-moz-range-thumb {\n width: 16px;\n height: 16px;\n border-radius: 50px;\n background: #F06;\n border: 2px solid #262626;\n}\n\n#font-specimen-block input[type=range].styled-slider::-moz-range-track {\n height: 0px;\n background: #FFFFFF;\n box-shadow: none;\n}\n\n#font-specimen-block input[type=range].styled-slider.slider-progress::-moz-range-track {\n background: linear-gradient(#F06, #F06) 0/var(--sx) 100% no-repeat, #FFFFFF;\n}\n\n/*ms*/\n#font-specimen-block input[type=range].styled-slider::-ms-fill-upper {\n background: transparent;\n border-color: transparent;\n}\n\n#font-specimen-block input[type=range].styled-slider::-ms-fill-lower {\n background: transparent;\n border-color: transparent;\n}\n\n#font-specimen-block input[type=range].styled-slider::-ms-thumb {\n width: 18px;\n height: 18px;\n border-radius: 50px;\n background: #F06;\n border: 2px solid #262626;\n margin-top: 0;\n box-sizing: border-box;\n}\n\n#font-specimen-block input[type=range].styled-slider::-ms-track {\n height: 2px;\n background: #FFFFFF;\n box-shadow: none;\n box-sizing: border-box;\n}\n\n#font-specimen-block input[type=range].styled-slider.slider-progress::-ms-fill-lower {\n height: 0px;\n border-radius: 0.5em 0 0 0.5em;\n margin: -1px 0 -1px -1px;\n background: #F06;\n border-right-width: 0;\n}\n\n.specimen-background-\\#ffffff {\n background: url(\"/src/img/icons/arrow_down_black.svg\") 95%/20px no-repeat transparent;\n}\n\n.font-specimen-block-inner-container .font-aberlour-regular:nth-of-type(2) .font-specimen-element-text {\n font-variant: small-caps;\n}\n@media (min-width: 62em) {\n .font-specimen-block-inner-container .font-aberlour-regular:nth-of-type(2) .font-specimen-element-text p {\n margin-top: -40px;\n }\n}\n@media (max-width: 61.99em) {\n .font-specimen-block-inner-container .font-aberlour-regular:nth-of-type(2) .font-specimen-element-text p {\n margin-top: -16px;\n }\n}\n\n.single-media-block-container.box-pad {\n padding: 120px 6%;\n}\n@media (max-width: 61.99em) {\n .single-media-block-container.box-pad {\n padding: 80px 6%;\n }\n}\n@media (max-width: 29.9275em) {\n .single-media-block-container.box-pad {\n padding: 80px 20px;\n }\n}\n.single-media-block-item .single-media-img {\n width: 100%;\n aspect-ratio: 16/9;\n}\n.single-media-block-item .rive-element-canvas {\n height: 100%;\n}\n.single-media-block-item .rive-element-canvas .rive-element-animation {\n aspect-ratio: 16/9;\n height: 100%;\n object-fit: cover;\n vertical-align: middle;\n width: 100%;\n}\n.single-media-block .videdo-vimeo-fallback-image {\n width: 100%;\n}\n\n.text-block {\n padding: 120px 6%;\n align-content: center;\n}\n.text-block.is-top-padding-True {\n padding: 98px 6%;\n}\n@media (max-width: 61.99em) {\n .text-block.is-top-padding-True {\n padding: 8px 6%;\n }\n}\n@media (max-width: 29.9275em) {\n .text-block.is-top-padding-True {\n padding: 8px 20px;\n }\n}\n@media (max-width: 61.99em) {\n .text-block {\n padding: 80px 6%;\n }\n}\n@media (max-width: 29.9275em) {\n .text-block {\n padding: 80px 20px;\n }\n}\n.text-block-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 120px;\n}\n@media (max-width: 89.9275em) {\n .text-block-container {\n gap: 80px;\n }\n}\n@media (max-width: 61.99em) {\n .text-block-container {\n gap: 40px;\n }\n}\n.text-block-header {\n padding-bottom: 20px;\n width: 100%;\n}\n.text-block-header h2 {\n font-family: \"D8 Sans BD Headline Medium\";\n font-size: 60px;\n letter-spacing: -1.2px;\n line-height: 110%;\n min-height: 0vw;\n}\n@media (min-width: 100em) {\n .text-block-header h2 {\n font-size: calc(12.5rem + 1vw - 16px);\n letter-spacing: -6px;\n line-height: 100%;\n }\n}\n@media (min-width: 62em) and (max-width: 99.99em) {\n .text-block-header h2 {\n font-size: 160px;\n letter-spacing: -4.8px;\n }\n}\n.text-block-subheading {\n width: 90%;\n}\n@media (max-width: 89.9275em) {\n .text-block-subheading {\n padding-bottom: 40px;\n }\n}\n@media (max-width: 61.99em) {\n .text-block-subheading {\n padding-bottom: 0;\n }\n}\n.text-block-body {\n color: #1D1D1B;\n width: 60%;\n align-self: end;\n}\n.text-block-body h2 {\n margin: 40px 0;\n}\n@media (max-width: 61.99em) {\n .text-block-body h2 {\n margin: 28px 0;\n }\n}\n.text-block-body h2 a {\n font-family: \"D8 Sans BD Text Medium\" !important;\n}\n.text-block-body h2 a::after {\n height: 2px;\n}\n.text-block-body h3 {\n margin-bottom: 28px;\n}\n@media (max-width: 61.99em) {\n .text-block-body {\n width: 100%;\n }\n}\n@supports (hanging-punctuation: first) {\n span.quote {\n text-indent: 0;\n hanging-punctuation: first;\n }\n}\nspan.quote {\n position: relative;\n}\n\nspan.quote::before,\nspan.quote::after {\n position: absolute;\n}\n\nspan.quote::before {\n content: \"“\";\n left: -0.4em;\n}\n@media (max-width: 61.99em) {\n span.quote::before {\n left: -0.33em;\n }\n}\n\nspan.quote::after {\n content: \"”\";\n}\n\n.text-block-container .text-block-body:first-of-type h2:first-of-type {\n margin-top: 0;\n}\n\n.double-media-block-container {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n padding: 120px 6%;\n}\n.double-media-block-container.normal-padding {\n padding: 120px 6%;\n gap: 149px;\n}\n@media (max-width: 99.99em) {\n .double-media-block-container.normal-padding {\n gap: 136px;\n }\n}\n@media (max-width: 89.9275em) {\n .double-media-block-container.normal-padding {\n gap: 89px;\n }\n}\n@media (max-width: 61.99em) {\n .double-media-block-container.normal-padding {\n gap: 69px;\n padding: 80px 6%;\n }\n}\n@media (max-width: 47.9275em) {\n .double-media-block-container.normal-padding {\n gap: 40px;\n }\n}\n@media (max-width: 29.9275em) {\n .double-media-block-container.normal-padding {\n padding: 80px 20px;\n }\n}\n.double-media-block-container.full-bleed, .double-media-block-container.full-bleed-left, .double-media-block-container.full-bleed-right {\n gap: 0;\n padding: 0;\n}\n.double-media-block-container.full-bleed {\n margin: 0 !important;\n max-width: 100% !important;\n}\n.double-media-block-container.full-bleed-left .double-media-block-right {\n padding: 120px 6%;\n}\n@media (max-width: 61.99em) {\n .double-media-block-container.full-bleed-left .double-media-block-right {\n padding: 80px 6%;\n }\n}\n@media (max-width: 29.9275em) {\n .double-media-block-container.full-bleed-left .double-media-block-right {\n padding: 80px 20px;\n }\n}\n.double-media-block-container.full-bleed-right .double-media-block-left {\n padding: 120px 6%;\n}\n@media (max-width: 61.99em) {\n .double-media-block-container.full-bleed-right .double-media-block-left {\n padding: 80px 6%;\n }\n}\n@media (max-width: 29.9275em) {\n .double-media-block-container.full-bleed-right .double-media-block-left {\n padding: 80px 20px;\n }\n}\n@media (max-width: 47.9275em) {\n .double-media-block-container {\n flex-direction: column;\n }\n}\n.double-media-block-left, .double-media-block-right {\n width: 50%;\n max-height: 100vh;\n}\n.double-media-block-left .double-media-block-img, .double-media-block-right .double-media-block-img {\n object-fit: cover;\n}\n.double-media-block-left.textElement, .double-media-block-right.textElement {\n width: 50%;\n align-self: center;\n}\n.double-media-block-left.videoElement .double-media-block-img, .double-media-block-right.videoElement .double-media-block-img {\n height: 100%;\n width: 100%;\n object-fit: cover;\n object-position: center;\n}\n@media (max-width: 47.9275em) {\n .double-media-block-left.videoElement .double-media-block-img, .double-media-block-right.videoElement .double-media-block-img {\n min-height: 600px;\n }\n}\n.double-media-block-left.riveElement .rive-element-canvas, .double-media-block-right.riveElement .rive-element-canvas {\n height: 100%;\n}\n.double-media-block-left.riveElement .rive-element-animation, .double-media-block-right.riveElement .rive-element-animation {\n aspect-ratio: 4/5;\n height: 100%;\n object-fit: cover;\n vertical-align: middle;\n width: 100%;\n}\n@media (max-width: 47.9275em) {\n .double-media-block-left, .double-media-block-right {\n width: 100%;\n }\n .double-media-block-left.textElement, .double-media-block-right.textElement {\n width: 100%;\n }\n}\n.double-media-block-img {\n height: 100%;\n width: 100%;\n aspect-ratio: 4/5;\n}\n\n.double-media-block-container.full-bleed-right.site-margin,\n.double-media-block-container.full-bleed-left.site-margin {\n max-width: unset !important;\n}\n\n.call-to-action-block {\n height: 100vh;\n}\n@media (max-width: 61.99em) {\n .call-to-action-block {\n height: 80vh;\n }\n}\n.call-to-action-block-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 100%;\n}\n@media (max-width: 47.9275em) {\n .call-to-action-block-container {\n flex-direction: column;\n }\n}\n.call-to-action-block-left {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 60px;\n padding: 0 0 0 6%;\n max-width: 1000px;\n}\n@media (min-width: 137.5em) {\n .call-to-action-block-left {\n padding-left: 0;\n width: 1000px;\n }\n}\n@media (max-width: 47.9275em) {\n .call-to-action-block-left {\n padding: 0;\n }\n}\n.call-to-action-block-left-container {\n width: 50%;\n}\n@media (max-width: 47.9275em) {\n .call-to-action-block-left-container {\n gap: 32px;\n height: 50%;\n padding: 40px 6%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n@media (max-width: 29.9275em) {\n .call-to-action-block-left-container {\n padding: 40px 20px;\n }\n}\n@media (min-width: 137.5em) {\n .call-to-action-block-left-container {\n display: flex;\n justify-content: flex-end;\n }\n}\n.call-to-action-block-right {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50%;\n height: 100%;\n position: relative;\n}\n@media (min-width: 62em) and (max-width: 89.9275em) {\n .call-to-action-block-right {\n justify-content: flex-end;\n }\n}\n@media (min-width: 47.9375em) {\n .call-to-action-block-right {\n background: linear-gradient(#fff, #fff 50%, #ebebeb 50%, #ebebeb);\n background-size: 100% 200%;\n transition: background 1.5s cubic-bezier(0.08, 0.08, 0.37, 1);\n }\n .call-to-action-block-right.animate {\n background-position: 100% 100%;\n }\n .call-to-action-block-right.animate .intro {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@media (max-width: 47.9275em) {\n .call-to-action-block-right {\n height: 50%;\n padding: 40px 6%;\n width: 100%;\n background-color: #ebebeb;\n }\n}\n@media (max-width: 29.9275em) {\n .call-to-action-block-right {\n padding: 40px 20px;\n }\n}\n@media (min-width: 137.5em) {\n .call-to-action-block-right {\n justify-content: flex-start;\n }\n}\n.call-to-action-block-right .intro {\n position: relative;\n z-index: 1;\n opacity: 0;\n transition: all 1s cubic-bezier(0.08, 0.08, 0.37, 1) 0.5s;\n transform: translateY(2rem);\n}\n.call-to-action-block-right .intro a {\n border-bottom: 1px solid black;\n}\n.call-to-action-block-right .intro a:after {\n display: none;\n}\n@media (min-width: 137.5em) {\n .call-to-action-block-right-container {\n max-width: 1000px;\n width: 1000px;\n }\n}\n.call-to-action-block-title {\n width: 70%;\n}\n@media (min-width: 47.9375em) and (max-width: 89.9275em) {\n .call-to-action-block-title {\n width: 90%;\n }\n}\n@media (max-width: 47.9275em) {\n .call-to-action-block-title {\n width: 100%;\n }\n}\n@media (max-width: 47.9275em) {\n .call-to-action-block-cta {\n width: 100% !important;\n }\n}\n.call-to-action-block-link {\n position: absolute !important;\n top: 0;\n left: 0;\n width: 100% !important;\n height: 100%;\n}\n@media (max-width: 47.9275em) {\n .call-to-action-block-link {\n padding: 40px 6%;\n }\n}\n@media (max-width: 29.9275em) {\n .call-to-action-block-link {\n padding: 40px 20px;\n }\n}\n.call-to-action-block-link::after {\n display: none;\n}\n@media (min-width: 47.9375em) {\n .call-to-action-block-link {\n background: linear-gradient(to left, transparent 50%, #ffe976 50%) right;\n background-size: 202% 100%;\n transition: background 0.3s cubic-bezier(0.08, 0.08, 0.37, 1);\n }\n .call-to-action-block-link:hover {\n background-position: left;\n transition: background 0.3s cubic-bezier(0.08, 0.08, 0.37, 1);\n }\n}\n.call-to-action-block-subtitle {\n overflow: hidden;\n}\n.call-to-action-block-subtitle a {\n font-family: inherit;\n}\n.call-to-action-block-subtitle p {\n pointer-events: none;\n}\n@media (min-width: 47.9375em) and (max-width: 89.9275em) {\n .call-to-action-block-subtitle {\n width: 80%;\n }\n}\n@media (max-width: 47.9275em) {\n .call-to-action-block-subtitle {\n width: 100%;\n }\n}\n@media (min-width: 137.5em) {\n .call-to-action-block-subtitle {\n width: 100%;\n }\n}\n.call-to-action-block-subtitle-container {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n width: 60%;\n width: 100%;\n height: 100%;\n}\n@media (min-width: 137.5em) {\n .call-to-action-block-subtitle-container {\n display: flex;\n justify-content: flex-start;\n width: 1000px;\n max-width: 1000px;\n padding-left: 200px;\n }\n}\n.call-to-action-block-aos {\n pointer-events: none !important;\n}\n\n.quote-block {\n background-color: #EBEBEB;\n}\n@media (max-width: 61.99em) {\n .quote-block {\n padding: 0 0;\n }\n}\n@media (max-width: 29.9275em) {\n .quote-block {\n padding: 0 0;\n }\n}\n.quote-block-container {\n padding: 120px 6%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n}\n@media (max-width: 61.99em) {\n .quote-block-container {\n padding: 80px 6%;\n }\n}\n@media (max-width: 29.9275em) {\n .quote-block-container {\n padding: 80px 20px;\n }\n}\n@media (max-width: 61.99em) {\n .quote-block-container {\n gap: 20px;\n flex-direction: column-reverse;\n }\n}\n.quote-block-quotee {\n width: 25%;\n}\n@media (max-width: 61.99em) {\n .quote-block-quotee {\n width: 90%;\n }\n}\n.quote-block-quotation {\n width: 60%;\n margin: 0;\n}\n@media (max-width: 61.99em) {\n .quote-block-quotation {\n width: 100%;\n }\n}\n\n@supports (hanging-punctuation: first) {\n span.quote {\n text-indent: 0;\n hanging-punctuation: first;\n }\n}\nspan.quote-block-quotation,\nspan.quote-block-quotation::after {\n position: relative;\n}\n\nspan.quote-block-quotation::before {\n position: absolute;\n}\n\nspan.quote-block-quotation::before {\n content: \"“\";\n left: -15px;\n opacity: var(--quote-opacity, 0);\n}\n@media (min-width: 29.9375em) {\n span.quote-block-quotation::before {\n left: -22px;\n }\n}\n.ios-device span.quote-block-quotation::before {\n left: 0px;\n}\n\nspan.quote-block-quotation::after {\n content: none;\n}\n\n.testimonial-characters-container {\n overflow: hidden;\n}\n\n.testimonial-characters {\n bottom: -0.3em;\n position: relative;\n opacity: 0;\n animation: move-text 0.3s forwards;\n animation-timing-function: linear;\n}\n\n@keyframes move-text {\n 0% {\n bottom: -0.75em;\n opacity: 1;\n }\n 100% {\n bottom: 0;\n opacity: 1;\n }\n}\n.featured-block-entry-point {\n scroll-margin-top: 0;\n}\n\n.featured-block-wrapper {\n height: 100vh;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n scrollbar-width: none;\n height: auto;\n max-height: none;\n overflow-y: visible;\n overscroll-behavior: contain;\n position: relative;\n scroll-behavior: smooth;\n}\n.overflow-hidden .featured-block-wrapper {\n overflow-y: hidden;\n}\n\n.overflow-auto .featured-block-wrapper {\n overflow-y: auto;\n}\n\n.featured-block-wrapper::-webkit-scrollbar {\n display: none; /* Safari and Chrome */\n}\n\n.featured-slide {\n height: 100vh;\n width: 100%;\n position: sticky;\n top: 0;\n background: #111;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.featured-content-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 6%;\n width: 100%;\n height: 100%;\n gap: 2rem;\n}\n@media (max-width: 768px) {\n .featured-content-container {\n flex-direction: column;\n justify-content: center;\n padding: 0 5%;\n gap: 1.5rem;\n align-items: flex-start;\n }\n}\n\n.featured-text-content {\n width: 50%;\n z-index: 2;\n overflow: hidden;\n}\n.featured-text-content .featured-text-content-header {\n margin-bottom: 1rem;\n color: inherit;\n}\n.featured-text-content p {\n line-height: 1.5;\n color: inherit;\n}\n@media (max-width: 768px) {\n .featured-text-content {\n width: 100%;\n text-align: center;\n padding-top: 120px;\n text-align: left;\n overflow: visible;\n }\n}\n\n@media (max-width: 768px) {\n .featured-text-inner-scroll p {\n font-size: 17px;\n }\n}\n@media (min-width: 1440px) {\n .featured-text-inner-scroll p {\n max-width: 75%;\n text-wrap: wrap;\n }\n}\n\n.featured-rive-canvas {\n height: 100%;\n width: 100%;\n object-fit: contain;\n aspect-ratio: 1/1;\n}\n@media (max-width: 768px) {\n .featured-rive-canvas {\n height: 100%;\n }\n}\n\n.featured-rive-canvas-content {\n height: 100%;\n width: 50%;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n@media (max-width: 768px) {\n .featured-rive-canvas-content {\n max-width: 100%;\n width: 100%;\n }\n}\n\n.featured-fallback-message {\n padding: 2rem;\n text-align: center;\n color: #aaa;\n font-style: italic;\n}\n\n@media (max-width: 768px) {\n .featured-block-wrapper {\n overscroll-behavior-y: auto; /* or auto if contain still traps scroll */\n }\n}\n/* Scrollbar */\n.swiper-scrollbar {\n border-radius: 10px;\n position: relative;\n -ms-touch-action: none;\n background: rgba(0, 0, 0, 0.1);\n}\n.swiper-container-horizontal > .swiper-scrollbar {\n position: absolute;\n left: 0%;\n bottom: 3px;\n z-index: 50;\n height: 5px;\n width: 70%;\n}\n.swiper-container-horizontal > .swiper-scrollbar-employee-carousel {\n border-radius: 10px;\n position: relative;\n -ms-touch-action: none;\n background: rgba(0, 0, 0, 0.1);\n position: absolute;\n left: 0%;\n bottom: 3px;\n z-index: 50;\n height: 5px;\n width: 70%;\n}\n@media (max-width: 61.99em) {\n .swiper-container-horizontal > .swiper-scrollbar-employee-carousel {\n position: absolute;\n left: 0%;\n bottom: 1vh;\n z-index: 50;\n height: 5px;\n width: 68vw;\n }\n}\n@media (max-width: 61.99em) {\n .swiper-container-horizontal > .swiper-scrollbar {\n position: absolute;\n left: 0%;\n bottom: -6vh;\n z-index: 50;\n height: 5px;\n width: 80vw;\n }\n}\n.swiper-container-vertical > .swiper-scrollbar {\n position: absolute;\n right: 3px;\n top: 1%;\n z-index: 50;\n width: 5px;\n height: 98%;\n}\n\n.swiper-scrollbar-drag {\n height: 100%;\n width: 100%;\n position: relative;\n background: rgb(255, 255, 255);\n border-radius: 10px;\n left: 0;\n top: 0;\n}\n\n.swiper-scrollbar-cursor-drag {\n cursor: move;\n}\n\n.swiper-scrollbar-lock {\n display: none;\n}\n\n.splide__container {\n box-sizing: border-box;\n position: relative;\n}\n\n.splide__list {\n backface-visibility: hidden;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.splide.is-initialized:not(.is-active) .splide__list {\n display: block;\n}\n\n.splide__pagination {\n -ms-flex-align: center;\n align-items: center;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-pack: center;\n justify-content: center;\n margin: 0;\n pointer-events: none;\n}\n\n.splide__pagination li {\n display: inline-block;\n line-height: 1;\n list-style-type: none;\n margin: 0;\n pointer-events: auto;\n}\n\n.splide:not(.is-overflow) .splide__pagination {\n display: none;\n}\n\n.splide__progress__bar {\n width: 0;\n}\n\n.splide {\n position: relative;\n visibility: hidden;\n}\n\n.splide.is-initialized, .splide.is-rendered {\n visibility: visible;\n}\n\n.splide__slide {\n backface-visibility: hidden;\n box-sizing: border-box;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n list-style-type: none !important;\n margin: 0;\n position: relative;\n}\n\n.splide__slide img {\n vertical-align: bottom;\n}\n\n.splide__spinner {\n animation: splide-loading 1s linear infinite;\n border: 2px solid #999;\n border-left-color: transparent;\n border-radius: 50%;\n bottom: 0;\n contain: strict;\n display: inline-block;\n height: 20px;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n width: 20px;\n}\n\n.splide__sr {\n clip: rect(0 0 0 0);\n border: 0;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {\n display: none;\n}\n\n.splide__toggle.is-active .splide__toggle__pause {\n display: inline;\n}\n\n.splide__track {\n overflow: hidden;\n position: relative;\n z-index: 0;\n}\n\n@keyframes splide-loading {\n 0% {\n transform: rotate(0);\n }\n to {\n transform: rotate(1turn);\n }\n}\n.splide__track--draggable {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.splide__track--fade > .splide__list > .splide__slide {\n margin: 0 !important;\n opacity: 0;\n z-index: 0;\n}\n\n.splide__track--fade > .splide__list > .splide__slide.is-active {\n opacity: 1;\n z-index: 1;\n}\n\n.splide--rtl {\n direction: rtl;\n}\n\n.splide__track--ttb > .splide__list {\n display: block;\n}\n\n.splide__arrow {\n -ms-flex-align: center;\n align-items: center;\n background: #ccc;\n border: 0;\n border-radius: 50%;\n cursor: pointer;\n display: -ms-flexbox;\n display: flex;\n height: 2em;\n -ms-flex-pack: center;\n justify-content: center;\n opacity: 0.7;\n padding: 0;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 2em;\n z-index: 1;\n}\n\n.splide__arrow svg {\n fill: #000;\n height: 1.2em;\n width: 1.2em;\n}\n\n.splide__arrow:hover:not(:disabled) {\n opacity: 0.9;\n}\n\n.splide__arrow:disabled {\n opacity: 0.3;\n}\n\n.splide__arrow:focus-visible {\n outline: 3px solid #0bf;\n outline-offset: 3px;\n}\n\n.splide__arrow--prev {\n left: 1em;\n}\n\n.splide__arrow--prev svg {\n transform: scaleX(-1);\n}\n\n.splide__arrow--next {\n right: 1em;\n}\n\n.splide.is-focus-in .splide__arrow:focus {\n outline: 3px solid #0bf;\n outline-offset: 3px;\n}\n\n.splide__pagination {\n bottom: 0.5em;\n left: 0;\n padding: 0 1em;\n position: absolute;\n right: 0;\n z-index: 1;\n}\n\n.splide__pagination__page {\n background: #ccc;\n border: 0;\n border-radius: 50%;\n display: inline-block;\n height: 8px;\n margin: 3px;\n opacity: 0.7;\n padding: 0;\n position: relative;\n transition: transform 0.2s linear;\n width: 8px;\n}\n\n.splide__pagination__page.is-active {\n background: #fff;\n transform: scale(1.4);\n z-index: 1;\n}\n\n.splide__pagination__page:hover {\n cursor: pointer;\n opacity: 0.9;\n}\n\n.splide__pagination__page:focus-visible {\n outline: 3px solid #0bf;\n outline-offset: 3px;\n}\n\n.splide.is-focus-in .splide__pagination__page:focus {\n outline: 3px solid #0bf;\n outline-offset: 3px;\n}\n\n.splide__progress__bar {\n background: #ccc;\n height: 3px;\n}\n\n.splide__slide {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.splide__slide:focus {\n outline: 0;\n}\n\n@supports (outline-offset: -3px) {\n .splide__slide:focus-visible {\n outline: 3px solid #0bf;\n outline-offset: -3px;\n }\n}\n@media screen and (-ms-high-contrast: none) {\n .splide__slide:focus-visible {\n border: 3px solid #0bf;\n }\n}\n@supports (outline-offset: -3px) {\n .splide.is-focus-in .splide__slide:focus {\n outline: 3px solid #0bf;\n outline-offset: -3px;\n }\n}\n@media screen and (-ms-high-contrast: none) {\n .splide.is-focus-in .splide__slide:focus {\n border: 3px solid #0bf;\n }\n .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {\n border-color: #0bf;\n }\n}\n.splide__toggle {\n cursor: pointer;\n}\n\n.splide__toggle:focus-visible {\n outline: 3px solid #0bf;\n outline-offset: 3px;\n}\n\n.splide.is-focus-in .splide__toggle:focus {\n outline: 3px solid #0bf;\n outline-offset: 3px;\n}\n\n.splide__track--nav > .splide__list > .splide__slide {\n border: 3px solid transparent;\n cursor: pointer;\n}\n\n.splide__track--nav > .splide__list > .splide__slide.is-active {\n border: 3px solid #000;\n}\n\n.splide__arrows--rtl .splide__arrow--prev {\n left: auto;\n right: 1em;\n}\n\n.splide__arrows--rtl .splide__arrow--prev svg {\n transform: scaleX(1);\n}\n\n.splide__arrows--rtl .splide__arrow--next {\n left: 1em;\n right: auto;\n}\n\n.splide__arrows--rtl .splide__arrow--next svg {\n transform: scaleX(-1);\n}\n\n.splide__arrows--ttb .splide__arrow {\n left: 50%;\n transform: translate(-50%);\n}\n\n.splide__arrows--ttb .splide__arrow--prev {\n top: 1em;\n}\n\n.splide__arrows--ttb .splide__arrow--prev svg {\n transform: rotate(-90deg);\n}\n\n.splide__arrows--ttb .splide__arrow--next {\n bottom: 1em;\n top: auto;\n}\n\n.splide__arrows--ttb .splide__arrow--next svg {\n transform: rotate(90deg);\n}\n\n.splide__pagination--ttb {\n bottom: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n left: auto;\n padding: 1em 0;\n right: 0.5em;\n top: 0;\n}","/*------------------------------------*\\\r\n #RESET\r\n\\*------------------------------------*/\r\n\r\n/**\r\n * A very simple reset that sits on top of Normalize.css.\r\n */\r\n\r\nbody,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np,\r\nblockquote,\r\npre,\r\ndl,\r\ndd,\r\nol,\r\nul,\r\nform,\r\nfieldset,\r\nlegend,\r\nfigure,\r\ntable,\r\nth,\r\ntd,\r\ncaption,\r\nhr,\r\nbody,\r\nbutton {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n}\r\n\r\n/**\r\n * Remove trailing margins from nested lists.\r\n */\r\nli > {\r\n\tul,\r\n\tol {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n}\r\n\r\n/**\r\n * Remove spaces between table cells.\r\n */\r\ntable {\r\n\tborder-collapse: collapse;\r\n\tborder-spacing: 0;\r\n}\r\n\r\ntd,\r\nth {\r\n\tpadding: 0;\r\n}\r\n\r\naudio,\r\ncanvas,\r\nimg,\r\nvideo,\r\nsvg {\r\n\tvertical-align: middle;\r\n}\r\n\r\nfieldset {\r\n\tborder: 0;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n}\r\ntextarea {\r\n\tresize: vertical;\r\n}\r\nimg {\r\n\tmax-width: 100%;\r\n}\r\n\r\nhtml {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n*,\r\n*:before,\r\n*:after {\r\n\tbox-sizing: inherit;\r\n}\r\n","// CSS Debugging\r\n// * {\r\n// outline: 1px solid red;\r\n// }\r\n\r\n//Global styling for these classes\r\n//can be overwritten in individual files\r\n\r\n/*\r\n * Remove text-shadow in selection highlight: h5bp.com/i\r\n * These selection rule sets have to be separate.\r\n * Customize the background color to match your design.\r\n */\r\n\r\n::-moz-selection {\r\n\tbackground: #b3d4fc;\r\n\ttext-shadow: none;\r\n}\r\n\r\n::selection {\r\n\tbackground: #b3d4fc;\r\n\ttext-shadow: none;\r\n}\r\nmain {\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\tbackground-color: $color-white;\r\n}\r\n\r\nhtml {\r\n\tscroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n\tbackground-color:$color-white;\r\n\tcolor: $color-black;\r\n\tfont-family: $d8-sans-regular;\r\n\tfont-size: $global-font-size;\r\n\tfont-style: $global-font-style;\r\n\tfont-weight: $global-font-weight;\r\n\tline-height: $global-line-height;\r\n\r\n\t@include mq($until: tablet) {\r\n\t\tfont-size: $global-mobile-font-size;\r\n\t}\r\n}\r\n\r\n.navigation-container, .site-margin, .footer-container {\r\n\tmax-width: 2000px;\r\n margin: auto;\r\n\t@include mq($from: 2200px){\t\r\n\t\t\tpadding-left: 0 !important;\r\n\t\t\tpadding-right: 0 !important;\r\n\t}\r\n}\r\n\r\n\r\n.components-container {\r\n\t//background: $color-white;\r\n}\r\n\r\n.visuallyhidden {\r\n\torder: 0;\r\n\tclip: rect(0 0 0 0);\r\n\theight: 1px;\r\n\tmargin: -1px;\r\n\toverflow: hidden;\r\n\tpadding: 0;\r\n\tposition: absolute;\r\n\twidth: 1px;\r\n\tbackground: transparent;\r\n}\r\n\r\n.skiplist {\r\n\tmargin: 0 auto;\r\n\tpadding: 0;\r\n\tposition: fixed;\r\n\tleft: -9999px;\r\n\ttop: 0;\r\n\tbackground-color: #000;\r\n\tmax-width: 1920px;\r\n\tz-index: 100000;\r\n\tpadding: 0;\r\n\tcolor: $color-white;\r\n\ttext-decoration: none;\r\n\tpadding: 10px 20px;\r\n}\r\n\r\n.skiplist:focus,\r\n.skiplist:active {\r\n\tleft: 0;\r\n\ttop: 30px;\r\n}\r\n\r\n@include mq($until: large-tablet) {\r\n\t.skiplist {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\na {\r\n\tcolor: $color-black;\r\n\ttext-decoration: none;\r\n\tfont-family: $d8-sans-regular;\r\n}\r\n\r\na:not(.button, .social, .image, .navigation-option, .case-study-link) {\r\n position: relative;\r\n width: fit-content;\r\n\r\n &::after{\r\n content:'';\r\n position: absolute;\r\n width: 100%;\r\n height: 1px;\r\n bottom: 0;\r\n left:0;\r\n background-color: currentColor;\r\n transition: width .15s linear;\r\n }\r\n\r\n &:hover {\r\n &::after{\r\n width: 0;\r\n\r\n }\r\n }\r\n}\r\n\r\n\r\na.navigation-option {\r\n\t@include mq($until:tablet){\r\n\t\tposition: relative;\r\n width: fit-content;\r\n\r\n &::after{\r\n content:'';\r\n position: absolute;\r\n width: 100%;\r\n height: 1px;\r\n bottom: 0;\r\n left:0;\r\n background-color: currentColor;\r\n transition: width .15s linear;\r\n }\r\n\r\n &:hover {\r\n &::after{\r\n width: 0;\r\n\r\n }\r\n }\r\n\t}\r\n}\r\n\r\n.no-scroll {\r\n\toverflow: hidden;\r\n}\r\n\r\n.content {\r\n\t// padding-top: 100px;\r\n\t// @include mq($until: tablet) {\r\n\t// \tpadding-top: 70px;\r\n\t// }\r\n}\r\n\r\na.button {\r\n\tpadding: 15px 41px;\r\n\tborder: 1px solid $color-yellow;\r\n\tbackground: $color-yellow;\r\n\tborder-radius: 36px;\r\n\tcolor: $color-black;\r\n\tcursor: pointer;\r\n\r\n\tspan {\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t&.external, &.external-white, &.internal, &.internal-white, &.internal-black {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tgap: 8px;\r\n\t\twidth: fit-content;\r\n\r\n\t\t&::after {\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t}\r\n\t}\t\r\n\r\n\t&.internal, &.internal-white, &.internal-black{\r\n\t\talign-items: flex-start;\r\n\r\n\t\t&::after {\r\n\t\t\twidth: 16px;\r\n\t\t\theight: 12px;\r\n\t\t}\r\n\t}\r\n\r\n\t&.internal, &.internal-white, &.internal-black {\r\n\t\ttransition: gap 0.4s;\r\n\t}\r\n\r\n\t&.external {\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"/src/img/icons/arrow_outward_black.svg\");\r\n\t\t}\r\n\t}\r\n\r\n\t&.internal, &.internal-black {\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"/src/img/icons/arrow_internal_black.svg\");\r\n\t\t}\r\n\t}\r\n\r\n\t&.internal-white, &.external-white {\r\n\t\tbackground-color: transparent;\r\n\t\tcolor:$color-white;\r\n\t\tborder-color: $color-white;\r\n\t}\r\n\r\n\t&.internal-black {\r\n\t\t\tbackground-color: transparent;\r\n\t\t\tcolor:$color-black;\r\n\t\t\tborder-color: $color-black;\r\n\t}\r\n\r\n\t&.internal-white {\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"/src/img/icons/arrow_internal.svg\");\r\n\t\t}\r\n\t}\r\n\r\n\t&.external-white {\r\n\t\t&::after {\r\n\t\t\tcontent: url(\"/src/img/icons/arrow_outward.svg\");\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tbackground-color: $color-black;\r\n\t\tcolor: $color-white;\r\n\t\tborder-color: $color-black;\r\n\r\n\t\t&.external::after {\r\n\t\t\tcontent: url(\"/src/img/icons/arrow_outward.svg\");\r\n\t\t}\r\n\r\n\t\t&.external-white, &.internal-white {\r\n\t\t\tbackground-color: $color-white;\r\n\t\t\tcolor:$color-black;\r\n\t\t\tborder-color: $color-white;\r\n\t\t}\r\n\r\n\t\t&.external-white {\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: url(\"/src/img/icons/arrow_outward_black.svg\");\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.internal-white {\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: url(\"/src/img/icons/arrow_internal_black.svg\");\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.internal, &.internal-white, &.internal-black {\r\n\t\t\tgap:30px;\r\n\t\t\ttransition: gap 0.4s;\r\n\t\t}\r\n\r\n\t\t&.internal::after, &.internal-black::after {\r\n\t\t\tcontent: url(\"/src/img/icons/arrow_internal.svg\");\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\nhtml:has(#hero-load-animation), body:has(#hero-load-animation) {\r\n scrollbar-width: none; /* Firefox */\r\n -ms-overflow-style: none; /* IE 10+ */\r\n}\r\n\r\nhtml:has(#hero-load-animation)::-webkit-scrollbar, \r\nbody:has(#hero-load-animation)::-webkit-scrollbar {\r\n display: none; /* Safari + Chrome */\r\n}\r\n\r\n.hidden{\r\n\tvisibility: hidden !important;\r\n height: 0px !important;\r\n}\r\n\r\n.video-element-fallback{\r\n\tobject-fit: cover;\r\n}\r\n\r\n.cookie-page-terms{\r\n\t@media (max-width: 478x) {\r\n padding: 0 20px;\r\n }\r\n\t@media (min-width: 479px) {\r\n padding: 0 6%;\r\n }\r\n}\r\n\r\n\r\n@include mq($from: 2200px){\r\n\t#navigation{\r\n\t\t// padding-left: 0 !important;\r\n\t\t// padding-right: 0 !important;\r\n\t}\r\n}","///*----------------------------------*\\\r\n// #COLORS\r\n//\\*----------------------------------*/\r\n\r\n// Set up a colour palette which allows us to theme the entire project from one\r\n// location.\r\n\r\n//ABCD8\r\n$color-black: #1D1D1B;\r\n$color-white: #FFFFFF;\r\n$color-yellow: #FFE976;\r\n$color-grey: #EBEBEB;\r\n\r\n\r\n//Benromach\r\n$color-benromach-red:#BE0F34;\r\n$color-benromach-mid-red:#A32136;\r\n$color-benromach-dark-red:#8A2432;\r\n$color-benromach-stone:#DAD6CB;\r\n$color-benromach-black:#222222;\r\n\r\n//Canal\r\n\r\n$color-canal-pink:#F06;\r\n$color-canal-purple: #A639C2;\r\n$color-canal-pink-purple-gradient:linear-gradient(180deg, #FF0091 0%, #A639C2 214.17%);\r\n$color-canal-red-pink-gradient:linear-gradient(180deg, #FF0091 0%, #FF1400 100%);\r\n$color-canal-black:#262626;\r\n\r\n//NPO\r\n$color-npo-orange:#FF6D00;\r\n$color-npo-black:#030E1E;\r\n$color-npo-dark-blue:#0B1C36;\r\n$color-npo-blue-gradient:rgb(11,28,54);\r\n\r\n\r\n//Walkers\r\n$color-walkers-black:#000000;\r\n$color-walkers-dark-gold:#87715A;\r\n$color-walkers-gold:#CBA052;\r\n$color-walkers-grey:#F6F6F6;\r\n","///*----------------------------------*\\\r\n// #FONTS\r\n//\\*----------------------------------*/\r\n\r\n//setting up font-family\r\n\r\n$d8-sans-bold-700: \"D8 Sans BD Text Bold\";\r\n$d8-sans-bold-650: \"D8 Sans BD Text Bold\";\r\n$d8-sans-medium-550:\"D8 Sans BD Text Medium\";\r\n$d8-sans-medium-500:\"D8 Sans BD Text Medium\";\r\n$d8-sans-regular: \"D8 Sans BD Text Regular\";\r\n\r\n$d8-sans-headline-bold: \"D8 Sans BD Headline Bold\";\r\n$d8-sans-headline-light: \"D8 Sans BD Headline Light\";\r\n$d8-sans-headline-medium: \"D8 Sans BD Headline Medium\";\r\n$d8-sans-headline-regular: \"D8 Sans BD Headline Regular\";\r\n\r\n// $d8-sans-bold-700: \"D8 Sans BD Bold 700\";\r\n// $d8-sans-bold-650: \"D8 Sans BD Bold 650\";\r\n// $d8-sans-medium-550:\"D8 Sans BD Medium 550\";\r\n// $d8-sans-medium-500:\"D8 Sans BD Medium 500\";\r\n// $d8-sans-regular: \"D8 Sans BD Regular 400\";\r\n\r\n\r\n","///*----------------------------------*\\\r\n// #GLOBAL\r\n//\\*----------------------------------*/\r\n\r\n// Project-level settings and setup.\r\n\r\n//margins\r\n$global-margin: 6%;\r\n$global-margin-mobile: 20px;\r\n\r\n//font - setting to project body\r\n\r\n//setting global sizes\r\n$global-font-size: 20px;\r\n$global-font-style:normal;\r\n$global-font-weight:400;\r\n$global-line-height:150%;\r\n$global-mobile-font-size:17px;\r\n\r\n\r\n","@use 'sass:math';\n@use 'sass:map';\n@use 'sass:list';\n\n/// Breakpoint list\n///\n/// Name your breakpoints in a way that creates a ubiquitous language\n/// across team members. It will improve communication between\n/// stakeholders, designers, developers, and testers.\n///\n/// @type Map\n/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples\n$breakpoints: (\n mobile: 320px,\n tablet: 740px,\n desktop: 980px,\n wide: 1300px,\n) !default;\n\n/// Show breakpoints in the top right corner\n///\n/// If you want to display the currently active breakpoint in the top\n/// right corner of your site during development, add the breakpoints\n/// to this list, ordered by width. For example: (mobile, tablet, desktop).\n///\n/// @example scss\n/// @use 'path/to/mq' with ($show-breakpoints: ('mobile', 'tablet', 'desktop'));\n///\n///\n/// @type map\n$show-breakpoints: () !default;\n\n/// Customize the media type (for example: `@media screen` or `@media print`)\n/// By default sass-mq uses an \"all\" media type (`@media all and …`)\n///\n/// If you want to overried the media type, you can use this option.\n/// @example scss\n/// @use 'path/to/mq' with ($media-type: 'screen');\n///\n/// @type String\n/// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and example\n$media-type: all !default;\n\n/// Convert pixels to ems\n///\n/// @param {Number} $px - value to convert\n///\n/// @example scss\n/// $font-size-in-ems: px2em(16px);\n/// p { font-size: px2em(16px); }\n///\n/// @returns {Number}\n\n@function px2em($px) {\n @if math.is-unitless($px) {\n @warn \"Assuming #{$px} to be in pixels, attempting to convert it into pixels.\";\n @return px2em($px * 1px);\n }\n // if $px is compatible with em units, then return value unchanged\n @if math.compatible($px, 1em) {\n @return $px;\n }\n @return math.div($px, 16px) * 1em;\n}\n\n/// Get a breakpoint's width\n///\n/// @param {String} $name - Name of the breakpoint. One of $breakpoints\n///\n/// @example scss\n/// $tablet-width: get-breakpoint-width(tablet);\n/// @media (min-width: get-breakpoint-width(tablet)) {}\n///\n/// @requires {Variable} $breakpoints\n///\n/// @returns {Number} Value in pixels\n@function get-breakpoint-width($name, $breakpoints: $breakpoints) {\n @if map.has-key($breakpoints, $name) {\n @return map.get($breakpoints, $name);\n } @else {\n @warn \"Breakpoint #{$name} wasn't found in $breakpoints.\";\n @return null;\n }\n}\n\n/// Media Query mixin\n///\n/// @param {String | Boolean} $from [false] - One of $breakpoints\n/// @param {String | Boolean} $until [false] - One of $breakpoints\n/// @param {String | Boolean} $and [false] - Additional media query parameters\n/// @param {String} $media-type [$media-type] - Media type: screen, print…\n///\n/// @ignore Undocumented API, for advanced use only:\n/// @ignore @param {Map} $breakpoints [$breakpoints]\n///\n/// @content styling rules, wrapped into a @media query when $responsive is true\n///\n/// @requires {Variable} $media-type\n/// @requires {Variable} $breakpoints\n/// @requires {function} px2em\n/// @requires {function} get-breakpoint-width\n///\n/// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples\n///\n/// @example scss\n/// @use 'path/to/mq' as *;\n/// .element {\n/// @include mq($from: mobile) {\n/// color: red;\n/// }\n/// @include mq($until: tablet) {\n/// color: blue;\n/// }\n/// @include mq(mobile, tablet) {\n/// color: green;\n/// }\n/// @include mq($from: tablet, $and: '(orientation: landscape)') {\n/// color: teal;\n/// }\n/// @include mq(950px) {\n/// color: hotpink;\n/// }\n/// @include mq(tablet, $media-type: screen) {\n/// color: hotpink;\n/// }\n/// // Advanced use:\n/// $my-breakpoints: (L: 900px, XL: 1200px);\n/// @include mq(L, $breakpoints: $my-breakpoints) {\n/// color: hotpink;\n/// }\n/// }\n@mixin mq(\n $from: false,\n $until: false,\n $and: false,\n $media-type: $media-type,\n $breakpoints: $breakpoints\n) {\n $min-width: 0;\n $max-width: 0;\n $media-query: '';\n\n // From: this breakpoint (inclusive)\n @if $from {\n @if type-of($from) == number {\n $min-width: px2em($from);\n } @else {\n $min-width: px2em(get-breakpoint-width($from, $breakpoints));\n }\n }\n\n // Until: that breakpoint (exclusive)\n @if $until {\n @if type-of($until) == number {\n $max-width: px2em($until);\n } @else {\n $max-width: px2em(get-breakpoint-width($until, $breakpoints)) - 0.01em;\n }\n }\n\n @if $min-width != 0 {\n $media-query: '#{$media-query} and (min-width: #{$min-width})';\n }\n @if $max-width != 0 {\n $media-query: '#{$media-query} and (max-width: #{$max-width})';\n }\n @if $and {\n $media-query: '#{$media-query} and #{$and}';\n }\n\n // Remove unnecessary media query prefix 'all and '\n @if ($media-type == 'all' and $media-query != '') {\n $media-type: '';\n $media-query: str-slice(unquote($media-query), 6);\n }\n\n @media #{$media-type + $media-query} {\n @content;\n }\n}\n\n/// Quick sort\n///\n/// @author Sam Richards\n/// @access private\n/// @param {List} $list - List to sort\n/// @returns {List} Sorted List\n@function _quick-sort($list) {\n $less: ();\n $equal: ();\n $large: ();\n\n @if length($list) > 1 {\n $seed: list.nth($list, math.ceil(math.div(length($list), 2)));\n\n @each $item in $list {\n @if ($item == $seed) {\n $equal: list.append($equal, $item);\n } @else if ($item < $seed) {\n $less: list.append($less, $item);\n } @else if ($item > $seed) {\n $large: list.append($large, $item);\n }\n }\n\n @return join(join(_quick-sort($less), $equal), _quick-sort($large));\n }\n\n @return $list;\n}\n\n/// Sort a map by values (works with numbers only)\n///\n/// @access private\n/// @param {Map} $map - Map to sort\n/// @returns {Map} Map sorted by value\n@function _map-sort-by-value($map) {\n $map-sorted: ();\n $map-keys: map.keys($map);\n $map-values: map.values($map);\n $map-values-sorted: _quick-sort($map-values);\n\n // Reorder key/value pairs based on key values\n @each $value in $map-values-sorted {\n $index: index($map-values, $value);\n $key: list.nth($map-keys, $index);\n $map-sorted: map.merge(\n $map-sorted,\n (\n $key: $value,\n )\n );\n\n // Unset the value in $map-values to prevent the loop\n // from finding the same index twice\n $map-values: list.set-nth($map-values, $index, 0);\n }\n\n @return $map-sorted;\n}\n\n/// Add a breakpoint\n///\n/// @param {String} $name - Name of the breakpoint\n/// @param {Number} $width - Width of the breakpoint\n///\n/// @requires {Variable} $breakpoints\n///\n/// @example scss\n/// @include add-breakpoint(tvscreen, 1920px);\n/// @include mq(tvscreen) {}\n@mixin add-breakpoint($name, $width) {\n $new-breakpoint: (\n $name: $width,\n );\n $breakpoints: map.merge($breakpoints, $new-breakpoint) !global;\n $breakpoints: _map-sort-by-value($breakpoints) !global;\n}\n\n/// Show the active breakpoint in the top right corner of the viewport\n/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint\n///\n/// @param {List} $show-breakpoints [$show-breakpoints] - List of breakpoints to show in the top right corner\n/// @param {Map} $breakpoints [$breakpoints] - Breakpoint names and sizes\n///\n/// @requires {Variable} $breakpoints\n/// @requires {Variable} $show-breakpoints\n///\n/// @example scss\n/// // Show breakpoints using global settings\n/// @include show-breakpoints;\n///\n/// // Show breakpoints using custom settings\n/// @include show-breakpoints((L, XL), (S: 300px, L: 800px, XL: 1200px));\n@mixin show-breakpoints(\n $show-breakpoints: $show-breakpoints,\n $breakpoints: $breakpoints\n) {\n body:before {\n background-color: #fcf8e3;\n border-bottom: 1px solid #fbeed5;\n border-left: 1px solid #fbeed5;\n color: #c09853;\n font: small-caption;\n padding: 3px 6px;\n pointer-events: none;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 100;\n\n // Loop through the breakpoints that should be shown\n @each $show-breakpoint in $show-breakpoints {\n $width: get-breakpoint-width($show-breakpoint, $breakpoints);\n @include mq($show-breakpoint, $breakpoints: $breakpoints) {\n content: '#{$show-breakpoint} ≥ #{$width} (#{px2em($width)})';\n }\n }\n }\n}\n\n@if list.length($show-breakpoints) > 0 {\n @include show-breakpoints;\n}\n","@font-face {\r\n font-family: \"D8 Sans BD Bold 700\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Bold700.woff2') format('woff2'), url('/src/scss/fonts/D8_Sans/D8SansBD-Bold700.woff') format(\"woff\");\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Bold 650\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Bold650.woff2') format('woff2'), url('/src/scss/fonts/D8_Sans/D8SansBD-Bold650.woff') format(\"woff\");\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Medium 550\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Medium550.woff2') format('woff2'), url('/src/scss/fonts/D8_Sans/D8SansBD-Medium550.woff') format(\"woff\");\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Medium 500\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Medium500.woff2') format('woff2'), url('/src/scss/fonts/D8_Sans/D8SansBD-Medium500.woff') format(\"woff\");\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Regular 400\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Regular400.woff2') format('woff2'), url('/src/scss/fonts/D8_Sans/D8SansBD-Regular400.woff') format(\"woff\");\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Headline Bold\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Headline/D8SansHeadline-Bold.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Headline Light\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Headline/D8SansHeadline-Light.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Headline Medium\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Headline/D8SansHeadline-Medium.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Headline Regular\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Headline/D8SansHeadline-Regular.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Text Bold\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Text/D8SansText-Bold.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Text Light\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Text/D8SansText-Light.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Text Medium\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Text/D8SansText-Medium.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: \"D8 Sans BD Text Regular\";\r\n src: url('/src/scss/fonts/D8_Sans/D8SansBD-Text/D8SansText-Regular.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO';\r\n src: url('/src/scss/fonts/NPO/nponovaserifheadline-medium.woff2') format('woff2'), url('/src/scss/fonts/NPO/nponovaserifheadline-medium.woff') format(\"woff\");\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'Canal';\r\n src: url('/src/scss/fonts/Canal/CanalDopplerVariableVF.woff2') format('woff2'), url('/src/scss/fonts/Canal/CanalDopplerVariableVF.woff') format(\"woff\");\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'Benromach';\r\n src: url('/src/scss/fonts/Benromach/Benromach-Regular.woff2') format('woff2'), url('/src/scss/fonts/Benromach/Benromach-Regular.woff') format(\"woff\");\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'Aberlour';\r\n src: url('/src/scss/fonts/Aberlour/Aberlour-Regular.woff2') format('woff2'), url('/src/scss/fonts/Aberlour/Aberlour-Regular.woff') format(\"woff\");\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'HighlandPark';\r\n src: url('/src/scss/fonts/HighlandPark/HighlandParkAurora-Regular.woff2') format('woff2'), url('/src/scss/fonts/HighlandPark/HighlandParkAurora-Regular.woff') format(\"woff\");\r\n font-display: swap;\r\n}","@font-face {\r\n font-family: 'NPO OTF';\r\n src: url('/src/scss/fonts/NPO/nponovaserifheadline-medium.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'Canal OTF';\r\n src: url('/src/scss/fonts/Canal/CanalDopplerVariableVF.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'Benromach OTF';\r\n src: url('/src/scss/fonts/Benromach/Benromach-Regular.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'Aberlour OTF';\r\n src: url('/src/scss/fonts/Aberlour/Aberlour-Regular.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'HighlandPark OTF';\r\n src: url('/src/scss/fonts/HighlandPark/HighlandParkAurora-Regular.otf') format('opentype');\r\n font-display: swap;\r\n}","//Sans headline\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Black';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-black.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Black Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-blackoblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Bold';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-bold.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Bold Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-boldoblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Light';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-light.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Light Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-lightoblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Medium';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-medium.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Medium Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-mediumoblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Regular';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-regular.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Regular Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-regularoblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n\r\n//Sans Condensed\r\n@font-face {\r\n font-family: 'NPO Nova Sans Condensed Bold';\r\n src: url('/src/scss/fonts/NPO/Sans/Condensed/nponovasanscondensed-bold.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Condensed Bold Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Condensed/nponovasanscondensed-boldoblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Condensed Regular';\r\n src: url('/src/scss/fonts/NPO/Sans/Condensed/nponovasanscondensed-regular.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Condensed Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Condensed/nponovasanscondensed-oblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n\r\n//Sans text\r\n@font-face {\r\n font-family: 'NPO Nova Sans Text Black';\r\n src: url('/src/scss/fonts/NPO/Sans/Text/nponovasanstext-black.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Text Black Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Text/nponovasanstext-blackoblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Text Bold';\r\n src: url('/src/scss/fonts/NPO/Sans/Text/nponovasanstext-bold.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Text Bold Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Text/nponovasanstext-boldoblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Text Light';\r\n src: url('/src/scss/fonts/NPO/Sans/Text/nponovasanstext-light.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Text Light Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Text/nponovasanstext-lightoblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Text Medium';\r\n src: url('/src/scss/fonts/NPO/Sans/Text/nponovasanstext-medium.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Text Medium Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Text/nponovasanstext-mediumoblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Text Regular';\r\n src: url('/src/scss/fonts/NPO/Sans/Text/nponovasanstext-regular.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Text Regular Oblique';\r\n src: url('/src/scss/fonts/NPO/Sans/Text/nponovasanstext-regularoblique.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n\r\n//Serif text\r\n@font-face {\r\n font-family: 'NPO Nova Serif Text Black';\r\n src: url('/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-black.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Text Black Italic';\r\n src: url('/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-blackitalic.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Text Bold';\r\n src: url('/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-bold.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Text Bold Italic';\r\n src: url('/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-bolditalic.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Text Light';\r\n src: url('/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-light.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Text Light Italic';\r\n src: url('/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-lightitalic.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Text Medium';\r\n src: url('/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-medium.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Text Medium Italic';\r\n src: url('/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-mediumitalic.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Text Regular';\r\n src: url('/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-regular.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Text Regular Italic';\r\n src: url('/src/scss/fonts/NPO/Serif/Text/nponovaseriftext-regularitalic.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n\r\n//Serif headline\r\n@font-face {\r\n font-family: 'NPO Nova Serif Headline Black';\r\n src: url('/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-black.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Headline Black Italic';\r\n src: url('/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-blackitalic.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Headline Bold';\r\n src: url('/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-bold.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Headline Bold Italic';\r\n src: url('/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-bolditalic.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Headline Light';\r\n src: url('/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-light.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Headline Light Italic';\r\n src: url('/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-lightitalic.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Headline Medium Italic';\r\n src: url('/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-mediumitalic.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Headline Regular';\r\n src: url('/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-regular.woff2') format('woff2');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Serif Headline Regular Italic';\r\n src: url('/src/scss/fonts/NPO/Serif/Headline/nponovaserifheadline-regularitalic.woff2') format('woff2');\r\n font-display: swap;\r\n}","//Sans headline\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Black OTF';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-black.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Black Oblique OTF';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-blackoblique.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Bold OTF';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-bold.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Bold Oblique OTF';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-boldoblique.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Light OTF';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-light.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Light Oblique OTF';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-lightoblique.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Medium OTF';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-medium.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Medium Oblique OTF';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-mediumoblique.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Regular OTF';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-regular.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'NPO Nova Sans Headline Regular Oblique OTF';\r\n src: url('/src/scss/fonts/NPO/Sans/Headline/nponovasansheadline-regularoblique.otf') format('opentype');\r\n font-display: swap;\r\n}\r\n\r\n","///*----------------------------------*\\\r\n// #TYPOGRAPHY\r\n// line height relative = line height absolute number / font-size absolute number\r\n//\\*----------------------------------*/\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\n.intro,\r\n.quote,\r\n.small {\r\n\tcolor: $color-black;\r\n\tfont-weight: initial;\r\n}\r\n\r\nh1 {\r\n\tfont-family: $d8-sans-headline-medium;\r\n font-size: 60px;\t\r\n letter-spacing: -1.2px;\r\n\tline-height: 110%;\r\n\tmin-height: 0vw;\r\n // font-feature-settings: \"ss01\" on;\r\n\r\n\t// @include mq($from: tablet, $until: medium-desktop){\r\n\t// \tfont-size: 80px;\r\n\t// } \r\n\r\n\t@include mq($from:large-mobile, $until:tablet) {\r\n\t\tfont-size: 80px;\r\n letter-spacing: -4.8px;\r\n\t}\r\n\r\n\t@include mq($from:tablet, $until:desktop) {\r\n\t\tfont-size: 120px;\r\n letter-spacing: -4.8px;\r\n\t\t// line-height: 140px;\r\n\t}\r\n\r\n\t@include mq($from:desktop, $until:medium-desktop) {\r\n\t\tfont-size: 160px;\r\n\t\tletter-spacing: -4.8px;\r\n\t\tline-height: 160px;\r\n\t}\r\n\r\n\t@include mq($from: medium-desktop) {\r\n\t\tfont-size: clamp(160px, 10vw, 220px);\r\n\t\t// font-size: 180px;\r\n letter-spacing: -6px;\r\n line-height: 100%;\r\n\t}\r\n}\r\n\r\nh2 {\r\n\tfont-family: $d8-sans-medium-550;\r\n\tfont-size: 32px;\r\n\tline-height: 110%;\r\n\r\n\t@include mq($from: medium-desktop) {\r\n font-size: clamp(20px, calc(3.25rem + ((1vw - 16px))), 65px); \r\n\t}\r\n\r\n\t@include mq($from: tablet, $until:medium-desktop) {\r\n font-size: 42px;\r\n\t}\r\n}\r\n\r\nh3 {\r\n\tfont-family: $d8-sans-medium-550;\r\n\tfont-size: 24px;\r\n\tline-height: 120%;\r\n\r\n\t@include mq($from: medium-desktop) {\r\n font-size: clamp(32px, calc(2rem + ((1vw - 16px))), 48px);\r\n\t}\r\n\r\n\t@include mq($from: tablet, $until:medium-desktop) {\r\n font-size: 32px;\r\n\t}\r\n}\r\n\r\nh4 {\r\n\tfont-family: $d8-sans-medium-550;\r\n\tfont-size: 18px;\r\n\tline-height: 140%;\r\n\r\n\t@include mq($from: medium-desktop) {\r\n font-size: clamp(22px, calc(1.375rem + ((1vw - 16px))), 30px);\r\n\t}\r\n\r\n\t@include mq($from:tablet, $until:medium-desktop) {\r\n font-size: 22px;\r\n\t}\r\n}\r\n\r\nh5 {\r\n\tfont-family: $d8-sans-bold-650;\r\n\tfont-size: 14px;\r\n\tline-height: 140%;\r\n\tletter-spacing: 0.28px;\r\n\ttext-transform: uppercase;\r\n\r\n\t@include mq($from: medium-desktop) {\r\n font-size: clamp(16px, calc(1rem + ((1vw - 16px))), 20px);\r\n\t}\r\n\r\n\t@include mq($from:tablet, $until:medium-desktop) {\r\n font-size: 16px;\r\n letter-spacing: 0.32px;\r\n\t}\r\n}\r\n\r\n.secondary-heading {\r\n\tfont-family: $d8-sans-headline-medium;\r\n\tfont-size: 55px;\r\n\tline-height: 110%;\r\n // font-feature-settings: \"ss01\" on;\r\n\tletter-spacing: -1.1px;\r\n\r\n\t@include mq($from: medium-desktop) {\r\n font-size: clamp(80px, calc(5rem + ((1vw - 16px))), 100px);\r\n letter-spacing: -2.4px;\r\n\t}\r\n\r\n\t@include mq($from: tablet, $until:medium-desktop) {\r\n font-size: 80px;\r\n letter-spacing: -2.4px;\r\n\t}\r\n}\r\n\r\n.intro {\r\n\tfont-family: $d8-sans-regular;\r\n\tfont-size: 20px;\r\n\tline-height: 150%;\r\n\r\n @include mq($from: medium-desktop) {\r\n font-size: clamp(28px, calc(2rem + ((1vw - 16px))), 32px);\r\n\t}\r\n\r\n\t@include mq($from: tablet, $until:medium-desktop) {\r\n font-size: 28px;\r\n\t}\r\n}\r\n\r\n.quote {\r\n\tfont-family: $d8-sans-headline-medium;\r\n font-size: 40px;\r\n letter-spacing: -0.8px;\r\n line-height: 110%;\r\n // font-feature-settings: \"ss01\" on;\r\n\tmargin:60px 0;\r\n\r\n @include mq($from:medium-desktop){\r\n font-size: 72px;\r\n letter-spacing: -2.4px;\r\n }\r\n\r\n\t@include mq($from: tablet, $until:medium-desktop) {\r\n\t\tfont-size: 60px;\r\n letter-spacing: -2.4px;\r\n\t}\r\n\r\n\t@include mq($from: mobile, $until: tablet) {\r\n\t\tfont-size: 55px;\r\n\t\tletter-spacing: -1.8px;\r\n\t\tmargin: 40px 0;\r\n\t}\r\n}\r\n\r\n.small {\r\n\tfont-family: $d8-sans-regular;\r\n\tfont-size: 14px;\r\n\tline-height: 160%;\r\n\r\n\t@include mq($from: tablet) {\r\n font-size: 16px;\r\n line-height: 150%;\r\n\t}\r\n}\r\n\r\np,\r\n.text-block-body li\r\n{\r\n\tcolor: $color-black;\r\n\tfont-family: $d8-sans-regular;\r\n\tfont-style: $global-font-style;\r\n\tfont-weight: $global-font-weight;\r\n\tline-height: $global-line-height;\r\n font-size: $global-mobile-font-size;\r\n\r\n @include mq($from: medium-desktop) {\r\n font-size: clamp(15px, calc(1.25rem + ((1vw - 16px))), 25px);\r\n\t}\r\n\r\n\r\n\t@include mq($from: tablet, $until:medium-desktop) {\r\n font-size: $global-font-size;\r\n\t}\r\n}\r\n\r\n.text-block-body li{\r\n\tmargin-bottom: 16px;\r\n\tlist-style-position: outside;\r\n\t@include mq($until: large-mobile) {\r\n\t\tmargin-left: 26px;\r\n\t}\r\n\t@include mq($from: large-mobile) {\r\n\t\tmargin-left: 32px;\r\n\t}\r\n}\r\n\r\na.button {\r\n\tfont-family: $d8-sans-medium-500;\r\n\tfont-size: 18px;\r\n\ttext-decoration: none;\r\n\tline-height: 1;\r\n\r\n\t@include mq($until: tablet) {\r\n\t\tfont-size: 16px;\r\n\t}\r\n}\r\n","//filter: invert(1) grayscale(1) brightness(1.3) contrast(9000);\r\n\r\n.navigation {\r\n\tpadding: 30px 6%;\r\n\tmargin-top: -105px;\r\n\tposition: fixed;\r\n width: 100%;\r\n z-index: 9999;\r\n\t-webkit-transition: margin .4s, background-color .1s .5s;\r\n transition: margin .4s, background-color .1s .5s, opacity 0.5s ease-in-out;\r\n\tbackground-color: $color-white;\r\n\r\n\t@include mq($until:tablet){\r\n\t\theight: fit-content;\r\n\t}\r\n\r\n\t@include mq($until: mobile) {\r\n\t\tpadding: 20px;\r\n\t}\r\n\r\n\t&.top-of-page {\r\n\t\tbackground-color: transparent;\r\n\t\ttransition: background-color .1s 0s, opacity 0.5s ease-in-out !important;\r\n\t\t\r\n\t}\r\n\r\n\t&.show {\r\n\t\tmargin-top: 0;\r\n\t\t-webkit-transition: margin .4s,background-color .1s .5s, height .1s;\r\n\t\ttransition: margin .4s,background-color .1s .5s, height .1s;\r\n\t}\r\n\r\n\t&.nav-open {\r\n\t\tbackground-color: $color-grey;\r\n\t\theight:100vh;\r\n\t}\r\n\r\n\t&-container,\r\n\t&-menu {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t&-menu {\r\n\t\tgap: 40px;\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.navigation-option {\r\n\t\t\t&-mask {\r\n\t\t\t\theight: 16px;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t}\r\n\r\n\t\t\t&-container {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\ttransition: transform 0.4s ease;\r\n\r\n\t\t\t\t.navigation-item-1, .navigation-item-2 {\r\n\t\t\t\t\tline-height: 18px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t.navigation-option-container {\r\n\t\t\t\t\ttransform: translateY(-18px);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-logo {\r\n\t\tsvg {\r\n\t\t\twidth: 154px;\r\n\t\t\theight: 36px;\r\n\r\n\t\t\t@include mq($until: tablet) {\r\n\t\t\t\twidth: 108px;\r\n\t\t\t\theight: 23.96px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-option {\r\n\t\tfont-size: 16px;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tfont-size: 32px;\r\n\t\t\tfont-family: $d8-sans-medium-550;\r\n\t\t}\r\n\t}\r\n\r\n\t&-mobile {\r\n\t\r\n\r\n\t\t&-icon {\r\n\t\t\twidth: 28px;\r\n\t\t\theight: 25px;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\tspan,\r\n\t\t\tspan::after,\r\n\t\t\tspan::before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 28px;\r\n\t\t\t\theight: 3px;\r\n\t\t\t\tborder-radius: 10px;\r\n\t\t\t\tbackground-color: $color-black;\r\n\t\t\t\ttransition: transform 0.4s ease-in-out 0s, left 0.4s ease-in-out 0s, top 0.4s ease-in-out 0s,\r\n\t\t\t\tbackground-color 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;\r\n\t\t\t\t--webkit-transition: transform 0.4s ease-in-out 0s, left 0.4s ease-in-out 0s, \r\n\t\t\t\ttop 0.4s ease-in-out 0s, background-color 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;\r\n\t\t\t}\r\n\r\n\t\t\tspan {\r\n\t\t\t\ttop: 45%;\r\n\t\t\t}\r\n\r\n\t\t\tspan::before {\r\n\t\t\t\ttop: 7px;\r\n\t\t\t}\r\n\t\t\tspan::after {\r\n\t\t\t\ttop: -7px;\r\n\t\t\t}\r\n\r\n\t\t\t@include mq($until: tablet) {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-menu {\r\n\t\t\tdisplay: none;\r\n\t\t\t@include mq($until: tablet) {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tbackground-color: transparent;\r\n\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\ttransform: rotate(45deg);\r\n\t\t\t\t\t\ttop:0;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:before{\r\n\t\t\t\t\t\ttransform: rotate(-45deg);\r\n\t\t\t\t\t\ttop:0\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&-container {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tgap: 40px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.navigation-closed {\r\n\tdisplay: none;\r\n}\r\n\r\n.navigation-open {\r\n\t// display: block;\r\n\tposition: absolute;\r\n\tpadding: 80px $global-margin;\r\n\theight: 100%;\r\n\t// margin-top:20px;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tbackground: $color-grey;\r\n\tz-index: 100;\r\n\theight: 100vh;\r\n\ttop: 0;\r\n\tdisplay: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n\t@include mq($until:mobile){\t\r\n\t\tpadding: 80px $global-margin-mobile;\r\n\t}\r\n}\r\n\r\n.navigation-logo{\r\n\tcanvas{\r\n\t\t// mix-blend-mode: difference;\r\n\t\tmax-width: 150px;\r\n\t\tmax-height: 41px;\r\n\t\t@include mq($until:tablet){\r\n\t\t\tmax-width: 105px;\r\n\t\t\tmax-height: 29px;\r\n\t\t}\r\n\t}\r\n\t// background-color: #1D1D1D;\r\n\ta { \r\n\t\theight: fit-content;\r\n \tdisplay: block;\r\n\t}\r\n}\r\n\r\nbody:has(#hero-load-animation) #navigation,\r\nbody:has(#hero-load-animation) #cookiebanner\r\n{\r\n\topacity: 0;\r\n}\r\n.embedded-navigation-logo{\r\n\tdisplay: none;\r\n}\r\nbody:has(.nav-text-colour-999999) nav{\r\n\t.embedded-navigation-logo{\r\n\t\tdisplay: block;\r\n\t}\r\n\t.canvas-nav{\r\n\t\t// opacity: 0;\r\n\t}\r\n}\r\n\r\n.embedded-navigation-logo{\r\n\topacity: 0;\r\n\tposition: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 4;\r\n mix-blend-mode: difference;\r\n\tpadding: 30px 6%;\r\n}\r\n\r\n\r\n\r\nbody:has(.top-of-page) .embedded-navigation-logo{\r\n\topacity: 1;\r\n}\r\n\r\nbody:has(.nav-text-colour-ffffff) .navigation .navigation-menu a{\r\n\tcolor: white;\r\n}\r\n\r\nbody:has(.nav-text-colour-ffffff) .navigation.show:not(.navigation.top-of-page) .navigation-menu a{\r\n\tcolor: black;\r\n}\r\n\r\nbody:has(.nav-text-colour-ffffff) .navigation.show:not(.navigation.top-of-page) .canvas-nav{\r\n\tfilter: invert(1);\r\n}\r\n\r\nbody:has(.nav-text-colour-ffffff) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span,\r\nbody:has(.nav-text-colour-ffffff) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span:before,\r\nbody:has(.nav-text-colour-ffffff) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span:after\r\n{\r\n\tbackground-color: white;\r\n}\r\nbody:has(.nav-text-colour-ffffff) .navigation .navigation-mobile-menu.active .navigation-mobile-icon span:before,\r\nbody:has(.nav-text-colour-ffffff) .navigation .navigation-mobile-menu.active .navigation-mobile-icon span:after\r\n{\r\n\tbackground-color:#1D1D1D;\r\n}\r\n\r\n\r\n\r\nbody:has(.nav-text-colour-1d1d1d) .navigation .canvas-nav{\r\n\tfilter: invert(1);\r\n}\r\nbody:has(.nav-text-colour-999999) .navigation.show:not(.navigation.top-of-page) .canvas-nav{\r\n\tfilter: invert(1);\r\n}\r\n\r\n\r\nbody:has(.nav-text-colour-999999) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span,\r\nbody:has(.nav-text-colour-999999) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span:before,\r\nbody:has(.nav-text-colour-999999) .navigation.top-of-page .navigation-mobile-menu .navigation-mobile-icon span:after\r\n{\r\n\tbackground-color: white;\r\n}\r\n\r\nbody:has(.nav-text-colour-999999) .navigation .navigation-mobile-menu.active .navigation-mobile-icon span{\r\n\tbackground-color: rgba(0,0,0,0);\r\n}\r\n\r\nbody:has(.nav-text-colour-999999) .navigation .navigation-mobile-menu.active .navigation-mobile-icon span:before,\r\nbody:has(.nav-text-colour-999999) .navigation .navigation-mobile-menu.active .navigation-mobile-icon span:after\r\n{\r\n\tbackground-color:#1D1D1D;\r\n}\r\n\r\n.navigation-mobile-icon{\r\n\tz-index: 4;\r\n}\r\n\r\n#navigation-menu{\r\n\tz-index: 3;\r\n}\r\n\r\n.navigation-mobile-menu-container a:after{\r\n\tdisplay: none;\r\n}","footer {\r\n\tposition: relative;\r\n\tbottom: 0;\r\n\tz-index: 0;\r\n\r\n\tbackground-color: $color-black;\r\n\tpadding: 0 $global-margin;\r\n\tcolor: $color-white;\r\n\theight: 100vh;\r\n max-height: 100vh;\r\n\r\n\t@include mq($until: tablet) {\r\n\t\tpadding-top: 60px;\r\n\t}\r\n\t@include mq($until: mobile) {\r\n\t\tpadding: $global-margin-mobile;\r\n\t}\r\n\r\n\t@include mq($until: large-mobile) {\r\n\t\tpadding-top: 60px;\r\n\t\tpadding-bottom: 60px;\r\n\t}\r\n}\r\n\r\n.footer {\r\n\t&-container {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-around;\r\n\t\tflex-direction: column;\r\n\t\tgap: 30px;\r\n\t\theight: 100%;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tgap: 30px;\r\n\t\t}\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\tgap: 35px;\r\n\t\t}\r\n\t}\r\n\r\n\t&-top, &-bottom {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: space-between;\r\n\t\tgap: 8em;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tflex-direction: column;\r\n\t\t\talign-items: flex-start;\r\n\t\t}\r\n\t}\r\n\r\n\t&-top {\r\n\t\talign-items: flex-start;\r\n\t\th3,\r\n\t\ta {\r\n\t\t\tcolor: $color-white;\r\n\t\t}\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tgap: 40px;\r\n\t\t}\r\n\t}\r\n\r\n\t&-strapline {\r\n\t\twidth: 50%;\r\n\r\n\t\th3 {\r\n\t\t\twhite-space: break-spaces;\r\n\t\t max-width: 445px;\r\n\t\t\tfont-family: $d8-sans-medium-500;\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-family: inherit;\r\n\t\t}\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\th3 {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: unset;\r\n\t\t\t}\r\n\r\n\t\t\ta {\r\n\t\t\t\tdisplay: inline;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-links-container {\r\n\t\tdisplay: flex;\r\n\t\twidth: 40%;\r\n\t\tgap: 60px;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-start;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\twidth: 100%;\r\n\t gap: 30px;\r\n\t\t}\r\n\t}\r\n\r\n\t&-bottom {\r\n\t\talign-items: flex-end;\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tgap: 20px;\r\n\t\t\talign-items: flex-start;\r\n\t\t}\r\n\t}\r\n\r\n\t&-navigation {\r\n\t\tdisplay: flex;\r\n\t\tgap: 25px;\r\n\t\tflex-direction: column;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tgap: 15px;\r\n\t\t}\r\n\t}\r\n\r\n\t&-copyright {\r\n\t\twidth: 40%;\r\n\r\n\t\tp {\r\n\t\t\tcolor: $color-white;\r\n\t\t}\r\n\t\t\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t&-cta {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-start;\r\n\t\tjustify-content: center;\r\n\t\tgap: 20px;\r\n\t\twidth: 70%;\r\n\r\n\t\tp {\r\n\t\t\tcolor:$color-white;\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: 1px solid $color-white;\r\n\t\t\tpadding: 15px 41px;\r\n\t\t\tborder-radius: 36px;\r\n\r\n\t\t\ta {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\tgap: 8px;\r\n\t\t\t\tline-height: unset;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include mq($from: large-desktop) {\r\n\t\t\tmax-width: 400px;\r\n\t\t}\r\n\r\n\t\t@include mq($from: tablet, $until: desktop) {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\t@include mq($from:large-mobile, $until: tablet) {\r\n\t\t\tgap: 20px;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\talign-items: center;\r\n\t\t\tflex-direction: row;\r\n\t\t\tp {\r\n\t\t\t\twidth: 55%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\twidth: 80%;\r\n\t\t}\r\n\t}\r\n\r\n\t&-logo {\r\n\t\twidth: 50%;\r\n\r\n\t\t&-img {\r\n\t\t\twidth: 100%;\r\n\t\t\tvertical-align: bottom;\r\n\t\t}\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\twidth: 100%\r\n\t\t}\r\n\t}\r\n}\r\n.sticky-footer {\r\n\tposition: sticky;\r\n}",".el-address-element {\r\n\t&-container {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: flex-start;\r\n\t\tflex-wrap: nowrap;\r\n\t\talign-items: flex-start;\r\n\t\talign-content: space-around;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tpadding-right: 0;\r\n\t\t\tpadding-bottom: 20%;\r\n\t\t}\r\n\t}\r\n\r\n\t&-location {\r\n\t\tpadding-bottom: 10%;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tpadding-bottom: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t&-details {\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding-top: 5%;\r\n\t\t\talign-items: flex-start;\r\n\t\t}\r\n\t\t&-left{\r\n\t\t\t@include mq($until: tablet){\r\n\t\t\t\tpadding-right: 20px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-left, &-right {\r\n\t\t\ta {\r\n\t\t\t\tcolor:$color-black;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-contact-number {\r\n\t\tpadding-top: 15%;\r\n\t\ttext-decoration: none !important;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tpadding-top: 0%;\r\n\t\t}\r\n\t}\r\n\r\n\t&-email {\r\n\t\tpadding-top: 0;\r\n\t\t&:hover {\r\n\t\t\tcolor: #a6a6a6;\r\n\t\t}\r\n\t}\r\n\r\n\t&-no-contact {\r\n\t\tdisplay: block;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}\r\n",".el-grid {\r\n padding: 5rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-evenly;\r\n\r\n @include mq($until:tablet){\r\n padding: 1rem;\r\n }\r\n\r\n &-image {\r\n\r\n }\r\n\r\n &-text {\r\n color:$color-black;\r\n }\r\n}",".vimeo-video-container{\r\n max-height: 100vh;\r\n height: 100%;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n.el-video-vimeo,\r\n.vimeo-video-container\r\n{\r\n height: 100%;\r\n\r\n .video-frame{\r\n height: 100%;\r\n }\r\n .video-frame div:first-of-type{\r\n height: 100%;\r\n }\r\n \r\n\r\n}\r\n.videdo-vimeo-fallback-image,\r\n.fallback-img-vimeo{\r\n width: 100%;\r\n height: 100%;\r\n}\r\n",".split {\r\n opacity: 0;\r\n line-height: 1.2;\r\n}",".cp-long-hero {\r\n position: relative;\r\n width: 100%;\r\n height: 460px;\r\n\r\n &-media{\r\n height: 100%;\r\n }\r\n &-img,\r\n &-video {\r\n object-fit: cover;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n &-video {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 0;\r\n }\r\n\r\n &-video-overlay{\r\n height: 100%;\r\n width: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n &-text-container {\r\n position: absolute;\r\n // left: 20px;\r\n padding-left: 5%;\r\n padding-right: 5%;\r\n bottom: 40px;\r\n z-index: 1;\r\n color: white;\r\n \r\n }\r\n\r\n &-title {\r\n margin-bottom: 1rem;\r\n color: white;\r\n }\r\n\r\n &-subtitle {\r\n margin: 0;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .cp-long-hero-text-container {\r\n // left: 30px;\r\n bottom: 40px;\r\n padding-left: 6%;\r\n padding-right: 4rem;\r\n }\r\n }\r\n\r\n @media (min-width: 992px) {\r\n height: auto;\r\n aspect-ratio: 2 / 1;\r\n\r\n .cp-long-hero-text-container {\r\n // left: 40px;\r\n bottom: 60px;\r\n \r\n }\r\n\r\n .cp-long-hero-title{\r\n // font-size: 160px;\r\n } \r\n\r\n\r\n\r\n }\r\n\r\n @media (min-width: 1440px){\r\n .cp-long-hero-text-container {\r\n bottom: 80px;\r\n // left: 86px;\r\n }\r\n }\r\n\r\n @media (min-width: 1600px) {\r\n .cp-long-hero-text-container {\r\n // left: 9rem;\r\n }\r\n }\r\n @media (min-width: 2200px) {\r\n .cp-long-hero-text-container {\r\n width: 2000px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n padding-left: 0;\r\n }\r\n }\r\n\r\n #hero-vimeo-player{\r\n overflow: hidden;\r\n }\r\n\r\n .cp-long-hero-vimeo{\r\n height: 100%;\r\n }\r\n\r\n .video-frame{\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n.cp-long-hero-vimeo{\r\n overflow: hidden;\r\n}\r\n\r\n.cp-long-hero-vimeo .clip-video{\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.cp-long-hero-vimeo .clip-video div:first-of-type{\r\n top: 50% !important;\r\n left: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n pointer-events: none !important;\r\n height: inherit;\r\n }\r\n\r\n .cp-long-hero-vimeo .vimeo-video-container{\r\n height: inherit;\r\n }\r\n\r\n .cp-long-hero-vimeo .video-element-fallback{\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n@media (max-width: 879px) {\r\n .cp-long-hero-vimeo .clip-video iframe\r\n ,.cp-long-hero-vimeo .clip-video div:first-of-type\r\n {\r\n // width: 177.78vh !important; \r\n // height: 100vh !important; \r\n }\r\n\r\n .cp-long-hero-vimeo .video-element-fallback{\r\n // height: 100%;\r\n }\r\n}\r\n@media (min-width: 880px) {\r\n .cp-long-hero-vimeo .clip-video iframe\r\n // ,.cp-long-hero-vimeo .clip-video div:first-of-type\r\n {\r\n // box-sizing: border-box !important;\r\n // width: 177.77777778vh !important;\r\n // height: 56.25vw !important;\r\n // min-width: 100% !important;\r\n // min-height: 100% !important;\r\n }\r\n}\r\n\r\n\r\n@include mq($until: large-mobile){\r\n .home-page-double-media-block .el-video-vimeo{\r\n aspect-ratio: 4 / 3;\r\n }\r\n}",".cp-short-hero {\r\n &-text-container {\r\n padding: 6%;\r\n padding-top: 9rem;\r\n padding-bottom: 2rem;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n &-title {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n &-subtitle {\r\n // width: 35%;\r\n margin-left: 40%;\r\n padding-top: 120px;\r\n line-height: 150%;\r\n font-family: $d8-sans-regular;\r\n max-width: 929px;\r\n }\r\n}\r\n\r\n@include mq($until:tablet){\r\n .cp-short-hero {\r\n &-text-container {\r\n padding: 120px 6% 20px;\r\n }\r\n\r\n &-subtitle{\r\n padding-left: 0;\r\n padding-top: 28px;\r\n margin-left: 0px;\r\n }\r\n }\r\n}\r\n\r\n@include mq($until:mobile){\r\n .cp-short-hero {\r\n &-text-container {\r\n padding: 120px 20px 20px;\r\n }\r\n }\r\n}",".cp-full-width-text {\r\n\tpadding: 4rem;\r\n\r\n\t@include mq($until:tablet){\r\n\t\tpadding:2rem;\r\n\t}\r\n\r\n\t&-title {\r\n\t\tmargin-bottom: 1rem;\r\n\t}\r\n\r\n\t&-subtitle {\r\n\t\tmargin-bottom: 2rem;\r\n width: 75%;\r\n\r\n\t\t@include mq($until:tablet){\r\n\t\t\twidth: 95%;\r\n\t\t}\r\n\t}\r\n}\r\n",".cp-accordion {\r\n\tbackground-color: $color-white;\r\n display: flex;\r\n justify-content: center;\r\n padding: 5rem 4rem;\r\n padding-bottom: 2rem;\r\n\r\n\t@include mq($until:tablet){\r\n\t\tpadding:5rem 2rem 2rem;\r\n\t}\r\n\r\n\t&-title {\r\n\t\tcolor: $color-black;\r\n margin-bottom: 4rem;\r\n\t}\r\n\r\n\t&__inner {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n width: 95%;\r\n\r\n\r\n\t\t&-section {\r\n\t\t\tbackground-color: $color-white;\r\n\t\t\tborder-top: 1px solid rgba(0, 0, 0, 0.5);\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-active {\r\n\t\t\t\tborder-top: 1px solid rgba(30, 30, 30, 1);\r\n\r\n\t\t\t\t.cp-accordion__inner-toggle {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t\tvisibility: visible;\r\n\t\t\t\t\tmax-height: 1000px;\r\n\t\t\t\t\tpadding: 8px 0 32px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> button {\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.cp-accordion__inner-toggle {\r\n\t\t\t\tmax-height: 0;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\ttransition: all 0.5s ease-in-out;\r\n\t\t\t\tvisibility: hidden;\r\n\t\t\t\twidth: 80%;\r\n\r\n\t\t\t\tp {\r\n\t\t\t\t\tcolor: $color-black;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t> button {\r\n\t\t\t\tbackground: none;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tpadding: 2rem 0.8rem 1rem 0;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttext-align: left;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\tjustify-content: space-between;\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 21px;\r\n\t\t\t\t\tright: 23px;\r\n\t\t\t\t\ttransition: all 0.75s ease-in-out;\r\n\t\t\t\t}\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 50px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-title {\r\n\t\tcolor: $color-black;\r\n\t\tmargin-bottom: 3rem;\r\n\t}\r\n}\r\n\r\n// .c-accordion__inner {\r\n// flex: 0 1 $global-container-width;\r\n// display: flex;\r\n// flex-direction: column;\r\n// }\r\n\r\n// .c-accordionTrigger {\r\n// display: flex;\r\n// flex: 1 1 100%;\r\n// width: 100%;\r\n// justify-content: space-between;\r\n// }\r\n\r\n// .cp-accordion {\r\n// background-color: $color-white;\r\n// padding-bottom: 80px;\r\n// display: flex;\r\n// flex: 1 1 100%;\r\n// justify-content: center;\r\n\r\n// p{\r\n// display: inline-block;\r\n// }\r\n// a{\r\n// display: inline;\r\n// }\r\n\r\n// &__inner {\r\n// padding: 58px 5px 40px;\r\n// flex: 0 1 $global-container-width;\r\n// display: flex;\r\n// flex-direction: row;\r\n\r\n// h2 {\r\n// margin-right:20%;\r\n// @include mq($from: tablet) {\r\n// margin-bottom: 7.4rem;\r\n// }\r\n// }\r\n// h3 {\r\n// margin-right:20%;\r\n\r\n// }\r\n\r\n// &-section {\r\n\r\n// background-color: $color-black;\r\n// border-top: 1px solid rgba(30,30,30,0.15);\r\n\r\n// &:last-child {\r\n// margin-bottom: 0;\r\n// }\r\n\r\n// &.is-active {\r\n// border-top: 1px solid rgba(30,30,30,1);\r\n// .cp-accordion__inner-toggle {\r\n// opacity: 1;\r\n// visibility: visible;\r\n// max-height: 1000px;\r\n// padding: 8px 0 32px;\r\n// }\r\n\r\n// > button {\r\n// > a {\r\n// display: inline-block;\r\n// }\r\n// }\r\n// }\r\n\r\n// > button {\r\n// background: none;\r\n// border: 0;\r\n// padding: 0;\r\n// cursor: pointer;\r\n// width: 100%;\r\n// padding: 2rem 2.8rem 4rem 0;\r\n// text-align: left;\r\n// position: relative;\r\n\r\n// &:after {\r\n// position: absolute;\r\n// top: 21px;\r\n// right: 23px;\r\n// transition: all 0.75s ease-in-out;\r\n// }\r\n\r\n// h3 {\r\n\r\n// img {\r\n// max-width: 1.6px;\r\n// height: 1.6px;\r\n// }\r\n// }\r\n\r\n// > a {\r\n// margin-left: 10px;\r\n// display: none;\r\n// }\r\n// }\r\n\r\n// .cp-accordion__inner-toggle {\r\n// padding: 0;\r\n// transition: all 0.5s ease-in-out;\r\n// opacity: 0;\r\n// visibility: hidden;\r\n// max-height: 0;\r\n// padding: 0 ;\r\n// width: 80%;\r\n\r\n// p {\r\n// display: inline-block;\r\n// align-items: center;\r\n\r\n// > span {\r\n\r\n// display: block;\r\n// }\r\n// }\r\n// }\r\n// }\r\n// }\r\n\r\n// &Trigger{\r\n// display: inline-flex;\r\n// justify-content: space-between;\r\n// }\r\n// }\r\n",".cp-anchor {\r\n padding:4rem;\r\n\r\n @include mq($until:tablet){\r\n padding:1rem;\r\n }\r\n\r\n &-container {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-evenly;\r\n }\r\n\r\n &-link {\r\n color:$color-black;\r\n font-size:25px;\r\n text-underline-offset: 4px;\r\n }\r\n}",".case-studies-listing {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 2%;\r\n row-gap: 4rem;\r\n justify-content: flex-start;\r\n padding: 2rem 6%;\r\n}\r\n\r\n.case-studies-related-heading{\r\n padding: 2rem 6%;\r\n}\r\n\r\n.case-study-link {\r\n text-decoration: none;\r\n color: inherit;\r\n transition: transform 0.3s ease;\r\n cursor: pointer;\r\n}\r\n\r\n.case-study-link:hover {\r\n transform: translateY(-4px);\r\n}\r\n\r\n.case-study-tile {\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n height: fit-content;\r\n}\r\n\r\n.case-study-tile img,\r\n.case-study-tile video,\r\n.case-study-tile canvas {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: contain;\r\n aspect-ratio: 16 / 9;\r\n}\r\n\r\n.case-study-info {\r\n padding: 1rem 0;\r\n background-color: #fff;\r\n}\r\n\r\n.case-study-info .subtitle {\r\n font-size: 0.875rem;\r\n color: #777;\r\n}\r\n\r\n.case-study-info .title {\r\n // font-size: 1.25rem;\r\n // font-weight: 600;\r\n color: #1D1D1D;\r\n}\r\n\r\n.media-wrapper {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.media-wrapper img,\r\n.media-wrapper video,\r\n.media-wrapper canvas {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n transition: transform 0.3s ease;\r\n}\r\n.media-wrapper iframe{\r\n transition: scale 0.3s ease;\r\n cursor: pointer;\r\n pointer-events: none;\r\n}\r\n\r\n.media-wrapper .placeholder {\r\n z-index: 1;\r\n}\r\n\r\n.media-wrapper video,\r\n.media-wrapper canvas,\r\n.media-wrapper .main-image {\r\n z-index: 2;\r\n}\r\n\r\n.case-study-link:hover .media-wrapper img,\r\n.case-study-link:hover .media-wrapper video,\r\n.case-study-link:hover .media-wrapper canvas {\r\n transform: scale(0.95);\r\n}\r\n\r\n.case-study-link:hover .media-wrapper iframe{\r\n scale: 0.95;\r\n}\r\n\r\n\r\n.case-study-tile-no{\r\n &-0{\r\n width: 49%;\r\n }\r\n &-1{\r\n width: 49%;\r\n }\r\n &-2{\r\n width: 59%;\r\n }\r\n &-3{\r\n width: 39%;\r\n }\r\n &-4{\r\n width: 39%;\r\n }\r\n &-5{\r\n width: 59%;\r\n }\r\n &-6{\r\n width: 49%;\r\n }\r\n &-7{\r\n width: 49%;\r\n }\r\n}\r\n\r\n.case-studies-related-True{\r\n padding-top: 120px;\r\n padding-bottom: 120px;\r\n}\r\n.case-studies-related-True .case-studies-related-heading{\r\n padding: 0 6% 48px;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .case-studies-related-True{\r\n padding-top: 80px;\r\n padding-bottom: 80px;\r\n }\r\n .case-studies-related-True .case-studies-related-heading{\r\n padding-bottom: 28px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n .case-studies-listing{\r\n padding: 20px;\r\n row-gap: 28px;\r\n }\r\n\r\n .case-study-link {\r\n max-width: 100%;\r\n width: 100%;\r\n }\r\n .case-studies-related-heading{\r\n padding-left: 20px !important;\r\n padding-right: 20px !important;\r\n }\r\n}\r\n\r\n.case-studies-related-True .case-studies-listing{\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n}\r\n\r\n@media (min-width: 2060px){\r\n .case-studies-listing{\r\n // padding-left: 0;\r\n // padding-right: 0;\r\n\r\n }\r\n\r\n}\r\n\r\n","#hero-load-animation{\r\n height: 100vh;\r\n width: 100vw; \r\n // background-color: grey;\r\n position: fixed;\r\n z-index: 2;\r\n top: 0;\r\n left: 0;\r\n pointer-events: none;\r\n}\r\n\r\n#hero-load-animation-canvas{\r\n height: 100%;\r\n width: 100%;\r\n}\r\n\r\n.hero-load-animation-spacer{\r\n height: 100vh;\r\n width: 100vw;\r\n // background: hotpink;\r\n z-index: 1;\r\n position: relative;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n #hero-load-animation{\r\n height: fit-content;\r\n top: 50%; \r\n left: 50%; \r\n transform: translate(-50%, -50%)\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n #hero-load-animation-canvas,\r\n .home-page-double-media-loader {\r\n display: none !important;\r\n }\r\n}",".home-page-double-media-block {\r\n height: 100vh;\r\n\r\n\t&-container {\r\n\t\theight: 100%;\r\n padding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: center;\r\n\t\talign-items: stretch;\r\n\t\t// padding: 120px 6%;\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\t}\r\n\r\n\t&-left,\r\n\t&-right {\r\n\t\twidth: 50%;\r\n\r\n\t\t&.textElement {\r\n\t\t\twidth: 50%;\r\n\t\t\talign-self: center;\r\n padding: 5%;\r\n\t\t}\r\n\r\n\t\t&.videoElement {\r\n\t\t\t.double-media-block-img {\r\n\t\t\t\theight: 100%;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\tobject-position: center;\r\n\r\n\t\t\t\t@include mq($until: large-mobile) {\r\n\t\t\t\t\t// min-height: 600px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.riveElement {\r\n .rive-element-canvas{\r\n height: 100%;}\r\n\t\t\t.rive-element-animation {\r\n\t\t\t\taspect-ratio: 4 / 5;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\twidth: 100%;\r\n\t\t\t&.textElement {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-img {\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t\r\n\r\n}\r\n\r\n.home-page-double-media-block{\r\n\t\t.videdo-vimeo-fallback-image{\r\n\t\t\twidth: 100%;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n\r\n@media (min-width: 768px) {\r\n\t.home-page-double-media-block {\r\n\r\n\t\t// Not sure this is doing anything?\r\n\t\t// Removes the black bars when not active\r\n\r\n\t\t// .el-video-vimeo iframe{\r\n\t\t// \tmin-width: 100% !important;\r\n\t\t// \tmin-height: 100% !important;\r\n\t\t// \twidth: 133vh !important;\r\n\t\t// \theight: 100vh !important;\r\n\t\t// \tposition: absolute !important;\r\n\t\t// \ttop: 0 !important;\r\n\t\t// \t// left: -25% !important;\r\n\t\t// \tbox-sizing: border-box !important;\r\n\t\t// }\r\n\r\n\t\t.el-video-vimeo .video-frame{\r\n\t\t\toverflow: hidden;\r\n\t\t\theight: 100vh;\r\n\t\t}\r\n\t}\r\n\r\n\t.home-page-double-media-block{\r\n\t\t.videdo-vimeo-fallback-image{\r\n\t\t\tobject-fit: cover;\r\n\t\t\theight: 100vh;\r\n\t\t}\r\n\t}\r\n\r\n\t.home-page-double-media-block-container .textElement.home-page-double-media-block-left{\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: end;\r\n\t}\r\n}\r\n\r\n\r\n\r\n\r\n.home-page-double-media-block:first-of-type .home-page-double-media-loader{\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tbackground-color: #1D1D1D;\r\n\tz-index: 1;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n}\r\n\r\n.home-page-double-media-block .textElement{\r\n\toverflow: hidden;\r\n\r\n\t& span{\r\n\t\tposition: relative;\r\n\t\tbottom: -400px;\r\n\t\topacity: 0;\r\n\t\ttransition: all 1s cubic-bezier(0.08, 0.08, 0.37, 1.00);\r\n\t\ttransition-delay: 1200ms;\r\n\r\n\t\t// @include mq($from:)\r\n\t}\r\n}\r\n\r\n.home-page-double-media-block{\r\n\toverflow: hidden;\r\n\r\n\t& .videoElement{\r\n\t\tposition: relative;\r\n\t\tbottom: -100vh;\r\n\t\ttransition: bottom 1s cubic-bezier(.61, 0, 0, 1), top 1s cubic-bezier(.61, 0, 0, 1);\r\n\t\t// transition-delay: 100ms;\r\n\t}\r\n\r\n}\r\n\r\n.home-page-double-media-block.double-media-above {\r\n\t& .videoElement{\r\n\t\tbottom: unset;\r\n\t\ttop: 100vh;\r\n\t}\r\n}\r\n\r\n.double-media-reverse-start {\r\n\t& .videoElement{\r\n\t\tbottom: unset;\r\n\t\ttop: 0px !important;\r\n\t}\r\n}\r\n.mobile-content{\r\n display: none;\r\n}\r\n\r\n\r\n.double-media-stage-2-start .textElement span,\r\n.double-media-stage-2-start .videoElement,\r\n.double-media-stage-3-start .textElement span,\r\n.double-media-stage-3-start .videoElement\r\n{\r\n\tbottom: 0 !important;\r\n\topacity: 1 !important;\r\n}\r\n\r\nmain:has(.double-media-stage-3-end) #hero-load-animation{\r\n\ttop: -50vh;\r\n\ttransition: top 0.7s ease-in-out;\r\n}\r\n\r\n.homepage-double-media-mobile-text{\r\n\tcolor: white;\r\n\tfont-size: 200px;\r\n\tletter-spacing: -16px;\r\n}\r\n\r\n.home-page-double-media-block-container .textElement span{\r\n\tmax-width: calc(1000px - 12%);\r\n\tdisplay: block;\r\n}\r\n\r\n\r\n\r\n@media (max-width: 768px) {\r\n \t.home-page-double-media-block .textElement span,\r\n\t.home-page-double-media-block .videoElement{\r\n\t\tbottom: 0 !important;\r\n\t\topacity: 1 !important;\r\n\t\ttop: 0 !important;\r\n\t}\r\n\r\n\t.home-page-double-media-block{\r\n\t\theight: fit-content;\r\n\t}\r\n\t.home-page-double-media-block .textElement{\r\n\t\taspect-ratio: 4 / 3;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.home-page-double-media-block:nth-of-type(2) .home-page-double-media-block-container{\r\n\t\tflex-direction: column-reverse;\r\n\t}\r\n\r\n\t.home-page-double-media-block:nth-of-type(1) .mobile-content-home-douible-media-abc{\r\n\t\tdisplay: block;\r\n\t\t// top: 50%;\r\n\t\t// width: 50%;\r\n\t\t/* right: 0; */\r\n\t\t// text-align: end;\r\n\t\t// transform: translateY(-50%);\r\n\t\tbottom: 0;\r\n\t\theight: 50%;\r\n\t\twidth: 100%;\r\n\t\tbackground: url(\"/src/img/logos/abcsvg.svg\") 20px 0px / 70% no-repeat transparent;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.home-page-double-media-block:nth-of-type(2) .mobile-content-home-douible-media-d{\r\n\t\tdisplay: block;\r\n\t\tbottom: 0;\r\n\t\tbottom: 0;\r\n\t\theight: 50%;\r\n\t\twidth: 100%;\r\n\t\tbackground: url(\"/src/img/logos/d8svg.svg\") 7px 0px / 55% no-repeat transparent;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.home-page-double-media-block:nth-of-type(1) .mobile-double-media-transpareny-layer-left{\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\tbackground: #1D1D1D;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 1;\r\n\t\tdisplay: block;\r\n\t\topacity: 0.3;\r\n\t}\r\n\t.home-page-double-media-block:nth-of-type(2) .mobile-double-media-transpareny-layer-right{\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\tbackground: #1D1D1D;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 1;\r\n\t\tdisplay: block;\r\n\t\topacity: 0.3;\r\n\t}\r\n\r\n\t.mobile-content{\r\n\t\tposition: absolute;\r\n\t}\r\n\r\n\t\r\n}",".cp-featured-case-studies-block__inner-tabs {\r\n // scroll-snap-type: y mandatory;\r\n overflow-y: scroll;\r\n height: 100vh;\r\n scroll-behavior: smooth;\r\n position: relative;\r\n}\r\n\r\n.cp-featured-case-studies-element {\r\n // scroll-snap-align: start;\r\n position: sticky;\r\n top: 0;\r\n height: 100vh;\r\n z-index: 1;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n\r\n &__inner {\r\n height: 100vh;\r\n position: relative;\r\n }\r\n\r\n &-media {\r\n position: absolute;\r\n z-index: 1;\r\n height: 100%;\r\n width: 100%;\r\n\r\n img, video {\r\n object-fit: cover;\r\n height: 100%;\r\n width: 100%;\r\n }\r\n }\r\n\r\n &-text-container {\r\n z-index: 2;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n height: 100%;\r\n width: 100%;\r\n padding-left: 60%; \r\n padding-right: 6%;\r\n color: white;\r\n text-align: left; \r\n // max-width: 2000px;\r\n margin: auto;\r\n }\r\n &-text-wrapper {\r\n height: 100%;\r\n }\r\n\r\n &-subtitle,\r\n &-title,\r\n &-description {\r\n color: inherit;\r\n }\r\n\r\n &-title{\r\n padding-bottom: 20px;\r\n }\r\n\r\n &-description{\r\n padding-bottom: 40px;\r\n // font-size: 20px;\r\n }\r\n}\r\n\r\n#homepage-featured-case-studies-element-1{\r\n .cp-featured-case-studies-element-text-container{\r\n padding-left: 6%;\r\n padding-right: 60%;\r\n }\r\n}\r\n\r\n@include mq($from: 2200px){\t\r\n #homepage-featured-case-studies-element-1{\r\n .cp-featured-case-studies-element-text-container{\r\n padding-left: 0;\r\n }\r\n }\r\n #homepage-featured-case-studies-element-0 .cp-featured-case-studies-element-text-container,\r\n #homepage-featured-case-studies-element-2 .cp-featured-case-studies-element-text-container\r\n {\r\n padding-right: 0;\r\n }\r\n}\r\n\r\n.cp-featured-case-studies-block__inner-tabs{\r\n scrollbar-width: none;\r\n -ms-overflow-style: none; \r\n -webkit-overflow-scrolling: touch;\r\n height: auto;\r\n /* max-height: none; */\r\n overflow-y: visible;\r\n overscroll-behavior: contain;\r\n\r\n \r\n}\r\n.cp-featured-case-studies-block__inner-tabs::-webkit-scrollbar, \r\n.cp-featured-case-studies-block__inner-tabs::-webkit-scrollbar {\r\n display: none; \r\n}\r\n\r\n@media (max-width: 768px) {\r\n .cp-featured-case-studies-element-text-container{\r\n padding: 20px !important;\r\n height: 100vh;\r\n }\r\n}\r\n\r\n// @media (max-width: 768px) {\r\n .cp-featured-case-studies-block__inner-tabs {\r\n overscroll-behavior: contain; /* Allow nested scroll containers to \"bubble\" */\r\n -webkit-overflow-scrolling: touch; /* For iOS momentum scroll */\r\n height: auto;\r\n max-height: none;\r\n overflow-y: visible;\r\n }\r\n\r\n .cp-featured-case-studies-element {\r\n height: auto;\r\n // position: static;\r\n }\r\n\r\n .cp-featured-case-studies-element__inner{\r\n overflow: hidden;\r\n height: 100vh;\r\n }\r\n// }\r\n\r\n// .cp-featured-case-studies-element-media .clip-video iframe{\r\n// position: absolute !important;\r\n// top: 50% !important;\r\n// left: 50% !important;\r\n// transform: translate(-50%, -50%) !important;\r\n// pointer-events: none !important;\r\n// }\r\n\r\n\r\n@media (min-width: 768px) {\r\n\t.cp-featured-case-studies-element-media {\r\n\t\t.el-video-vimeo iframe{\r\n\t\t\tmin-width: 100% !important;\r\n\t\t\tmin-height: 100% !important;\r\n\t\t\twidth: 177.77777vh !important;\r\n\t\t\theight: 100vh !important;\r\n\t\t\tposition: absolute !important;\r\n\t\t\ttop: 0 !important;\r\n\t\t\tleft: 0 !important;\r\n\t\t\tbox-sizing: border-box !important;\r\n\t\t}\r\n\t\t.el-video-vimeo .video-frame{\r\n\t\t\toverflow: hidden;\r\n\t\t\theight: 100vh;\r\n\t\t}\r\n\t}\r\n}\r\n@media (max-width: 767px) {\r\n\t.cp-featured-case-studies-element-media {\r\n\t\t.clip-video iframe{\r\n box-sizing: border-box !important;\r\n width: 177.77777778vh !important;\r\n height: 100vh !important;\r\n min-width: 100% !important;\r\n min-height: 100% !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n }\r\n\t}\r\n}\r\n\r\n.cp-featured-case-studies-element-media{\r\n\t\t.fallback-img-vimeo{\r\n\t\t\theight: 100vh;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n\r\n",".cp-carousel {\r\n padding:0;\r\n padding-bottom: 4rem;\r\n\r\n @include mq($until:tablet){\r\n\tpadding: 4px 8px 4rem;\r\n }\r\n\r\n\t&-title-container {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tjustify-content: space-between;\r\n\t\tpadding: 4rem 6rem;\r\n\t\tpadding-bottom: 1rem;\r\n\r\n\t\t@include mq($until:tablet){\r\n\t\t\tpadding: 1rem 1rem 1rem;\r\n\t\t}\r\n\t}\r\n\r\n\t&-title {\r\n\t\ttext-align: center;\r\n margin-bottom: 3rem;\r\n\r\n\t\t@include mq($until:tablet){\r\n\t\t\ttext-align: left;\r\n\t\t\tmargin-bottom: 1rem;\r\n\t\t}\r\n\t}\r\n\r\n\t&-container {\r\n\t\t.splide__list {\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t}\r\n\r\n\t&-image {\r\n\t\t&.splide__slide{\r\n\t\t\topacity:1!important;\r\n\t\t}\r\n\t\r\n\t}\r\n\r\n\t&-images {\r\n\r\n\t\t&.splide {\r\n\t\t\tvisibility: visible!important;\r\n\t\t\tmargin:0;\r\n\t\t}\r\n\r\n\t\tmargin: 0rem 3rem;\r\n\t\t.swiper-wrapper {\r\n\t\t\talign-items: center!important;\r\n\t\t\t.swiper-slide {\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 50%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-slider {\r\n\t\t&-container {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t}\r\n\r\n\t\t&__l-button,\r\n\t\t&__r-button {\r\n\t\t\twidth: 88px;\r\n\t\t\theight: 88px;\r\n\t\t}\r\n\r\n &__r-button {\r\n\t\t\t&__svg {\r\n\t\t\t\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: auto;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tcolor: $color-black;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\ttransition: 1s;\r\n\t\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\r\n\t\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\t\tbackground-size: auto;\r\n\t\t\t\t\tbackground-position: center;\r\n\t\t\t\t\tcolor: $color-white;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\ttransition: 1s;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n &__l-button {\r\n\t\t\t&__svg {\r\n\t\t\t\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-size: auto;\r\n\t\t\t\tbackground-position: center;\r\n\t\t\t\tcolor: black;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\twidth: 100%;\r\n transition: 1s;\r\n\t\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\r\n\t\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\t\tbackground-size: auto;\r\n\t\t\t\t\tbackground-position: center;\r\n\t\t\t\t\tcolor: white;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\twidth: 100%;\r\n transition: 1s;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".cp-counter {\r\n padding: 5rem 4rem;\r\n\r\n @include mq($until:tablet){\r\n padding: 0rem 1rem;\r\n }\r\n\r\n &-title {\r\n color:$color-black;\r\n }\r\n\r\n &-container {\r\n padding:4rem 0;\r\n\r\n @include mq($until:tablet){\r\n padding: 3rem 0;\r\n }\r\n }\r\n\r\n &-number-container {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-around;\r\n\r\n &__inner {\r\n display: flex;\r\n row-gap: 2rem;\r\n flex-direction: column;\r\n align-items: center;\r\n\r\n .title {\r\n color:$color-black;\r\n }\r\n\r\n .body {\r\n color:$color-black;\r\n\r\n .body-text {\r\n \r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n",".cp-grid {\r\n &-container {\r\n padding:4rem;\r\n\r\n @include mq($until:tablet){\r\n padding: 2rem;\r\n }\r\n }\r\n\r\n &-title { \r\n color:$color-black;\r\n &-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n row-gap: 1rem;\r\n }\r\n \r\n }\r\n\r\n &-subtitle {\r\n color:$color-black;\r\n margin-bottom:2rem;\r\n }\r\n\r\n &-items {\r\n &-container {\r\n &.vertical {\r\n display: grid;\r\n grid-template-columns: 50% 50%;\r\n grid-template-rows: 33% 33% 33%;\r\n row-gap: 1rem;\r\n }\r\n\r\n &.horizontal {\r\n display: grid;\r\n grid-template-columns: 33% 33% 33%;\r\n grid-template-rows: 50% 50%;\r\n row-gap: 1rem;\r\n column-gap: 0rem;\r\n }\r\n }\r\n }\r\n}\r\n\r\n",".cp-page-title {\r\n padding:2rem 4rem;\r\n\r\n @include mq($until:tablet){\r\n padding:2rem 1rem;\r\n }\r\n\r\n &__title {\r\n color:$color-black;\r\n }\r\n}",".cp-spacer {\r\n &-large {\r\n padding:10rem;\r\n }\r\n\r\n &-medium {\r\n padding: 8rem;\r\n }\r\n\r\n &-small {\r\n padding:5rem;\r\n }\r\n}",".NPO,\r\n#glyph-block:has(.NPO)\r\n{\r\n\t---text: #ffff;\r\n\t---glyphs: #ffff;\r\n\t---lines: #ffff;\r\n\t---gridBorder: #fff;\r\n\t---background-color: #ff6d00;\r\n\t---hoverBg: rgba(255, 255, 255, 0.3);\r\n\t--activeBg: #ffff;\r\n --fontFamily: \"NPO OTF\";\r\n\t--gridRows: 0px 0px 80px 200px 88px;\r\n}\r\n\r\n.Canal,\r\n#glyph-block:has(.Canal) {\r\n\t---text: #ffff;\r\n\t---glyphs: #ffff;\r\n\t---lines: #ffff;\r\n\t---gridBorder: #fff;\r\n\t---background-color: #a639c2;\r\n\t---hoverBg: rgba(255, 255, 255, 0.3);\r\n\t--activeBg: #ffff;\r\n --fontFamily: \"Canal OTF\";\r\n\t--gridRows: 0px 0px 0px 320px 0px;\r\n\r\n\t.glyph-block-stats{\r\n\t\t&-xHeight{\r\n\t\t\tvisibility: hidden;\r\n\t\t}\r\n\t\t&-descent{\r\n\t\t\tvisibility: hidden;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.Benromach,\r\n#glyph-block:has(.Benromach) {\r\n\t---text: #222222;\r\n\t---glyphs: #be0f34;\r\n\t---lines: #222222;\r\n\t---gridBorder: #a32136;\r\n\t---background-color: #ffffff;\r\n\t---hoverBg: rgba(190, 15, 52, 0.2);\r\n\t--activeBg: #be0f34;\r\n --fontFamily: \"Benromach OTF\";\r\n\t--gridRows: 0px 0px 85px 200px 80px;\r\n}\r\n\r\n.Walkers,\r\n#glyph-block:has(.Walkers) {\r\n\t---text: #FFFFFF;\r\n\t---glyphs: #FFFFFF;\r\n\t---lines: #FFFFFF;\r\n\t---gridBorder: #FFFFFF;\r\n\t---background-color: #87715A;\r\n\t---hoverBg: rgba(255, 255, 255, 0.30);\r\n\t--activeBg: #ffff; \r\n --fontFamily: \"Aberlour OTF\";\r\n\t--gridRows: 0px 0px 79px 207px 83px;\r\n}\r\n\r\n.HighlandPark,\r\n#glyph-block:has(.HighlandPark) {\r\n\t---text: #FFFFFF;\r\n\t---glyphs: #FFFFFF;\r\n\t---lines: #FFFFFF;\r\n\t---gridBorder: #FFFFFF;\r\n\t---background-color: #171717;\r\n\t---hoverBg: rgba(255, 255, 255, 0.30);\r\n\t--activeBg: #FFFFFF; \r\n --fontFamily: \"HighlandPark OTF\";\r\n\t--gridRows: 0px 0px 88px 201px 92px;\r\n}\r\n\r\n\r\n@-moz-document url-prefix() {\r\n\t.glyph-block-left-char{\r\n\t &::after{\r\n\t\t\tcontent: \"\";\r\n\t\t\tmargin-top: -0.2em;\r\n\t\t\tdisplay: table;\r\n\t\t }\r\n\r\n\t\t &::before{\r\n\t\t\tcontent: \"\";\r\n\t\t\tmargin-top: -0.1em;\r\n\t\t\tdisplay: table;\r\n\t\t }\r\n\t}\r\n }\r\n.ios-device{\r\n\t.glyph-block-left-char{\r\n\t &::after{\r\n\t\t\tcontent: \"\";\r\n\t\t\tmargin-top: -0.2em;\r\n\t\t\tdisplay: table;\r\n\t\t }\r\n\r\n\t\t &::before{\r\n\t\t\tcontent: \"\";\r\n\t\t\tmargin-top: -0.1em;\r\n\t\t\tdisplay: table;\r\n\t\t }\r\n\t}\r\n }\r\n\r\n#glyph-block{\r\n\tbackground-color: var(---background-color);\r\n}\r\n.glyph-block {\r\n\t&-container {\r\n\t\tdisplay: flex;\r\n\t\tpadding: 120px 6%;\r\n\t\tjustify-content: center;\r\n\t\talign-items: flex-start;\r\n\t\tbackground-color: var(---background-color);\r\n font-family: var(--fontFamily);\r\n\t\tposition: relative;\r\n\t\t@include mq($until:large-mobile){\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\t\t@include mq($until: 991px) {\r\n\t\t\tpadding: 80px 20px;\r\n\t\t}\r\n\t}\r\n\r\n\t&-left,\r\n\t&-right {\r\n\t\twidth: 50%;\r\n\t\tcolor: var(---text);\r\n\t\t@include mq($until:large-mobile){\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t&-right {\r\n\t\talign-items: flex-start;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\trow-gap: 45px;\r\n\t\tflex-wrap: nowrap;\r\n\t\tfont-weight: 500;\r\n\t\theight: fit-content;\r\n\r\n\t\t@include mq($until:large-mobile){\r\n\t\t\tflex-direction: row;\r\n\t\t\tcolumn-gap: 6%;\r\n\t\t\twidth: 100vw;\r\n\t\t\tleft: -20px;\r\n\t\t\tposition: relative;\r\n\t\t\tpadding-left: 20px;\r\n\t\t\t padding-right: 20px;\r\n\t\t\toverflow: scroll;\r\n\t\t}\r\n\t\t@include mq($until: 480px){\r\n\t\t\tflex-direction: row;\r\n\t\t\tcolumn-gap: 20px;\r\n\t\t\twidth: 100vw;\r\n\t\t\toverflow-x: scroll;\r\n\t\t}\r\n\t}\r\n\r\n\t&-left {\t\t\r\n\t\t\r\n\r\n\t\t@include mq($from:large-mobile){\r\n\t\t\ttop: 150px;\r\n\t\t\tposition: sticky;\r\n\t\t}\r\n\r\n\t\t&-render{\r\n\t\t\tposition: relative;\r\n\t\t\tmin-height: 400px;\r\n\t\t\tmargin-top: 50px;\r\n\r\n\t\t\t@include mq($until:large-mobile){\r\n\t\t\t\tmin-height: 40vw;\r\n\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t&-char{\r\n\t\t\tcolor: var(---glyphs);\r\n\t\t\ttext-align: center;\r\n\t\t\tfont-size:400px;\r\n\t\t\tfont-style: normal;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tline-height: 100%;\r\n\t\t\ttext-box-edge: cap alphabetic;\r\n\t\t\ttext-box-trim: trim-both;\t\t\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0px;\t\r\n\t\t\twidth: 100%;\r\n\t\t\tz-index: 2;\t\r\n\t\t\tpadding-top: 1px;\r\n\t\t}\r\n\r\n\t\t&-dropdowns{\r\n\t\t\tz-index: 2;\r\n\t\t\tpadding-bottom: 38px;\r\n\r\n\t\t\t@include mq($from:desktop){\r\n\t\t\t\tpadding-bottom: 50px;\r\n\t\t\t}\r\n\t\t\t@include mq($from:large-desktop){\r\n\t\t\t\tpadding-bottom: 72px;\r\n\t\t\t}\r\n\t\t\t@include mq($from:1600px){\r\n\t\t\t\tpadding-bottom: 80px;\r\n\t\t\t}\r\n\r\n\t\t\th5{\r\n\t\t\t\tcolor: var(---text);\r\n\t\t\t\tpadding-bottom: 6px;\r\n\t\t\t\t@include mq($from:large-desktop){\r\n\t\t\t\t\tpadding-bottom: 2px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tselect{\r\n\t\t\t\tcolor: var(---text);\r\n\t\t\t\t-webkit-appearance: none;\r\n\t\t\t\t-moz-appearance: none;\r\n\t\t\t\tappearance: none;\r\n\t\t\t\tborder: 1px solid;\r\n\t\t\t\tborder-color: inherit;\r\n\t\t\t\tborder-radius: 25px;\r\n\t\t\t\tpadding: 5px 30px 5px 16px;\r\n\t\t\t\twidth: fit-content;\r\n\t\t\t\tbackground: url(\"/src/img/icons/arrow_down.svg\") 95% / 20px no-repeat transparent;\r\n\t\t\t\tmargin-right: 22px;\r\n\t\t\t\tfont-family:\"D8 Sans BD Regular 400\" !important;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\toption{\r\n\t\t\t\tbackground: var(---background-color);\r\n\t\t\t\tborder: 0;\r\n\r\n\t\t\t\t&:hover{\r\n\t\t\t\t\tbackground: var(---hoverBg);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n\r\n\t&-stats {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-rows: var(--gridRows);\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\ttop: 0px;\r\n\r\n\t\t&-container{\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\t\r\n\t\t&-ascender{\r\n\t\t\tgrid-row:2;\r\n\t\t}\r\n\t\t&-capHeight{\r\n\t\t\tgrid-row:3;\r\n\t\t}\r\n\t\t&-xHeight{\r\n\t\t\tgrid-row:4;\r\n\t\t}\r\n\t\t&-baseline{\r\n\t\t\tgrid-row:5;\r\n\t\t}\r\n\t\t&-descent{\r\n\t\t\tgrid-row:6;\r\n\t\t}\r\n\t\t&-ascender{\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t&-text{\t\t\t\r\n\t\t\tmargin-top: -10px;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\tfont-family:\"D8 Sans BD Regular 400\" !important;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tfont-size: 16px;\r\n\t\t\tposition: relative;\r\n\t\t\ttop: -28px;\r\n\t\t}\r\n\t\t&-line{\r\n\t\t\tdisplay: block;\t\t\t\t\t\t\r\n\t\t\tbackground-image: linear-gradient(to left, var(---text) 50%, rgba(255,255,255,0) 0%);\r\n\t\t\tbackground-position: top;\r\n\t\t\tbackground-size: 8px 1px;\r\n\t\t\tbackground-repeat: repeat-x;\r\n\t\t\twidth: 95%;\r\n\t\t\t// margin-top: -31px;\r\n\t\t\theight: 2px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\r\n\t\t\t@include mq($until:large-mobile){\r\n\t\t\t\t// margin-top: -27px;\r\n\t\t\t}\r\n\t\t}\t\t\r\n\t\t@include mq($from:large-mobile, $until:tablet){\r\n\t\t\t\tfont-size: 33px;\r\n\t\t}\r\n\t\t@include mq($until:large-mobile){\r\n\t\t\t\tfont-size: 20px;\r\n\t\t}\r\n\t}\r\n\r\n\t&-title{\r\n\t\tfont-family:\"D8 Sans BD Regular 400\" !important;\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: 16px;\r\n\t\tcolor: var(---text);\r\n\t}\r\n\r\n\r\n\t&-char-container{\r\n\t\talign-items: flex-start;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 7.2px;\r\n\t\twidth: 100%;\r\n\t\theight: fit-content;\r\n\r\n\t\t@include mq($until:large-mobile){\r\n\t\t\twidth: 100vw;\r\n\t\t\tmin-width: calc(100vw - 12%);\r\n\t\t}\r\n\t\t@include mq($until: 480px){\r\n\t\t\tmin-width: calc(100vw - 40px);\r\n\t\t}\r\n\t}\r\n\r\n\t&-char-grid {\r\n\t\talign-content: center;\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(7, 1fr);\r\n\t\tjustify-content: center;\r\n\t\tjustify-items: center;\r\n\t\talign-items: center;\r\n\t\twidth: 100%;\t\t\r\n\t\theight: fit-content;\r\n\r\n\t\tdiv {\r\n\t\t\tbackground: var(---background-color);\r\n\t\t\twidth: 100%;\r\n\t\t\taspect-ratio: 1 / 1;\r\n\t\t\talign-self: center;\r\n\t\t\ttext-align: center;\r\n\t\t\talign-content: center;\r\n\t\t\t//box-shadow: inset -1px -1px 0 var(---gridBorder);\r\n\t\t\tborder: 1px solid var(---gridBorder);\r\n\t\t\tborder-right: none;\r\n\r\n color: var(---glyphs);\r\n text-align: center;\r\n font-size: calc(30px + 1vw);\r\n font-style: normal; \r\n line-height: 100%;\r\n\r\n\t\t\t@include mq($until:large-mobile){\r\n\t\t\t\tfont-size: calc(35px + 1vw);\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground: var(---hoverBg);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\r\n\r\n\t\tdiv:nth-child(7n) {\r\n\t\t\tborder-right: 1px solid var(---gridBorder);\r\n\t\t}\r\n\t\tdiv:last-child {\r\n\t\t\tborder-right: 1px solid var(---gridBorder);\r\n\t\t}\r\n\t\tdiv:nth-child(n + 8) {\r\n\t\t\tborder-top: none;\r\n\t\t}\r\n\t\tdiv:nth-child(26n) {\r\n\t\t\twidth: calc(100% + 1px);\r\n\t\t\tmargin-right: -1px;\r\n\t\t\theight: 100%;\r\n\t\t\taspect-ratio: auto;\r\n\t\t}\r\n\t\t\r\n\t}\r\n\r\n\t&-right-mobile-gradient,\r\n\t&-left-mobile-gradient{\r\n\t\t@include mq($from:large-mobile){\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\theight: 50%;\r\n\t\tpointer-events: none;\r\n\t\tz-index: 2;\r\n\t}\r\n\t&-right-mobile-gradient{\r\n\t\tright: 0;\r\n\t\twidth: 64px;\r\n\t\tbackground: linear-gradient(to left, var(---background-color), rgba(255, 255, 255, 0));\r\n\t}\r\n\t&-left-mobile-gradient{\r\n\t\tleft: 0;\r\n\t\twidth: 12px;\r\n\t\tbackground: linear-gradient(to right, var(---background-color), rgba(255, 255, 255, 0));\r\n\t}\r\n\r\n\r\n}\r\n.glyph-character.active{\r\n\tcolor: var(---background-color);\r\n\tbackground-color: var(---glyphs) !important;\r\n}\r\n\r\n.glyph-character{\r\n\tcursor:pointer;\r\n}\r\n\r\n#selectFontStyle{\r\n\tmargin-top: 8px;\r\n}\r\n\r\n.Canal input[type=range].styled-slider::-webkit-slider-thumb {\r\n\t-webkit-appearance: none;\r\n\twidth: 18px;\r\n\theight: 18px;\r\n\tborder-radius: 50px;\r\n\tbackground: $color-white;\r\n\tborder: 2px solid var(---background-color);\r\n\tmargin-top: calc(max((2px - 1px - 1px) * 0.5,0px) - max(18px * 0.5,1px));\r\n }\r\n \r\n .Canal input[type=range].styled-slider::-webkit-slider-runnable-track {\r\n\theight: 2px;\r\n\tbackground: $color-white;\r\n }\r\n \r\n .Canal input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {\r\n\t// background: linear-gradient($color-canal-pink, $color-canal-pink) 0/var(--sx) 100% no-repeat, $color-white;\r\n\tbackground: $color-white;\r\n }\r\n \r\n /*mozilla*/\r\n .Canal input[type=range].styled-slider::-moz-range-thumb {\r\n\twidth: max(calc(18px - 1px - 1px),0px);\r\n\theight: max(calc(18px - 1px - 1px),0px);\r\n\tborder-radius: 50px;\r\n\tbackground: $color-white;\r\n\tborder: 2px solid var(---background-color);\r\n }\r\n \r\n .Canal input[type=range].styled-slider::-moz-range-track {\r\n\theight: max(calc(2px - 1px - 1px),0px);\r\n\tbackground: $color-white;\r\n\tbox-shadow: none;\r\n }\r\n \r\n .Canal input[type=range].styled-slider.slider-progress::-moz-range-track {\r\n\t// background: linear-gradient($color-canal-pink,$color-canal-pink) 0/var(--sx) 100% no-repeat, $color-white;\r\n\tbackground: $color-white;\r\n }\r\n \r\n /*ms*/\r\n .Canal input[type=range].styled-slider::-ms-fill-upper {\r\n\tbackground: transparent;\r\n\tborder-color: transparent;\r\n }\r\n \r\n .Canal input[type=range].styled-slider::-ms-fill-lower {\r\n\tbackground: transparent;\r\n\tborder-color: transparent;\r\n }\r\n \r\n .Canal input[type=range].styled-slider::-ms-thumb {\r\n\twidth: 18px;\r\n\theight: 18px;\r\n\tborder-radius: 50px;\r\n\tbackground: $color-canal-pink;\r\n\tborder: 2px solid var(---background-color);\r\n\tmargin-top: 0;\r\n\tbox-sizing: border-box;\r\n }\r\n \r\n .Canal input[type=range].styled-slider::-ms-track {\r\n\theight: 2px;\r\n\tbackground: $color-white;\r\n\tbox-shadow: none;\r\n\tbox-sizing: border-box;\r\n }\r\n \r\n .Canal input[type=range].styled-slider.slider-progress::-ms-fill-lower {\r\n\theight: max(calc(2px - 1px - 1px),0px);\r\n\tborder-radius: 0.5em 0 0 0.5em;\r\n\tmargin: -1px 0 -1px -1px;\r\n\tbackground: $color-canal-pink;\r\n\tborder-right-width: 0;\r\n }\r\n\r\n\r\n.ios-device {\r\n\t.glyph-block-char-grid{\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: flex-start;\r\n\r\n\t\t.glyph-character{\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 14%;\r\n\t\t\taspect-ratio: 1 / 1;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t// .NPO{\r\n\t// \t#glyph-left{\r\n\t// \t\t@include mq($until: large-mobile){\r\n\t// \t\t\tmargin-top: -33px;\r\n\t// \t\t}\r\n\t// \t}\r\n\t// }\r\n\t// .Walkers{\r\n\t// \t#glyph-left{\r\n\t// \t\t@include mq($until: large-mobile){\r\n\t// \t\t\tmargin-top: -25px;\r\n\t// \t\t}\r\n\t// \t}\r\n\t// }\r\n\t// .Canal{\r\n\t// \t#glyph-left{\r\n\t// \t\t@include mq($until: large-mobile){\r\n\t// \t\t\tmargin-top: -10px;\r\n\t// \t\t}\r\n\t// \t}\r\n\t// }\r\n\t// .Benromach{\r\n\t// \t#glyph-left{\r\n\t// \t\t@include mq($until: large-mobile){\r\n\t// \t\t\tmargin-top: -31px;\r\n\t// \t\t}\r\n\t// \t}\r\n\t// }\r\n\r\n}","//temp?\r\n.regular400 {\r\n --fontFamily: \"D8 Sans BD Regular 400\";\r\n\t--fontWeight:400;\r\n}\r\n.medium500{\r\n --fontFamily: \"D8 Sans BD Medium 500\";\t\r\n\t--fontWeight:500;\r\n}\r\n.medium550{\r\n --fontFamily: \"D8 Sans BD Medium 550\";\r\n --fontWeight:550;\r\n}\r\n.bold650{\r\n --fontFamily: \"D8 Sans BD Bold 650\";\r\n\t--fontWeight:650;\r\n}\r\n.bold700{\r\n --fontFamily: \"D8 Sans BD Bold 700\";\r\n\t--fontWeight:700;\r\n}\r\n\r\n.\\30 db {\r\n --fontFamily: \"Canal\";\r\n\t--fontWeight: 100;\r\n}\r\n\r\n.\\31 35db {\r\n --fontFamily: \"Canal\";\r\n\t--fontWeight: 900;\r\n}\r\n\r\n\r\n\r\n.font-specimen-block {\r\n\t&-container {\r\n\t\t&.D8Sans{\r\n\t\t\tbackground-color: $color-white;\r\n\t\t\tcolor:$color-black;\r\n\r\n\t\t\t.font-specimen-element-text{\r\n\t\t\t\tletter-spacing: -4.8px;\r\n\r\n\t\t\t\t@include mq($until:desktop){\r\n\t\t\t\t\tletter-spacing: -3.3px;\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t\t@include mq($until:tablet){\r\n\t\t\t\t\tletter-spacing: -2.79px;\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t\t@include mq($until:large-mobile){\r\n\t\t\t\t\tletter-spacing: -1.74px;\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t\t@include mq($until:mobile){\r\n\t\t\t\t\tletter-spacing: -1.44px;\r\n\t\t\t\t}\r\n\t\t\t}\t\t\t\r\n\t\t}\r\n\t\t&.Canal{\r\n\t\t\t--fontFamily:\"Canal\";\r\n\t\t\tbackground-color: $color-canal-black;\r\n\t\t\tcolor:$color-white;\r\n\r\n\t\t\t.font-specimen-name {\r\n\t\t\t\tcolor:$color-canal-pink;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.Benromach{\r\n\t\t\tbackground-color: $color-benromach-stone;\r\n\t\t\tcolor:$color-benromach-red;\r\n\r\n\t\t\t.font-specimen-name {\r\n\t\t\t\tcolor:$color-black;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t\t&.Walkers {\r\n\t\t\tbackground-color: $color-walkers-grey;\r\n\t\t\tcolor:$color-black;\r\n\t\t}\r\n\t}\r\n\r\n\t&-inner-container {\r\n\t\tpadding: 120px $global-margin;\r\n\t\tgap: 80px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-start;\r\n\r\n\t\t@include mq($until:tablet){\r\n\t\t\tpadding:80px $global-margin;\r\n\t\t\tgap:40px;\r\n\t\t}\r\n\r\n\t\t@include mq($until: mobile) {\r\n\t\t\tpadding: 80px $global-margin-mobile;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&-cta {\r\n\t\t@include mq($until:tablet){\r\n\t\t\tmargin-top:20px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.font-specimen-element {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 32px;\r\n\talign-items: flex-start;\r\n\twidth: 100%;\r\n\r\n\t@include mq($until: tablet) {\r\n\t\tgap: 20px;\r\n\t}\r\n\r\n\t&-details {\r\n\t\tgap: 12px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tz-index: 4;\r\n\t\t.font-specimen-name {\r\n\t\t\tcolor:inherit;\r\n\t\t}\r\n\t}\r\n\r\n\t&-text > p {\r\n\t\tfont-family: var(--fontFamily);\r\n\t\tfont-weight: var(--fontWeight);\r\n\t\t// font-feature-settings: 'ss01' on;\r\n\t\t// font-size: 160px;\r\n\t\tline-height: 100%;\r\n\t\ttext-box-edge: cap alphabetic;\r\n\t\ttext-box-trim: trim-both;\r\n\t\tcolor:inherit;\r\n\r\n\t\t@include mq($from:desktop){\r\n\t\t\tfont-size: 160px;\r\n\t\t\tmin-height: 0vw;\r\n\t\t}\r\n\t\t\r\n\t\t@include mq($until:desktop){\r\n\t\t\tfont-size: clamp(32px, 10vw, 160px);\r\n\t\t}\r\n\r\n\t\t@include mq($until:tablet){\r\n\t\t\tfont-size: clamp(32px, 10vw, 160px);\r\n\t\t}\r\n\r\n\t\t@include mq($until:large-mobile){\r\n\t\t\tfont-size: clamp(32px, 13vw, 160px);\r\n\t\t}\r\n\r\n\t\t@include mq($until:mobile){\r\n\t\t\t font-size: clamp(32px, 12vw, 84px);\r\n\t\t}\r\n\r\n\t\t&.aberlour#sample-text-w2 {\r\n\t\t\tfont-variant: small-caps;\r\n\t\t}\r\n\t}\r\n\r\n\t&-dropdown {\r\n\t\t-webkit-appearance: none;\r\n\t\t-moz-appearance: none;\r\n\t\tappearance: none;\r\n\t\tcolor:inherit;\r\n\t\tborder: 1px solid;\r\n\t\tborder-color: inherit;\r\n\t\tborder-radius: 25px;\r\n\t\tpadding: 5px 30px 5px 16px;\r\n\t\twidth: fit-content;\r\n\t\tbackground: url(\"/src/img/icons/arrow_down.svg\") 95% / 20px no-repeat transparent;\r\n\t}\r\n\r\n}\r\n\r\n.styled-slider{\r\n\tcursor: grab;\r\n}\r\n\r\n@-moz-document url-prefix() {\r\n\t.font-specimen-element-text > p {\r\n\t &::after{\r\n\t\t\tcontent: \"\";\r\n\t\t\tmargin-top: -0.2em;\r\n\t\t\tdisplay: table;\r\n\t\t }\r\n\r\n\t\t &::before{\r\n\t\t\tcontent: \"\";\r\n\t\t\tmargin-top: -0.1em;\r\n\t\t\tdisplay: table;\r\n\t\t }\r\n\t}\r\n }\r\n\r\ninput[type=range].styled-slider {\r\n\theight: 2px;\r\n\t-webkit-appearance: none;\r\n }\r\n \r\n /*progress support*/\r\n input[type=range].styled-slider.slider-progress {\r\n\t--range: calc(var(--max) - var(--min));\r\n\t--ratio: calc((var(--value) - var(--min)) / var(--range));\r\n\t--sx: calc(0.5 * 18px + var(--ratio) * (100% - 18px));\r\n }\r\n \r\n /*webkit*/\r\n #font-specimen-block input[type=range].styled-slider::-webkit-slider-thumb {\r\n\t-webkit-appearance: none;\r\n\twidth: 18px;\r\n\theight: 18px;\r\n\tborder-radius: 50px;\r\n\tbackground: $color-canal-pink;\r\n\tborder: 2px solid $color-canal-black;\r\n\tmargin-top: calc(max((2px - 1px - 1px) * 0.5,0px) - max(18px * 0.5,1px));\r\n }\r\n \r\n #font-specimen-block input[type=range].styled-slider::-webkit-slider-runnable-track {\r\n\theight: 2px;\r\n\tbackground: $color-white;\r\n }\r\n \r\n #font-specimen-block input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {\r\n\tbackground: linear-gradient($color-canal-pink, $color-canal-pink) 0/var(--sx) 100% no-repeat, $color-white;\r\n\t// background: $color-white;\r\n }\r\n \r\n /*mozilla*/\r\n #font-specimen-block input[type=range].styled-slider::-moz-range-thumb {\r\n\twidth: max(calc(18px - 1px - 1px),0px);\r\n\theight: max(calc(18px - 1px - 1px),0px);\r\n\tborder-radius: 50px;\r\n\tbackground: $color-canal-pink;\r\n\tborder: 2px solid $color-canal-black;\r\n }\r\n \r\n #font-specimen-block input[type=range].styled-slider::-moz-range-track {\r\n\theight: max(calc(2px - 1px - 1px),0px);\r\n\tbackground: $color-white;\r\n\tbox-shadow: none;\r\n }\r\n \r\n #font-specimen-block input[type=range].styled-slider.slider-progress::-moz-range-track {\r\n\tbackground: linear-gradient($color-canal-pink,$color-canal-pink) 0/var(--sx) 100% no-repeat, $color-white;\r\n\t// background: $color-white;\r\n }\r\n \r\n /*ms*/\r\n #font-specimen-block input[type=range].styled-slider::-ms-fill-upper {\r\n\tbackground: transparent;\r\n\tborder-color: transparent;\r\n }\r\n \r\n #font-specimen-block input[type=range].styled-slider::-ms-fill-lower {\r\n\tbackground: transparent;\r\n\tborder-color: transparent;\r\n }\r\n \r\n #font-specimen-block input[type=range].styled-slider::-ms-thumb {\r\n\twidth: 18px;\r\n\theight: 18px;\r\n\tborder-radius: 50px;\r\n\tbackground: $color-canal-pink;\r\n\tborder: 2px solid $color-canal-black;\r\n\tmargin-top: 0;\r\n\tbox-sizing: border-box;\r\n }\r\n \r\n #font-specimen-block input[type=range].styled-slider::-ms-track {\r\n\theight: 2px;\r\n\tbackground: $color-white;\r\n\tbox-shadow: none;\r\n\tbox-sizing: border-box;\r\n }\r\n \r\n #font-specimen-block input[type=range].styled-slider.slider-progress::-ms-fill-lower {\r\n\theight: max(calc(2px - 1px - 1px),0px);\r\n\tborder-radius: 0.5em 0 0 0.5em;\r\n\tmargin: -1px 0 -1px -1px;\r\n\tbackground: $color-canal-pink;\r\n\tborder-right-width: 0;\r\n }\r\n \r\n\r\n .specimen-background-\\#ffffff{\r\n\tbackground: url(\"/src/img/icons/arrow_down_black.svg\") 95% / 20px no-repeat transparent;\r\n }\r\n\r\n .font-specimen-block-inner-container .font-aberlour-regular:nth-of-type(2) .font-specimen-element-text{\r\n\tfont-variant: small-caps;\r\n\r\n\t& p {\r\n\t\t@include mq($from:tablet){\r\n\t\t\tmargin-top: -40px;\r\n\t\t}\r\n\r\n\t\t@include mq($until:tablet){\r\n\t\t\tmargin-top: -16px;\r\n\t\t}\r\n\t}\r\n }",".single-media-block {\r\n\t&-container {\r\n\t\t&.box-pad {\r\n\t\t\tpadding: 120px 6%;\r\n\r\n\t\t\t@include mq($until: tablet) {\r\n\t\t\t\tpadding: 80px 6%;\r\n\t\t\t}\r\n\r\n\t\t\t@include mq($until: mobile) {\r\n\t\t\t\tpadding: 80px 20px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-item {\r\n\t\t.single-media-img {\r\n\t\t\twidth: 100%;\r\n\t\t\taspect-ratio: 16 / 9;\r\n\t\t}\r\n\r\n\t\t.rive-element-canvas {\r\n\t\t\theight: 100%;\r\n\t\t\t.rive-element-animation {\r\n\t\t\t\taspect-ratio: 16 / 9;\r\n\t\t\theight: 100%;\r\n\t\t\tobject-fit: cover;\r\n\t\t\tvertical-align: middle;\r\n\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.videdo-vimeo-fallback-image{\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n",".double-media-block {\r\n\t&-container {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: center;\r\n\t\talign-items: stretch;\r\n\t\tpadding: 120px 6%;\r\n\r\n\t\t&.normal-padding {\r\n\t\t\tpadding: 120px 6%;\r\n\t\t\tgap: 149px;\r\n\r\n\t\t\t@include mq($until: medium-desktop) {\r\n\t\t\t\tgap: 136px;\r\n\t\t\t}\r\n\r\n\t\t\t@include mq($until: desktop) {\r\n\t\t\t\tgap: 89px;\r\n\t\t\t}\r\n\r\n\t\t\t@include mq($until: tablet) {\r\n\t\t\t\tgap: 69px;\r\n\t\t\t\tpadding: 80px 6%;\r\n\t\t\t}\r\n\r\n\t\t\t@include mq($until: large-mobile) {\r\n\t\t\t\tgap: 40px;\r\n\t\t\t}\r\n\r\n\t\t\t@include mq($until: mobile) {\r\n\t\t\t\tpadding: 80px 20px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.full-bleed,\r\n\t\t&.full-bleed-left,\r\n\t\t&.full-bleed-right {\r\n\t\t\tgap: 0;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\r\n\t\t&.full-bleed{\r\n\t\t\tmargin: 0 !important;\r\n\t\t\tmax-width: 100% !important\r\n\t\t}\r\n\r\n\t\t&.full-bleed-left {\r\n\t\t\t.double-media-block-right {\r\n\t\t\t\tpadding: 120px 6%;\r\n\r\n\t\t\t\t@include mq($until: tablet) {\r\n\t\t\t\t\tpadding: 80px 6%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include mq($until: mobile) {\r\n\t\t\t\t\tpadding: 80px 20px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.full-bleed-right {\r\n\t\t\t.double-media-block-left {\r\n\t\t\t\tpadding: 120px 6%;\r\n\r\n\t\t\t\t@include mq($until: tablet) {\r\n\t\t\t\t\tpadding: 80px 6%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include mq($until: mobile) {\r\n\t\t\t\t\tpadding: 80px 20px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\t}\r\n\r\n\t&-left,\r\n\t&-right {\r\n\t\twidth: 50%;\r\n\t\tmax-height: 100vh;\r\n\r\n\t\t.double-media-block-img{\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\r\n\t\t&.textElement {\r\n\t\t\twidth: 50%;\r\n\t\t\talign-self: center;\r\n\t\t}\r\n\r\n\t\t&.videoElement {\r\n\t\t\t.double-media-block-img {\r\n\t\t\t\theight: 100%;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\tobject-position: center;\r\n\r\n\t\t\t\t@include mq($until: large-mobile) {\r\n\t\t\t\t\tmin-height: 600px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.riveElement {\r\n .rive-element-canvas{\r\n height: 100%;}\r\n\t\t\t.rive-element-animation {\r\n\t\t\t\taspect-ratio: 4 / 5;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\twidth: 100%;\r\n\t\t\t&.textElement {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-img {\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\taspect-ratio: 4 / 5;\r\n\t}\r\n}\r\n\r\n.double-media-block-container.full-bleed-right.site-margin,\r\n.double-media-block-container.full-bleed-left.site-margin\r\n{\r\n\tmax-width: unset !important;\r\n}",".call-to-action-block {\r\n\theight: 100vh;\r\n\r\n\t@include mq($until: tablet) {\r\n\t\theight: 80vh;\r\n\t}\r\n\r\n\t&-container {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\talign-items: center;\r\n\t\theight: 100%;\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\t}\r\n\r\n\t&-left {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\tgap: 60px;\r\n\t\tpadding: 0 0 0 $global-margin;\r\n\t\tmax-width: 1000px;\r\n\r\n\t\t@include mq($from: 2200px) {\r\n\t\t\tpadding-left: 0;\r\n\t\t\twidth: 1000px;\r\n\t\t}\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\r\n\r\n\r\n\t\t&-container {\r\n\t\t\twidth: 50%;\r\n\r\n\t\t\t@include mq($until: large-mobile) {\r\n\t\t\t\tgap: 32px;\r\n\t\t\t\theight: 50%;\r\n\t\t\t\tpadding: 40px $global-margin;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t}\r\n\r\n\t\t\t@include mq($until: mobile) {\r\n\t\t\t\tpadding: 40px $global-margin-mobile;\r\n\t\t\t}\r\n\r\n\t\t\t@include mq($from: 2200px) {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: flex-end;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-right {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\tposition: relative;\r\n\r\n\t\t@include mq($from: tablet, $until: desktop) {\r\n\t\t\tjustify-content: flex-end;\r\n\t\t}\r\n\r\n\t\t@include mq($from: large-mobile) {\r\n\t\t\tbackground: linear-gradient(#fff, #fff 50%, #ebebeb 50%, #ebebeb);\r\n\t\t\tbackground-size: 100% 200%;\r\n\t\t\ttransition: background 1.5s cubic-bezier(0.08, 0.08, 0.37, 1.00);\r\n\r\n\t\t\t&.animate {\r\n\t\t\t\tbackground-position: 100% 100%;\r\n\r\n\t\t\t\t.intro {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t\ttransform: translateY(0);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\theight: 50%;\r\n\t\t\tpadding: 40px $global-margin;\r\n\t\t\twidth: 100%;\r\n\t\t\tbackground-color: #ebebeb;\r\n\t\t}\r\n\r\n\t\t@include mq($until: mobile) {\r\n\t\t\tpadding: 40px $global-margin-mobile;\r\n\t\t}\r\n\r\n\t\t@include mq($from: 2200px) {\r\n\t\t\tjustify-content: flex-start;\r\n\t\t}\r\n\r\n\t\t.intro {\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 1;\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: all 1s cubic-bezier(0.08, 0.08, 0.37, 1.00) 0.5s;\r\n\t\t\ttransform: translateY(2rem);\r\n\r\n\t\t\ta {\r\n\t\t\t\tborder-bottom: 1px solid black;\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t&-container {\r\n\t\t\t@include mq($from: 2200px) {\r\n\t\t\t\tmax-width: 1000px;\r\n\t\t\t\twidth: 1000px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-title {\r\n\t\twidth: 70%;\r\n\r\n\t\t@include mq($from: large-mobile, $until: desktop) {\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t&-cta {\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\twidth: 100% !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&-link {\r\n\t\tposition: absolute !important;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100% !important;\r\n\t\theight: 100%;\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\tpadding: 40px $global-margin;\r\n\t\t}\r\n\r\n\t\t@include mq($until: mobile) {\r\n\t\t\tpadding: 40px $global-margin-mobile;\r\n\t\t}\r\n\r\n\t\t&::after {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t@include mq($from: large-mobile) {\r\n\t\t\tbackground: linear-gradient(to left, transparent 50%, #ffe976 50%) right;\r\n\t\t\tbackground-size: 202% 100%;\r\n\r\n\t\t\ttransition: background .3s cubic-bezier(0.08, 0.08, 0.37, 1.00);\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-position: left;\r\n\t\t\t\ttransition: background .3s cubic-bezier(0.08, 0.08, 0.37, 1.00);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-subtitle {\r\n\t\t// width: 60%;\r\n\t\toverflow: hidden;\r\n\r\n\t\ta {\r\n\t\t\tfont-family: inherit;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\r\n\t\t@include mq($from: large-mobile, $until: desktop) {\r\n\t\t\twidth: 80%;\r\n\t\t}\r\n\r\n\t\t@include mq($until: large-mobile) {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\r\n\t\t@include mq($from: 2200px) {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\r\n\r\n\t\t&-container {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\toverflow: hidden;\r\n\t\t\twidth: 60%;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\r\n\t\t\t// @include mq($from: large-mobile) {\r\n\t\t\t// \tbackground: linear-gradient(to left, transparent 50%, #ffe976 50%) right;\r\n\t\t\t// \tbackground-size: 202% 100%;\r\n\r\n\t\t\t// \ttransition: background .3s cubic-bezier(0.08, 0.08, 0.37, 1.00);\r\n\r\n\t\t\t// \t&:hover {\r\n\t\t\t// \t\tbackground-position: left;\r\n\t\t\t// \t\ttransition: background .3s cubic-bezier(0.08, 0.08, 0.37, 1.00);\r\n\t\t\t// \t}\r\n\t\t\t// }\r\n\r\n\t\t\t@include mq($from: 2200px) {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t\twidth: 1000px;\r\n\t\t\t\tmax-width: 1000px;\r\n\t\t\t\tpadding-left: 200px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&-aos {\r\n\t\tpointer-events: none !important;\r\n\t}\r\n\r\n\r\n}",".quote-block {\r\n\t// padding: 120px $global-margin;\r\n\tbackground-color: $color-grey;\r\n\r\n\t@include mq($until: tablet) {\r\n\t\tpadding: 0 0;\r\n\t}\r\n\r\n\t@include mq($until: mobile) {\r\n\t\tpadding: 0 0;\r\n\t}\r\n\r\n\t&-container {\r\n\t\tpadding: 120px $global-margin;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tpadding: 80px $global-margin;\r\n\t\t}\r\n\t\r\n\t\t@include mq($until: mobile) {\r\n\t\t\tpadding: 80px $global-margin-mobile;\r\n\t\t}\r\n\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: space-between;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\tgap: 20px;\r\n\t\t\tflex-direction: column-reverse;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&-quotee {\r\n\t\twidth: 25%;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t}\r\n\r\n\t&-quotation {\r\n\t\twidth: 60%;\r\n\t\tmargin: 0;\r\n\r\n\t\t@include mq($until: tablet) {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@supports (hanging-punctuation: first) {\r\n\tspan.quote {\r\n\t\ttext-indent: 0;\r\n\t\thanging-punctuation: first;\r\n\t}\r\n}\r\n\r\nspan.quote-block-quotation,\r\nspan.quote-block-quotation::after {\r\n\tposition: relative;\r\n}\r\n\r\nspan.quote-block-quotation::before {\r\n\tposition: absolute;\r\n}\r\nspan.quote-block-quotation::before {\r\n\tcontent: \"“\";\r\n\tleft: -15px;\r\n\topacity: var(--quote-opacity, 0);\r\n\r\n\r\n\t@include mq($from: mobile) {\r\n\tleft: -22px;\r\n\t}\r\n\r\n\t// iOS override\r\n\t.ios-device & {\r\n\t\tleft: 0px; // Change this value as needed for iOS\r\n\t}\r\n}\r\n\r\nspan.quote-block-quotation::after {\r\n\t// content: \"”\";\r\n\tcontent: none;\r\n}\r\n\r\n.testimonial-characters-container {\r\n\toverflow: hidden;\r\n}\r\n\r\n.testimonial-characters {\r\n\tbottom: -0.3em;\r\n\tposition: relative;\r\n\topacity: 0;\r\n\tanimation: move-text 0.3s forwards;\r\n\tanimation-timing-function: linear;\r\n}\r\n\r\n@keyframes move-text {\r\n\t0% {\r\n\t\tbottom: -0.75em;\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t100% {\r\n\t\tbottom: 0;\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n",".featured-block-entry-point {\r\n\tscroll-margin-top: 0;\r\n}\r\n\r\n.featured-block-wrapper {\r\n\theight: 100vh;\r\n\t// overflow-y: auto;\r\n\toverflow-y: auto;\r\n\t// scroll-snap-type: y mandatory;\r\n\t-webkit-overflow-scrolling: touch;\r\n\t// overflow-x: hidden;\r\n\t-ms-overflow-style: none; /* Internet Explorer 10+ */\r\n scrollbar-width: none;\r\n\r\n\theight: auto;\r\n\tmax-height: none;\r\n\toverflow-y: visible;\r\n\toverscroll-behavior: contain;\r\n\tposition: relative;\r\n\tscroll-behavior: smooth;\r\n\t@media (max-width: 768px) {\r\n\t}\r\n}\r\n\r\n\r\n\r\n.overflow-hidden .featured-block-wrapper{\r\n\toverflow-y: hidden;\r\n}\r\n.overflow-auto .featured-block-wrapper{\r\n\toverflow-y: auto;\r\n}\r\n\r\n.featured-block-wrapper::-webkit-scrollbar { \r\n display: none; /* Safari and Chrome */\r\n}\r\n\r\n\r\n\r\n.featured-slide {\r\n\t// scroll-snap-align: start;\r\n\theight: 100vh;\r\n\twidth: 100%;\r\n\tposition: sticky;\r\n\ttop: 0;\r\n\tbackground: #111;\r\n\tcolor: #fff;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n}\r\n\r\n.featured-content-container {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n\tpadding: 0 6%;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t// max-width: 1440px;\r\n\tgap: 2rem;\r\n\r\n\t@media (max-width: 768px) {\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\tpadding: 0 5%;\r\n\t\tgap: 1.5rem;\r\n\t\talign-items: flex-start;\r\n\t}\r\n}\r\n\r\n.featured-text-content {\r\n\twidth: 50%;\r\n\tz-index: 2;\r\n\toverflow: hidden;\r\n\t\r\n\r\n\t.featured-text-content-header {\r\n\t\tmargin-bottom: 1rem;\r\n\t\tcolor: inherit;\r\n\t}\r\n\r\n\tp {\r\n\t\t// font-size: clamp(1rem, 2.5vw, 1.5rem);\r\n\t\tline-height: 1.5;\r\n\t\tcolor: inherit;\r\n\t}\r\n\r\n\t@media (max-width: 768px) {\r\n\t\twidth: 100%;\r\n\t\ttext-align: center;\r\n\t\tpadding-top: 120px;\r\n\t\ttext-align: left;\r\n\t\toverflow: visible;\r\n\t}\r\n\r\n}\r\n\r\n.featured-text-inner-scroll{\r\n\t// position: sticky;\r\n\t// top: 0px; /* Stick at 30% of viewport height */\r\n\t// will-change: transform;\r\n\t// transition: transform 0.2s ease-out;\r\n}\r\n\r\n.featured-text-inner-scroll{\r\n\tp {\r\n\t\t// font-size: 20px;\r\n\t}\r\n\r\n\t@media (max-width: 768px){\r\n\t\tp {\r\n\t\t\tfont-size: 17px;\r\n\t\t}\r\n\t}\r\n\r\n\t@media (min-width: 1440px){\r\n\t\tp {\r\n\t\t\tmax-width: 75%;\r\n\t\t\ttext-wrap: wrap;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.featured-rive-canvas{\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tobject-fit: contain;\r\n\taspect-ratio: 1/1;\r\n\r\n\t@media (max-width: 768px) {\r\n\t\theight: 100%;\r\n\t\t// max-width: 90%;\r\n\t}\r\n}\r\n\r\n.featured-rive-canvas-content {\r\n\t// flex: 1;\r\n\theight: 100%;\r\n\twidth: 50%;\r\n\t// max-width: 50%;\r\n\t// object-fit: cover;\r\n\tz-index: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\r\n\t@media (max-width: 768px) {\r\n\t\tmax-width: 100%;\r\n\t\twidth: 100%;\r\n\t\t// height: 60vh;\r\n\t}\r\n}\r\n\r\n.featured-fallback-message {\r\n\tpadding: 2rem;\r\n\ttext-align: center;\r\n\tcolor: #aaa;\r\n\tfont-style: italic;\r\n}\r\n\r\n\r\n@media (max-width: 768px) {\r\n\t.featured-block-wrapper {\r\n\t overscroll-behavior-y: auto; /* or auto if contain still traps scroll */\r\n\t}\r\n .featured-block-wrapper {\r\n // height: auto;\r\n // overflow-y: visible;\r\n }\r\n\r\n .featured-slide {\r\n // height: auto;\r\n // position: static;\r\n }\r\n\r\n .featured-content-container {\r\n // height: auto;\r\n }\r\n}","/* Scrollbar */\r\n.swiper-scrollbar {\r\n border-radius: 10px;\r\n position: relative;\r\n -ms-touch-action: none;\r\n background: rgba(0,0,0,0.1);\r\n .swiper-container-horizontal > & {\r\n position: absolute;\r\n left: 0%;\r\n bottom: 3px;\r\n z-index: 50;\r\n height: 5px;\r\n width: 70%;\r\n\r\n &-employee-carousel {\r\n border-radius: 10px;\r\n position: relative;\r\n -ms-touch-action: none;\r\n background: rgba(0,0,0,0.1);\r\n\r\n position: absolute;\r\n left: 0%;\r\n bottom: 3px;\r\n z-index: 50;\r\n height: 5px;\r\n width: 70%;\r\n @include mq($until:tablet){\r\n position: absolute;\r\n left: 0%;\r\n bottom: 1vh;\r\n z-index: 50;\r\n height: 5px;\r\n width: 68vw;\r\n }\r\n }\r\n\r\n @include mq($until: tablet){\r\n position: absolute;\r\n left: 0%;\r\n bottom: -6vh;\r\n z-index: 50;\r\n height: 5px;\r\n width: 80vw;\r\n }\r\n }\r\n .swiper-container-vertical > & {\r\n position: absolute;\r\n right: 3px;\r\n top: 1%;\r\n z-index: 50;\r\n width: 5px;\r\n height: 98%;\r\n }\r\n}\r\n.swiper-scrollbar-drag {\r\n height: 100%;\r\n width: 100%;\r\n position: relative;\r\n background: rgb(255, 255, 255);\r\n border-radius: 10px;\r\n left: 0;\r\n top: 0;\r\n}\r\n.swiper-scrollbar-cursor-drag {\r\n cursor: move;\r\n}\r\n.swiper-scrollbar-lock {\r\n display: none;\r\n}",".splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}"],"names":[],"sourceRoot":""}