{"version":3,"file":"main.css","mappings":"AAgJA,gBCmyGA,CC36GA,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,8CACA,kETmcJ,CShcA,WAGI,kBAFA,qDACA,wETmcJ,CU/pBA,WAGI,kBAFA,6CACA,gEVkqBJ,CU/pBA,WAGI,kBAFA,qDACA,uEVkqBJ,CU/pBA,WAGI,kBAFA,4CACA,+DVkqBJ,CU/pBA,WAGI,kBAFA,oDACA,sEVkqBJ,CU/pBA,WAGI,kBAFA,6CACA,gEVkqBJ,CU/pBA,WAGI,kBAFA,qDACA,uEVkqBJ,CU/pBA,WAGI,kBAFA,8CACA,iEVkqBJ,CU/pBA,WAGI,kBAFA,sDACA,wEVkqBJ,CU/pBA,WAGI,kBAFA,+CACA,kEVkqBJ,CU/pBA,WAGI,kBAFA,uDACA,yEVkqBJ,CW7sBA,oCAQC,aRLa,CQMb,eX+sBD,CW5sBA,GACC,sCPJyB,COKtB,eACA,sBACH,iBACA,YX+sBD,CMrjBE,qDK/JF,GAaE,eACM,qBX2sBN,CACF,CM3jBE,kDK/JF,GAkBE,gBACM,qBX4sBN,CACF,CMjkBE,qDK/JF,GAwBE,gBACA,sBACA,iBX4sBA,CACF,CMxkBE,yBK/JF,GA8BE,kCAEM,oBACA,gBX4sBN,CACF,CWzsBA,GACC,kCP/CmB,COgDnB,eACA,gBX4sBD,CMrlBE,yBK1HF,GAMQ,+CX6sBN,CACF,CM1lBE,gDK1HF,GAUQ,cX8sBN,CACF,CW3sBA,GACC,kCP7DmB,CO8DnB,eACA,gBX8sBD,CMrmBE,yBK5GF,GAMQ,4CX+sBN,CACF,CM1mBE,gDK5GF,GAUQ,cXgtBN,CACF,CW7sBA,GACC,kCP3EmB,CO4EnB,eACA,gBXgtBD,CMrnBE,yBK9FF,GAMQ,gDXitBN,CACF,CM1nBE,gDK9FF,GAUQ,cXktBN,CACF,CW/sBA,GACC,gCP1FkB,CO2FlB,eAEA,qBADA,iBAEA,wBXktBD,CMvoBE,yBKhFF,GAQQ,4CXmtBN,CACF,CM5oBE,gDKhFF,GAYQ,eACA,oBXotBN,CACF,CWjtBA,mBACC,sCPpGyB,COqGzB,eAGA,sBAFA,gBXqtBD,CMzpBE,yBK/DF,mBAQQ,8CACA,qBXotBN,CACF,CM/pBE,gDK/DF,mBAaQ,eACA,qBXqtBN,CACF,CWltBA,OACC,mCP1HiB,CO2HjB,eACA,gBXqtBD,CM3qBE,yBK7CF,OAMQ,4CXstBN,CACF,CMhrBE,gDK7CF,OAUQ,cXutBN,CACF,CWptBA,OACC,sCPpIyB,COqItB,eACA,qBACA,iBAEH,aXstBD,CM7rBE,yBK/BF,OASQ,eACA,qBXutBN,CACF,CMnsBE,gDK/BF,OAcE,eACM,qBXwtBN,CACF,CMzsBE,qDK/BF,OAmBE,eACA,sBACA,aXytBA,CACF,CWttBA,OACC,mCPjKiB,COkKjB,eACA,gBXytBD,CMttBE,wBKNF,OAMQ,eACA,gBX0tBN,CACF,CWvtBA,sBAGC,aRhLa,CQiLb,mCP/KiB,COmLd,cN5KqB,CMyKxB,iBN5KkB,CM6KlB,eN5KmB,CM6KnB,gBX0tBD,CMtuBE,yBKKF,sBAWQ,+CX2tBN,CACF,CM5uBE,gDKKF,sBAgBQ,cX4tBN,CACF,CWztBA,oBAEC,4BADA,kBX6tBD,CMvvBE,6BKyBF,oBAIE,gBX8tBA,CACF,CM5vBE,6BKyBF,oBAOE,gBXguBA,CACF,CW7tBA,SACC,kCP5MmB,CO6MnB,eAEA,cADA,oBXiuBD,CMxwBE,2BKoCF,SAOE,cXiuBA,CACF,CY37BA,YAQC,qBTDa,CSLb,kBADA,gBAEA,eAGA,uDACG,uEAHA,WACA,YZi8BJ,CMxxBE,2BM9KF,YAWE,kBZ+7BA,CACF,CM7xBE,6BM9KF,YAeE,YZg8BA,CACF,CY97BC,wBACC,6BACA,oEZg8BF,CY57BC,iBACC,aACA,kEACA,yDZ87BF,CY37BC,qBACC,wBTtBW,CSuBX,YZ67BF,CY17BC,uCAIC,mBAFA,aACA,6BZ47BF,CYx7BC,iBACC,QZ07BF,CMvzBE,2BMpID,iBAGE,YZ47BD,CACF,CYz7BG,yCAGC,aAFA,YACA,eZ47BJ,CYx7BG,8CAGC,mBAFA,aACA,sBAEA,6BZ07BJ,CYx7BI,kIACC,gBZ07BL,CYr7BI,uEACC,2BZu7BL,CYh7BE,qBAEC,YADA,WZm7BH,CMj1BE,2BMnGA,qBAME,eADA,WZo7BF,CACF,CY/6BC,mBACC,cZi7BF,CM11BE,2BMxFD,mBAKE,kCRrFiB,CQoFjB,cZm7BD,CACF,CY56BE,wBAEC,YACA,kBAFA,UZg7BH,CY56BG,oGAYC,kKAHA,wBT1GU,CSyGV,mBALA,WACA,cAGA,WAFA,kBAKA,oJAJA,UZo7BJ,CY16BG,6BACC,OZ46BJ,CYz6BG,oCACC,OZ26BJ,CYz6BG,mCACC,QZ26BJ,CM53BE,2BM5EA,wBAiCE,aZ26BF,CACF,CYx6BE,wBACC,YZ06BH,CMp4BE,2BMvCA,wBAGE,aZ46BF,CACF,CYz6BI,oCACC,4BZ26BL,CYz6BK,0CAEC,MADA,uBZ46BN,CYx6BK,2CAEC,MADA,wBZ26BN,CYr6BG,kCAGC,mBAFA,aACA,sBAEA,QZu6BJ,CYj6BA,mBACC,YZo6BD,CYj6BA,iBAaI,mBALH,kBT1KY,CS8KZ,aARA,YAMA,aAIG,uBARH,OAHA,gBADA,kBAKA,QAIA,MAFA,WZu6BD,CM76BE,6BMHF,iBAiBE,iBZm6BA,CACF,CY/5BC,wBAGC,gBADA,eZk6BF,CMv7BE,2BMmBD,wBAME,gBADA,eZo6BD,CACF,CYh6BC,mBAEI,cADH,kBZm6BF,CY95BA,wFAGC,SZg6BD,CY95BA,0BACC,YZi6BD,CY95BC,gEACC,aZi6BF,CY15BA,0BAII,OAEA,0BALH,UAMA,gBALA,kBACG,MAEA,SZ85BJ,CYv5BA,iDACC,SZ05BD,CYv5BA,iEACC,UZ05BD,CYv5BA,mGACC,UZ05BD,CYv5BA,4FACC,gBZ05BD,CYv5BA,0VAIC,qBZy5BD,CYv5BA,iOAGC,wBZy5BD,CYp5BA,0DACC,gBZu5BD,CYr5BA,4FACC,gBZw5BD,CYp5BA,0VAIC,qBZs5BD,CYn5BA,0GACC,4BZs5BD,CYn5BA,iOAGC,wBZq5BD,CYl5BA,wBACC,SZq5BD,CYl5BA,iBACC,SZq5BD,CYl5BA,0CACC,YZq5BD,CarsCA,OAKC,wBVGa,CUNb,SAKA,UVEa,CUDb,aACG,iBAHH,aALA,kBAEA,Sb6sCD,CMhiCE,2BOhLF,OAYE,gBbwsCA,CACF,CMriCE,6BOhLF,OAeE,Yb0sCA,CACF,CM1iCE,6BOhLF,OAoBE,oBADA,gBb4sCA,CACF,CavsCC,kBACC,aAEA,sBACA,SACA,YAHA,4Bb6sCF,CMxjCE,2BOvJD,kBAQE,Qb2sCD,CACF,CM7jCE,6BOvJD,kBAYE,Qb4sCD,CACF,CazsCC,2BAEC,aACA,mBAEA,QADA,8BAHA,Ub+sCF,CMzkCE,2BOvID,2BASE,uBADA,qBb6sCD,CACF,CazsCC,YACC,sBb2sCF,Ca1sCE,6BAEC,Ub4sCH,CMtlCE,2BO1HD,YAQE,Qb4sCD,CACF,CazsCC,kBACC,Sb2sCF,CazsCE,qBAGC,kCT/DiB,CS8Dd,gBADH,wBb6sCH,CaxsCE,oBACC,cACA,mBb0sCH,CMvmCE,2BO9GD,kBAeE,Ub0sCD,CaxsCC,qBAEC,gBADA,Ub2sCF,CavsCC,oBACC,cbysCF,CACF,CarsCC,wBAKC,uBAJA,aAGA,sBADA,SADA,Sb0sCF,CM1nCE,2BOlFD,wBASQ,SADN,UbysCD,CACF,CarsCC,eACC,oBbusCF,CMnoCE,2BOrED,eAIE,uBADA,Qb0sCD,CACF,CatsCC,mBACC,aAEA,sBADA,QbysCF,CM9oCE,2BO7DD,mBAME,QbysCD,CACF,CatsCC,kBACC,SbwsCF,CatsCE,oBACC,UbwsCH,CMzpCE,6BOnDD,kBASE,UbusCD,CACF,CapsCC,YAGC,uBAFA,aACA,sBAGA,SADA,uBAEA,SbssCF,CapsCE,cACC,UbssCH,CansCE,mBACC,uBACA,sBAEA,mBADA,iBbssCH,CansCG,qBACC,aACA,mBACA,QACA,iBbqsCJ,CMrrCE,8BOtCD,YA2BE,ebosCD,CACF,CM1rCE,kDOtCD,YA+BE,UbqsCD,CACF,CM/rCE,qDOtCD,YAoCE,mBACA,mBAHA,SACA,0BbysCD,CatsCC,cACC,SbwsCF,CACF,CM1sCE,6BOtCD,YA4CE,SbwsCD,CACF,CarsCC,aACC,SbusCF,CarsCE,iBAEC,sBADA,UbwsCH,CMttCE,2BOUD,aASE,UbusCD,CACF,CapsCA,eACC,ebusCD,Cc94CC,8BAMC,2BADA,uBAJA,aACA,sBAEA,iBADA,0Bdo5CF,CMxuCE,2BQ/KD,8BAUE,mBADA,edm5CD,CACF,Cc/4CC,6BACC,kBdi5CF,CMjvCE,2BQjKD,6BAIE,gBdk5CD,Cc94CD,4BAOE,uBALA,aACA,mBACA,8BA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,gBjC6+FD,CiC3+FA,WACG,qCACA,gBjC8+FH,CiC5+FA,SACI,mCACH,gBjC++FD,CiC7+FA,SACI,mCACH,gBjCg/FD,CiC7+FA,QACI,qBACH,gBjCg/FD,CiC7+FA,UACI,qBACH,gBjCg/FD,CiCz+FE,sCACC,qB9B5BW,C8B6BX,ajC4+FH,CiC1+FG,kEACC,qBjC4+FJ,CMr2FE,6B2BxIC,kEAIE,qBjC6+FH,CACF,CM12FE,2B2BxIC,kEAQE,sBjC8+FH,CACF,CM/2FE,6B2BxIC,kEAYE,sBjC++FH,CACF,CMp3FE,6B2BxIC,kEAgBE,sBjCg/FH,CACF,CiC7+FE,qCACC,qBACA,wB9BnCgB,C8BoChB,UjC++FH,CiC7+FG,yDACC,UjC++FJ,CiC5+FE,yCACC,wB9BpDoB,C8BqDpB,ajC8+FH,CiC5+FG,6DACC,ajC8+FJ,CiC1+FE,uCACC,wB9BvCiB,C8BwCjB,ajC4+FH,CiCx+FC,qCAKC,uBAFA,aACA,sBAFA,SADA,gBjC8+FF,CMn5FE,2B2B5FD,qCASE,SADA,ejC4+FD,CACF,CMz5FE,6B2B5FD,qCAaE,iBjC4+FD,CACF,CM95FE,2B2B1ED,yBAEE,ejC0+FD,CACF,CiCt+FA,uBAIC,uBAHA,aACA,sBACA,SAEA,UjCy+FD,CM36FE,2B2BnEF,uBAQE,QjC0+FA,CACF,CiCx+FC,+BAKC,mBAHA,aACA,mBAFA,SAGA,uBAEA,SjC0+FF,CiCz+FE,mDACC,ajC2+FH,CiCv+FC,8BAMC,6BACA,wBACA,cAPA,8BACA,8BAGA,gBjC0+FF,CMn8FE,6B2B5CD,8BAWE,gBACA,YjCw+FD,CACF,CMz8FE,6B2B5CD,8BAgBE,gCjCy+FD,CACF,CM98FE,2B2B5CD,8BAoBE,gCjC0+FD,CACF,CMn9FE,6B2B5CD,8BAwBE,gCjC2+FD,CACF,CMx9FE,6B2B5CD,8BA4BG,+BjC4+FF,CACF,CiC1+FE,sDACC,uBjC4+FH,CiCx+FC,gCACC,wBACA,qBACA,gBAOA,qEAJA,sCACA,mBAHA,cAIA,0BACA,iBjC2+FF,CiCr+FA,eACC,WjCw+FD,CiCr+FA,4BAEG,oCACA,WAEA,cADA,gBjCw+FD,CiCp+FE,qCACD,WAEA,cADA,gBjCu+FD,CACF,CiCl+FA,gCAEC,wBADA,UjCq+FD,CiCh+FE,gDACD,sCACA,uDACA,2CjCo+FD,CiCh+FE,2EACD,wBAIA,e9BtMiB,C8BuMjB,yBAFA,mBADA,YAIA,gBALA,UjCy+FD,CiCj+FE,oFAED,e9B3Na,C8B0Nb,UjCq+FD,CiCj+FE,oGACD,qEjCo+FD,CiC/9FE,uEAID,e9B1NiB,C8B2NjB,yBAFA,mBADA,YADA,UjCu+FD,CiCh+FE,uEAED,e9B9Oa,C8B+Ob,gBAFA,QjCq+FD,CiCh+FE,uFACD,qEjCm+FD,CiCz9FE,0IACD,uBACA,wBjCk+FD,CiC/9FE,gEAID,e9BxPiB,C8ByPjB,yBAFA,mBAIA,sBALA,YAIA,aALA,UjCw+FD,CiC/9FE,gEAED,e9B9Qa,C8B+Qb,gBACA,sBAHA,UjCq+FD,CiC/9FE,qFAID,e9BzQiB,C8BuQjB,4BAGA,qBAJA,SAEA,uBjCo+FD,CiC99FE,8BACD,0EjCi+FD,CiC99FE,uGACD,uBjCi+FD,CM3lGE,wB2B4HD,yGAEE,gBjCi+FD,CACF,CMhmGE,2B2B4HD,yGAME,gBjCk+FD,CACF,CkCnxGE,sCACC,gBlCsxGH,CMzmGE,2B4B9KA,sCAIE,elCuxGF,CACF,CM9mGE,6B4B9KA,sCAQE,iBlCwxGF,CACF,CkCnxGE,2CAEC,kBADA,UlCsxGH,CkClxGE,8CACC,WlCoxGH,CkCnxGG,sEACC,kBACD,YACA,iBACA,sBACA,UlCqxGH,CkChxGC,iDACC,UlCkxGF,CDpzGA,YAGI,qBAFA,gBCwzGJ,CDpzGI,gCACI,eCszGR,CM5oGE,2BP3KE,gCAGQ,cCwzGV,CACF,CMjpGE,6BP3KE,gCAOQ,gBCyzGV,CACF,CMtpGE,2BPhLF,YAkBQ,eCwzGN,CACF,CM3pGE,6BPhLF,YAuBQ,iBCwzGN,CACF,CDtzGI,sBAGQ,uBAFJ,aACI,sBAEA,SCwzGZ,CMtqGE,6BPtJE,sBAOY,QCyzGd,CACF,CM3qGE,2BPtJE,sBAWY,QC0zGd,CACF,CDvzGI,mBACI,oBACA,UCyzGR,CDvzGQ,sBACI,sCKhCc,CLiCd,eACA,sBACA,iBACA,YCyzGZ,CM3rGE,yBPnIM,sBASQ,qCACA,oBACA,gBCyzGd,CACF,CMlsGE,gDPnIM,sBAeQ,gBACA,qBC0zGd,CACF,CD5yGI,uBACI,SC8yGR,CM3sGE,6BPpGE,uBAIQ,mBC+yGV,CACF,CMhtGE,2BPpGE,uBAQQ,gBCgzGV,CACF,CD7yGI,iBAGI,eAFA,aIjFM,CJkFN,SCgzGR,CD7yGQ,oBACI,aC+yGZ,CM7tGE,2BPnFM,oBAIQ,aCgzGd,CACF,CD9yGY,sBACI,4CCgzGhB,CD9yGgB,4BACI,UCgzGpB,CD3yGQ,oBACI,kBC6yGZ,CM3uGE,2BPxFE,iBA0BQ,UC6yGV,CACF,CD1xGA,WACI,iBCkyGJ,CD/xGA,mCAEC,iBCkyGD,CD9xGA,kBACC,YACG,UCiyGJ,CMnwGE,2BPhCF,kBAKQ,WCkyGN,CACF,CD/xGA,iBACC,WCkyGD,CD/xGA,sEACI,YCkyGJ,CmC/7GC,8BAIC,oBAHA,aACA,mBACA,uBAEA,gBnCk8GF,CmCh8GE,6CAEC,UADA,gBnCm8GH,CM5xGE,2B6BxKA,6CAKE,SnCm8GF,CACF,CMjyGE,6B6BxKA,6CASE,QnCo8GF,CACF,CMtyGE,2B6BxKA,6CAaE,SACA,enCq8GF,CACF,CM5yGE,6B6BxKA,6CAkBE,QnCs8GF,CACF,CMjzGE,6B6BxKA,6CAsBE,iBnCu8GF,CACF,CmCp8GE,sIAGC,MACA,SnCo8GH,CmCj8GE,yCACC,mBACA,wBnCm8GH,CmC/7GG,wEACC,gBnCi8GJ,CMj0GE,2B6BjIC,wEAIE,enCk8GH,CACF,CMt0GE,6B6BjIC,wEAQE,iBnCm8GH,CACF,CmC97GG,wEACC,gBnCg8GJ,CM90GE,2B6BnHC,wEAIE,enCi8GH,CACF,CMn1GE,6B6BnHC,wEAQE,iBnCk8GH,CACF,CMx1GE,6B6B/KD,8BA0EE,qBnCi8GD,CACF,CmC97GC,mDAEC,SnC+7GF,CmC57GE,mGACC,gBnC87GH,CmC37GE,2EAEC,kBADA,SnC87GH,CmCz7GG,6HACC,YAEA,iBACA,uBAFA,UnC67GJ,CM72GE,6B6BlFC,6HAOE,gBnC47GH,CACF,CmCv7GY,qHACA,WnCy7GZ,CmCx7GG,2HACC,iBACA,YACA,iBACA,sBACA,UnC07GJ,CM53GE,6B6BxDC,8HACC,UnC07GF,CACF,CmCt7GC,wBAGC,iBAFA,YACA,UnCy7GF,CmCp7GA,qHAGC,yBnCs7GD,CoC9jHA,sBACC,YpCikHD,CMl5GE,2B8BhLF,sBAIE,WpCkkHA,CACF,CoChkHC,gCAGC,mBAFA,aACA,mBAEA,WpCkkHF,CM75GE,6B8BzKD,gCAOE,qBpCmkHD,CACF,CoChkHC,2BACC,aACA,sBAEA,SADA,uBAGA,iBADA,gBpCmkHF,CM16GE,2B8B9JD,2BASE,eACA,YpCmkHD,CACF,CMh7GE,6B8B9JD,2BAcE,SpCokHD,CACF,CoChkHE,qCACC,SpCkkHH,CMx7GE,6B8B3IA,qCASE,mBADA,aAJA,SACA,WAKA,uBAJA,gBACA,UpCskHF,CACF,CMn8GE,6B8B3IA,qCAcE,iBpCokHF,CACF,CMx8GE,2B8B3IA,qCAkBE,aACA,wBpCqkHF,CACF,CoCjkHC,4BAEC,mBADA,aAIA,YAFA,uBAGA,kBAFA,SpCqkHF,CMt9GE,kD8BnHD,4BASE,wBpCokHD,CACF,CM39GE,6B8BtGE,mCACC,mBpCokHH,CACF,CMh+GE,6B8BnHD,4BAmBE,4DACA,0BACA,sDpCokHD,CoClkHC,oCACC,6BpCokHF,CoClkHE,2CACC,UACA,uBpCokHH,CACF,CM9+GE,6B8BnHD,4BAsCE,yBAHA,WACA,gBACA,UpCmkHD,CACF,CMt/GE,6B8BnHD,4BA0CE,iBpCmkHD,CACF,CM3/GE,2B8BnHD,4BA8CE,0BpCokHD,CACF,CoClkHE,mCAGC,UAFA,kBAIA,2BADA,kDAFA,SpCukHH,CoClkHG,qCACC,4BpCokHJ,CoClkHI,2CACC,YpCokHL,CM7gHE,2B8BjDA,sCAEE,iBACA,YpCgkHF,CACF,CoC5jHC,4BACC,SpC8jHF,CMthHE,uD8BzCD,4BAIE,SpC+jHD,CACF,CM3hHE,6B8BzCD,4BAQE,UpCgkHD,CoC5jHD,0BAEE,oBpC+jHD,CAJF,CoCvjHC,2BAKC,YAFA,OAFA,4BACA,MAEA,oBpC+jHF,CM5iHE,6B8BvBD,2BAQE,epC+jHD,CACF,CMjjHE,6B8BvBD,2BAYE,iBpCgkHD,CACF,CoC9jHE,iCACC,YpCgkHH,CMzjHE,6B8BvBD,2BAoBE,kEACA,0BAEA,qDpC+jHD,CoC7jHC,iCACC,sBACA,qDpC+jHF,CACF,CoC3jHC,+BAEC,epC4jHF,CoC1jHE,iCACC,mBpC4jHH,CoCzjHE,iCACC,mBpC2jHH,CM7kHE,uD8BSD,+BAaE,SpC2jHD,CACF,CMllHE,6B8BSD,+BAiBE,UpC4jHD,CACF,CMvlHE,2B8BSD,+BAqBE,UpC6jHD,CACF,CoC1jHE,yCAEC,mBADA,aAMA,YAJA,uBACA,gBACA,UACA,UpC6jHH,CMrmHE,2B8BkCA,yCAsBE,aACA,2BAEA,iBACA,mBAFA,YpCmjHF,CACF,CoC7iHC,0BACC,6BpC+iHF,CqCjyHA,aAEC,wBrCmyHD,CMrnHE,2B+BhLF,aAKE,SrCoyHA,CACF,CM1nHE,6B+BhLF,aASE,SrCqyHA,CACF,CqCnyHC,uBAWC,aACA,mBACA,8BAZA,gBrCwyHF,CMroHE,2B+BpKD,uBAIE,erCyyHD,CACF,CM1oHE,6B+BpKD,uBAQE,iBrC0yHD,CACF,CM/oHE,2B+BpKD,uBAiBE,8BADA,QrCwyHD,CACF,CqCnyHC,oBACC,SrCqyHF,CMxpHE,2B+B9ID,oBAIE,SrCsyHD,CACF,CqCnyHC,uBAEC,SADA,SrCsyHF,CMjqHE,2B+BtID,uBAKE,UrCsyHD,CACF,CqClyHA,sCACC,WAEC,0BADA,arCsyHA,CACF,CqClyHA,4DAEC,iBrCoyHD,CqCjyHA,kCAIC,YACA,WACA,+BALA,iBrCoyHD,CMrrHE,6B+B7GF,kCAOC,UrCqyHC,CACF,CqClyHC,8CACC,MrCoyHF,CqChyHA,iCAEC,YrCkyHD,CqC/xHA,kCACC,erCkyHD,CqC/xHA,wBAIC,iCACA,iCAJA,aAEA,UADA,iBrCqyHD,CqC/xHA,qBACC,GACC,cACA,SrCkyHA,CqC/xHD,GACC,SACA,SrCiyHA,CACF,CsC94HA,4BACC,mBtCg5HD,CsC74HA,wBAKC,iCAEA,wBANA,aASA,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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: \"Chivas\";\n src: url(\"/src/scss/fonts/Chivas/ChivasRegal-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.double-media-block-right .vimeo-video-container {\n max-height: unset;\n}\n\n.split {\n opacity: 0;\n line-height: 1.1;\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.invert-text-colour .cp-featured-case-studies-element-text-container {\n mix-blend-mode: difference;\n color: white;\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: 50% !important;\n transform: translateX(-50%) !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 position: relative;\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 --selectedChar: #ff6d00;\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 --selectedChar: #a639c2;\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 --selectedChar: #ffffff;\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 --selectedChar: #87715A;\n --fontFamily: \"Aberlour OTF\";\n --gridRows: 0px 0px 79px 207px 83px;\n}\n\n.HighlandPark,\n#glyph-block:has(.HighlandPark) {\n ---text: #000000;\n ---glyphs: #9C4879;\n ---lines: #000000;\n ---gridBorder: #000000;\n ---background-color: #F7F7F7;\n ---hoverBg: rgba(156, 72, 121, 0.3);\n --activeBg: #9C4879;\n --selectedChar: #F7F7F7;\n --fontFamily: \"HighlandPark OTF\";\n --gridRows: 0px 0px 88px 201px 92px;\n}\n\n.Chivas,\n#glyph-block:has(.Chivas) {\n ---text: #000000;\n ---glyphs: #000000;\n ---lines: #000000;\n ---gridBorder: #000000;\n ---background-color: #F7F7F7;\n ---hoverBg: rgba(208, 162, 61, 0.3);\n --activeBg: #D0A23D;\n --selectedChar: #000000;\n --fontFamily: \"Chivas\";\n --gridRows: 0px 0px 80px 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(--selectedChar);\n background-color: var(--activeBg) !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}\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 (max-width: 47.9275em) {\n .call-to-action-block-right .intro {\n opacity: 1 !important;\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}\r\n@font-face {\r\n font-family: 'Chivas';\r\n src: url('/src/scss/fonts/Chivas/ChivasRegal-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\r\n.double-media-block-right .vimeo-video-container{\r\n max-height: unset;\r\n}",".split {\r\n opacity: 0;\r\n line-height: 1.1;\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 &.invert-text-colour {\r\n .cp-featured-case-studies-element-text-container {\r\n mix-blend-mode: difference;\r\n color: white;\r\n }\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: 50% !important;\r\n\t\t\ttransform: translateX(-50%) !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\tposition: relative;\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\t--selectedChar: #ff6d00;\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\t--selectedChar: #a639c2;\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\t--selectedChar: #ffffff;\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\t--selectedChar: #87715A;\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: #000000;\r\n\t---glyphs: #9C4879;\r\n\t---lines: #000000;\r\n\t---gridBorder: #000000;\r\n\t---background-color: #F7F7F7;\r\n\t---hoverBg: rgba(156, 72, 121, 0.3);\r\n\t--activeBg: #9C4879; \r\n\t--selectedChar: #F7F7F7;\r\n --fontFamily: \"HighlandPark OTF\";\r\n\t--gridRows: 0px 0px 88px 201px 92px;\r\n}\r\n\r\n.Chivas,\r\n#glyph-block:has(.Chivas) {\r\n\t---text: #000000;\r\n\t---glyphs: #000000;\r\n\t---lines: #000000;\r\n\t---gridBorder: #000000;\r\n\t---background-color: #F7F7F7;\r\n\t---hoverBg: rgba(208, 162, 61, 0.3);\r\n\t--activeBg: #D0A23D; \r\n\t--selectedChar: #000000;\r\n --fontFamily: \"Chivas\";\r\n\t--gridRows: 0px 0px 80px 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(--selectedChar);\r\n\tbackground-color: var(--activeBg) !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\t// max-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($until: large-mobile) {\r\n\t\t\t\t.intro {\r\n\t\t\t\t\topacity: 1 !important;\r\n\t\t\t\t}\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":""}