{"version":3,"file":"component---src-templates-page-index-js-3edde6cb63b6fa9beffe.js","mappings":"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","sources":["webpack://2020-impact-report/./src/slices/Divider/_Chevron.js","webpack://2020-impact-report/./src/slices/Divider/_Curve.js","webpack://2020-impact-report/./src/slices/Divider/_People.js","webpack://2020-impact-report/./src/utils/resolveBG.js","webpack://2020-impact-report/./src/slices/Divider/Divider.js","webpack://2020-impact-report/./src/slices/Gallery/Gallery.js","webpack://2020-impact-report/./src/slices/LearnMoreButton/LearnMoreButton.js","webpack://2020-impact-report/./src/slices/LinkCards/LinkCards.js","webpack://2020-impact-report/./src/slices/NextUp/_Curve.js","webpack://2020-impact-report/./src/slices/NextUp/NextUp.js","webpack://2020-impact-report/./src/slices/PageHero/_Crowd.js","webpack://2020-impact-report/./src/slices/PageHero/_OneHand.js","webpack://2020-impact-report/./src/slices/PageHero/_UWLogo.js","webpack://2020-impact-report/./src/slices/PageHero/_Ripple.js","webpack://2020-impact-report/./src/slices/PageHero/_Sun.js","webpack://2020-impact-report/./src/slices/PageHero/_TwoHands.js","webpack://2020-impact-report/./src/slices/PageHero/PageHero.js","webpack://2020-impact-report/./src/slices/ReadMoreCard/ReadMoreCard.js","webpack://2020-impact-report/./src/slices/SideBySide/SideBySide.js","webpack://2020-impact-report/./src/slices/StatFeature/StatFeature.js","webpack://2020-impact-report/./src/slices/StatGrid/_Item.js","webpack://2020-impact-report/./src/slices/StatGrid/StatGrid.js","webpack://2020-impact-report/./src/slices/TextBlock/TextBlock.js","webpack://2020-impact-report/./src/slices/Video/Video.js","webpack://2020-impact-report/./src/templates/page/index.js"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\n\nexport const Chevron = ({ color = \"text-red\" }) => (\n  <svg\n    width=\"1200\"\n    height=\"346\"\n    viewBox=\"0 0 1200 346\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={clsx(\"w-full h-auto\", color)}\n    style={{\n      height: \"calc(100vw * (346 / 1200))\",\n      width: \"100vw\",\n    }}\n  >\n    <path\n      d=\"M-120 300.016L596 0L1320 300.016V987H600H-120V300.016Z\"\n      fill=\"currentColor\"\n    />\n    <path d=\"M-121 386L597 106L1321 386\" stroke=\"white\" stroke-width=\"10\" />\n  </svg>\n);\n","import React from \"react\";\n\nexport const Curve = ({ color = \"text-red\", progress }) => (\n  <svg\n    width=\"1200\"\n    height=\"204\"\n    viewBox=\"0 0 1200 204\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={color}\n    style={{\n      height: \"calc(100vw * (204 / 1200))\",\n      width: \"100vw\",\n      opacity: progress * 2,\n    }}\n  >\n    <path\n      d=\"M1653 436C1653 299.794 1487.23 178.876 1231 102.992C1055.03 50.8756 836.396 20 599.5 20C323.767 20 72.7748 61.8291 -115 130.294C-323.454 206.299 -454 315.13 -454 436\"\n      stroke=\"currentColor\"\n      strokeWidth=\"40\"\n    />\n  </svg>\n);\n","import React from \"react\";\n\nexport const People = ({ color = \"text-red\", progress }) => (\n  <div className=\"relative\">\n    <svg\n      viewBox=\"0 0 1112 153\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={color + \" origami\"}\n    >\n      <path\n        d=\"M194.874 50.4615C192.498 52.6119 189.475 54.1172 186.019 54.1172C182.563 54.1172 179.323 52.6119 176.948 50.2465L146.278 22.936C140.878 17.99 132.455 18.6352 127.487 24.0112C122.519 29.3873 123.167 37.774 128.567 42.72L157.293 68.3101C157.293 68.3101 171.332 79.7073 171.332 110.674L171.548 131.103C171.548 133.898 171.548 136.264 171.548 138.414C171.548 145.725 177.379 151.747 184.723 151.747H186.667C194.01 151.747 200.058 145.725 199.842 138.414V131.103L200.058 110.674C200.058 79.7073 214.097 68.3101 214.097 68.3101L242.823 42.72C248.223 37.774 248.87 29.3873 243.903 24.0112C238.935 18.6352 230.512 17.99 225.112 22.936L194.874 50.4615Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M203.945 18.8484C203.945 28.7404 195.954 36.6969 186.019 36.6969C176.083 36.6969 168.092 28.7404 168.092 18.8484C168.092 8.95654 176.083 1 186.019 1C195.954 1 203.945 8.95654 203.945 18.8484Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M317.985 50.4615C315.609 52.6119 312.585 54.1172 309.129 54.1172C305.673 54.1172 302.434 52.6119 300.058 50.2465L269.388 22.936C263.988 17.99 255.565 18.6352 250.597 24.0112C245.63 29.3873 246.278 37.774 251.677 42.72L280.403 68.3101C280.403 68.3101 294.442 79.7073 294.442 110.673L294.658 131.103C294.658 133.898 294.658 136.264 294.658 138.414C294.658 145.725 300.49 151.747 307.833 151.747H309.777C317.121 151.747 323.168 145.725 322.952 138.414V131.103L323.168 110.673C323.168 79.7073 337.207 68.3101 337.207 68.3101L365.933 42.72C371.333 37.774 371.981 29.3873 367.013 24.0112C362.045 18.6352 353.622 17.99 348.222 22.936L317.985 50.4615Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"0.8269\"\n        strokeMiterlimit=\"10\"\n      />\n      <path\n        d=\"M327.056 18.8484C327.056 28.7404 319.064 36.6969 309.129 36.6969C299.194 36.6969 291.202 28.7404 291.202 18.8484C291.202 8.95654 299.194 1 309.129 1C319.064 1 327.056 8.95654 327.056 18.8484Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"0.8269\"\n        strokeMiterlimit=\"10\"\n      />\n      <path\n        d=\"M71.546 50.6718C69.1701 52.8231 66.1464 54.3291 62.6906 54.3291C59.2348 54.3291 55.9951 52.8231 53.6192 50.4567L23.1654 23.1347C17.7658 18.1866 9.34235 18.832 4.3747 24.2104C-0.59295 29.5887 0.0550042 37.9789 5.45462 42.927L34.1806 68.5279C34.1806 68.5279 48.2196 79.93 48.2196 110.909L48.4356 131.347C48.4356 134.144 48.4356 136.51 48.4356 138.661C48.4356 145.976 54.2672 152 61.6107 152H63.5545C70.898 152 76.9456 145.976 76.7296 138.661V131.347L76.9456 110.909C76.9456 79.93 90.9846 68.5279 90.9846 68.5279L119.711 42.927C125.11 37.9789 125.758 29.5887 120.791 24.2104C115.823 18.832 107.399 18.1866 102 23.1347L71.546 50.6718Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"0.8269\"\n        strokeMiterlimit=\"10\"\n      />\n      <path\n        d=\"M80.6171 19.0469C80.6171 28.9429 72.6257 36.9027 62.6904 36.9027C52.7551 36.9027 44.7637 28.9429 44.7637 19.0469C44.7637 9.15096 52.7551 1.19116 62.6904 1.19116C72.6257 1.19116 80.6171 9.15096 80.6171 19.0469Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"0.8269\"\n        strokeMiterlimit=\"10\"\n      />\n      <path\n        d=\"M564.639 50.4615C562.263 52.6119 559.239 54.1172 555.783 54.1172C552.328 54.1172 549.088 52.6119 546.712 50.2465L516.042 22.936C510.643 17.99 502.219 18.6352 497.252 24.0112C492.284 29.3873 492.932 37.774 498.332 42.72L527.058 68.3101C527.058 68.3101 541.097 79.7073 541.097 110.673L541.313 131.103C541.313 133.898 541.313 136.264 541.313 138.414C541.313 145.725 547.144 151.747 554.488 151.747H556.431C563.775 151.747 569.823 145.725 569.607 138.414V131.103L569.822 110.673C569.822 79.7073 583.861 68.3101 583.861 68.3101L612.587 42.72C617.987 37.774 618.635 29.3873 613.667 24.0112C608.7 18.6352 600.276 17.99 594.877 22.936L564.639 50.4615Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"0.8269\"\n        strokeMiterlimit=\"10\"\n      />\n      <path\n        d=\"M573.71 18.8484C573.71 28.7404 565.718 36.6969 555.783 36.6969C545.848 36.6969 537.856 28.7404 537.856 18.8484C537.856 8.95654 545.848 1 555.783 1C565.718 1 573.71 8.95654 573.71 18.8484Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"0.8269\"\n        strokeMiterlimit=\"10\"\n      />\n      <path\n        d=\"M441.313 50.4615C438.937 52.6119 435.913 54.1172 432.457 54.1172C429.002 54.1172 425.762 52.6119 423.386 50.2465L392.716 22.936C387.317 17.99 378.893 18.6352 373.925 24.0112C368.958 29.3873 369.606 37.774 375.005 42.72L403.947 68.3101C403.947 68.3101 417.986 79.7073 417.986 110.674L418.202 131.103C418.202 133.898 418.202 136.264 418.202 138.414C418.202 145.725 424.034 151.747 431.377 151.747H433.321C440.665 151.747 446.712 145.725 446.496 138.414V131.103L446.712 110.674C446.712 79.7073 460.751 68.3101 460.751 68.3101L489.477 42.72C494.877 37.774 495.525 29.3873 490.557 24.0112C485.59 18.6352 477.166 17.99 471.767 22.936L441.313 50.4615Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M450.385 18.8484C450.385 28.7404 442.393 36.6969 432.458 36.6969C422.523 36.6969 414.531 28.7404 414.531 18.8484C414.531 8.95654 422.523 1 432.458 1C442.393 1 450.385 8.95654 450.385 18.8484Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M687.751 50.4615C685.375 52.6119 682.351 54.1172 678.896 54.1172C675.44 54.1172 672.2 52.6119 669.824 50.2465L639.37 22.936C633.971 17.99 625.547 18.6352 620.58 24.0112C615.612 29.3873 616.26 37.774 621.66 42.72L650.386 68.3101C650.386 68.3101 664.425 79.7073 664.425 110.674L664.641 131.103C664.641 133.898 664.641 136.264 664.641 138.414C664.641 145.725 670.472 151.747 677.816 151.747H679.76C687.103 151.747 693.151 145.725 692.935 138.414V131.103L693.151 110.674C693.151 79.7073 707.19 68.3101 707.19 68.3101L735.916 42.72C741.315 37.774 741.963 29.3873 736.996 24.0112C732.028 18.6352 723.605 17.99 718.205 22.936L687.751 50.4615Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M696.822 18.8484C696.822 28.7404 688.831 36.6969 678.895 36.6969C668.96 36.6969 660.969 28.7404 660.969 18.8484C660.969 8.95654 668.96 1 678.895 1C688.831 1 696.822 8.95654 696.822 18.8484Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M810.646 50.4615C808.27 52.6119 805.246 54.1172 801.79 54.1172C798.335 54.1172 795.095 52.6119 792.719 50.2465L762.049 22.936C756.65 17.99 748.226 18.6352 743.258 24.0112C738.291 29.3873 738.939 37.774 744.338 42.72L773.28 68.3101C773.28 68.3101 787.319 79.7073 787.319 110.673L787.535 131.103C787.535 133.898 787.535 136.264 787.535 138.414C787.535 145.725 793.367 151.747 800.71 151.747H802.654C809.998 151.747 816.045 145.725 815.829 138.414V131.103L816.045 110.673C816.045 79.7073 830.084 68.3101 830.084 68.3101L858.81 42.72C864.21 37.774 864.858 29.3873 859.89 24.0112C854.923 18.6352 846.499 17.99 841.1 22.936L810.646 50.4615Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"0.8269\"\n        strokeMiterlimit=\"10\"\n      />\n      <path\n        d=\"M819.718 18.8484C819.718 28.7404 811.726 36.6969 801.791 36.6969C791.856 36.6969 783.864 28.7404 783.864 18.8484C783.864 8.95654 791.856 1 801.791 1C811.726 1 819.718 8.95654 819.718 18.8484Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"0.8269\"\n        strokeMiterlimit=\"10\"\n      />\n      <path\n        d=\"M933.973 50.4615C931.597 52.6119 928.573 54.1172 925.118 54.1172C921.662 54.1172 918.422 52.6119 916.046 50.2465L885.376 22.936C879.977 17.99 871.553 18.6352 866.586 24.0112C861.618 29.3873 862.266 37.774 867.666 42.72L896.392 68.3101C896.392 68.3101 910.431 79.7073 910.431 110.674L910.647 131.103C910.647 133.898 910.647 136.264 910.647 138.414C910.647 145.725 916.478 151.747 923.822 151.747H925.766C933.109 151.747 939.157 145.725 938.941 138.414V131.103L939.157 110.674C939.157 79.7073 953.196 68.3101 953.196 68.3101L981.922 42.72C987.321 37.774 987.969 29.3873 983.002 24.0112C978.034 18.6352 969.61 17.99 964.211 22.936L933.973 50.4615Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M943.045 18.8484C943.045 28.7404 935.053 36.6969 925.118 36.6969C915.183 36.6969 907.191 28.7404 907.191 18.8484C907.191 8.95654 915.183 1 925.118 1C935.053 1 943.045 8.95654 943.045 18.8484Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1058.38 50.4615C1056.01 52.6119 1052.98 54.1172 1049.53 54.1172C1046.07 54.1172 1042.83 52.6119 1040.45 50.2465L1010 22.936C1004.6 17.99 996.177 18.6352 991.21 24.0112C986.242 29.3873 986.89 37.774 992.29 42.72L1021.02 68.3101C1021.02 68.3101 1035.05 79.7073 1035.05 110.673L1035.27 131.103C1035.27 133.898 1035.27 136.264 1035.27 138.414C1035.27 145.725 1041.1 151.747 1048.45 151.747H1050.39C1057.73 151.747 1063.78 145.725 1063.56 138.414V131.103L1063.78 110.673C1063.78 79.7073 1077.82 68.3101 1077.82 68.3101L1106.55 42.72C1111.95 37.774 1112.59 29.3873 1107.63 24.0112C1102.66 18.6352 1094.23 17.99 1088.83 22.936L1058.38 50.4615Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"0.8269\"\n        strokeMiterlimit=\"10\"\n      />\n      <path\n        d=\"M1067.45 18.8484C1067.45 28.7404 1059.46 36.6969 1049.52 36.6969C1039.59 36.6969 1031.6 28.7404 1031.6 18.8484C1031.6 8.95654 1039.59 1 1049.52 1C1059.46 1 1067.45 8.95654 1067.45 18.8484Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"0.8269\"\n        strokeMiterlimit=\"10\"\n      />\n    </svg>\n    <div\n      className=\"absolute top-0 left-0 block h-full bg-white md:hidden\"\n      style={{ width: (Math.round(progress) / 9) * 100 + \"%\" }}\n    />\n    <div\n      className=\"absolute top-0 left-0 hidden h-full bg-white md:block\"\n      style={{ width: (Math.round(progress * 3) / 9) * 100 + \"%\" }}\n    />\n  </div>\n);\n","export const resolveBG = (color, type = \"bg\") => {\n  if (type === \"bg\") {\n    switch (color) {\n      case \"Red\":\n        return \"bg-red\";\n      case \"Grey\":\n        return \"bg-grey\";\n      default:\n        return \"bg-white\";\n    }\n  }\n  if (type === \"text\") {\n    switch (color) {\n      case \"Red\":\n        return \"text-red\";\n      case \"Grey\":\n        return \"text-grey\";\n      default:\n        return \"text-white\";\n    }\n  }\n};\n","import React from \"react\";\nimport clsx from \"clsx\";\n\nimport { ScrollWrapper } from \"components\";\n\nimport { Chevron } from \"./_Chevron\";\nimport { Curve } from \"./_Curve\";\nimport { People } from \"./_People\";\n\nimport { resolveBG } from \"utils\";\n\nexport function Divider({ bg, variant, topMatch, bottomMatch }) {\n  return (\n    <section\n      data-slice=\"Divider\"\n      className={clsx(\n        \"overflow-hidden\",\n        resolveBG(bg?.name),\n        topMatch ? \"pt-fluid8\" : \"pt-fluid16\",\n        variant === \"Chevron\" || bottomMatch ? \"pb-0\" : \"pb-fluid16\"\n      )}\n    >\n      {variant === \"Curve\" && (\n        <ScrollWrapper>\n          <Curve color={bg?.name !== \"Red\" ? \"text-red\" : \"text-white\"} />\n        </ScrollWrapper>\n      )}\n      {variant === \"Chevron\" && (\n        <Chevron color={bg?.name !== \"Red\" ? \"text-red\" : \"text-white\"} />\n      )}\n      {variant === \"People\" && (\n        <ScrollWrapper>\n          <People color={bg?.name !== \"Red\" ? \"text-red\" : \"text-white\"} />\n        </ScrollWrapper>\n      )}\n    </section>\n  );\n}\n","import React from \"react\";\nimport clsx from \"clsx\";\n\nimport { Image, RichText, TriggerWrapper } from \"components\";\nimport { resolveBG } from \"utils\";\n\nfunction GalleryItem({ image, index, totalCount }) {\n  return (\n    <li\n      className={clsx(\n        \"pl-fluid4 pt-fluid4 md:w-5/12 w-full\",\n        (totalCount === 1 ||\n          (totalCount === 3 && index === 2) ||\n          (totalCount === 5 && index === 4)) &&\n          \"md:w-10/12\"\n      )}\n    >\n      <Image\n        src={{\n          ...image,\n          gatsbyImageData:\n            totalCount === 1 ||\n            (totalCount === 3 && index === 2) ||\n            (totalCount === 5 && index === 4)\n              ? image.large\n              : image.small,\n        }}\n      />\n    </li>\n  );\n}\n\nconst GalleryInner = ({ items, show, totalCount }) => {\n  return (\n    <>\n      {items?.length > 0 && (\n        <div\n          className=\"overflow-hidden\"\n          style={{\n            transform: show ? \"translate3d(0,0,0)\" : \"translate3d(0,128px,0)\",\n            opacity: show ? 1 : 0,\n            transition:\n              \"transform 1.6s ease-out  200ms, opacity 700ms ease-out 200ms\",\n          }}\n        >\n          <ul className=\"flex flex-wrap justify-center -ml-fluid4 -mt-fluid4\">\n            {items?.map((item, index) => {\n              return (\n                <GalleryItem\n                  {...item}\n                  totalCount={totalCount}\n                  index={index}\n                  key={\"galleryItem\" + index}\n                />\n              );\n            })}\n          </ul>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport function Gallery({\n  animation,\n  bg,\n  content,\n  items,\n  topMatch,\n  bottomMatch,\n}) {\n  const totalCount = items?.length;\n\n  return (\n    <section\n      data-slice=\"Gallery\"\n      className={clsx(\n        \"wrapper space-y-fluid8\",\n        resolveBG(bg?.name),\n        topMatch ? \"pt-fluid2\" : \"pt-fluid16\",\n        bottomMatch ? \"pb-fluid2\" : \"pb-fluid16\"\n      )}\n    >\n      {content && (\n        <RichText\n          className={clsx(\n            \"text-center\",\n            bg?.name === \"Red\" ? \"text-white\" : \"text-black\"\n          )}\n          content={content}\n        />\n      )}\n      {animation === \"Float\" && (\n        <TriggerWrapper>\n          <GalleryInner items={items} totalCount={totalCount} />\n        </TriggerWrapper>\n      )}\n      {animation !== \"Float\" && (\n        <GalleryInner items={items} totalCount={totalCount} show={true} />\n      )}\n    </section>\n  );\n}\n","import React from \"react\";\nimport clsx from \"clsx\";\n\nimport { Button, Modal, RichText } from \"components\";\nimport { resolveBG } from \"utils\";\n\nexport function LearnMoreButton({ bg, content, label, topMatch, bottomMatch }) {\n  return (\n    <section\n      data-slice=\"LearnMoreButton\"\n      className={clsx(\n        resolveBG(bg?.name),\n        topMatch ? \"pt-fluid8\" : \"pt-fluid16\",\n        bottomMatch ? \"pb-fluid8\" : \"pb-fluid8\"\n      )}\n    >\n      <div className=\"flex flex-wrap items-center justify-center -mt-fluid8\">\n        {content?.raw && label && (\n          <Modal\n            trigger={\n              <Button\n                label={label}\n                modal\n                variant={bg?.name === \"Red\" ? \"reverse\" : \"default\"}\n              />\n            }\n          >\n            <div className=\"space-y-4\">\n              <RichText content={content} size=\"small\" />\n            </div>\n          </Modal>\n        )}\n      </div>\n    </section>\n  );\n}\n","import React from \"react\";\nimport clsx from \"clsx\";\n\nimport { Image, Link, LongText, TriggerWrapper } from \"components\";\nimport { resolveBG } from \"utils\";\n\nfunction LinkIcon({ color = \"text-red\", size }) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 30 30\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={color}\n    >\n      <path\n        d=\"M13.5917 0C13.6835 0.0520408 13.7723 0.107143 13.8642 0.156122C14.3723 0.422449 14.6601 0.841837 14.6693 1.41429C14.6754 1.98061 14.3693 2.37857 13.904 2.67245C13.7356 2.77959 13.558 2.81633 13.356 2.81633C9.92742 2.8102 6.49885 2.81327 3.07028 2.81327C3.00293 2.81327 2.93865 2.81327 2.86211 2.81327C2.86211 10.9255 2.86211 19.0286 2.86211 27.1439C10.9438 27.1439 19.0284 27.1439 27.1346 27.1439C27.1346 27.0765 27.1346 27.0061 27.1346 26.9388C27.1407 23.9541 27.1468 20.9694 27.156 17.9847C27.156 17.6296 27.1836 17.2714 27.2142 16.9163C27.2723 16.252 27.7621 15.7684 28.4233 15.7102C29.0172 15.6582 29.4856 15.8724 29.7948 16.3867C29.8774 16.5245 29.9387 16.699 29.9448 16.8551C29.9723 17.9663 29.9938 19.0776 29.9968 20.1918C30.0029 22.5275 29.9999 24.8663 29.9938 27.202C29.9938 27.7133 29.954 28.2214 29.9448 28.7296C29.9387 29.1612 29.7489 29.4796 29.3968 29.7122C29.2438 29.8133 29.0846 29.9051 28.9315 30C21.3703 30 13.8091 30 6.24783 30C6.19885 29.9939 6.14681 29.9847 6.09783 29.9847C5.64477 29.9816 5.19171 29.9847 4.73558 29.9816C3.59375 29.9694 2.45191 29.951 1.31007 29.9418C0.988644 29.9388 0.70395 29.85 0.480481 29.6204C0.211093 29.3418 0.0121134 29.0418 0.0182358 28.6163C0.0335419 27.4439 0.021297 26.2714 0.0182358 25.099C0.0182358 24.998 0.00905214 24.8969 0.00292969 24.7959C0.00292969 17.5929 0.00292969 10.3867 0.00292969 3.18367C0.00905214 3.09184 0.021297 3.00306 0.021297 2.91122C0.0304807 2.3449 0.0243583 1.78163 0.0457868 1.21531C0.0641542 0.627551 0.618236 0.0795918 1.20293 0.0612245C1.9315 0.0367347 2.66007 0.0336735 3.38558 0.0183673C3.70701 0.0153061 4.02844 0.00612245 4.34681 0C7.42946 0 10.5091 0 13.5917 0Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M27.4594 0C27.6584 0.00918367 27.8543 0.0153061 28.0532 0.0244898C28.3226 0.0367347 28.5951 0.0367347 28.8645 0.0581633C29.391 0.10102 29.9237 0.630612 29.9451 1.1602C29.9788 2.04184 29.9941 2.92347 29.9971 3.80816C30.0063 5.88367 30.0002 7.96224 30.0002 10.0378C30.0002 10.6133 29.7032 11.0235 29.2288 11.302C28.4359 11.7704 27.2145 11.2194 27.1839 10.1327C27.1686 9.54184 27.141 8.95102 27.1379 8.35714C27.1288 7.27041 27.1349 6.18367 27.1349 5.09694C27.1349 5.03571 27.1349 4.97449 27.1349 4.86735C27.0645 4.93469 27.0186 4.97755 26.9757 5.02041C24.7196 7.27653 22.4696 9.53572 20.2073 11.7827C18.4624 13.5153 16.6931 15.2235 14.9543 16.9622C14.5226 17.3939 14.0543 17.4061 13.5369 17.2378C13.0104 17.0694 12.7686 16.6622 12.6767 16.148C12.6553 16.0347 12.6522 15.9153 12.6553 15.799C12.6614 15.4959 12.7931 15.2633 13.0073 15.049C15.5084 12.5235 18.0033 9.98878 20.5073 7.46327C22.0012 5.95714 23.5073 4.4602 25.0073 2.9602C25.0441 2.92347 25.0839 2.89286 25.1237 2.86225C25.1206 2.84694 25.1145 2.83469 25.1114 2.81939C25.0563 2.81939 24.9981 2.81939 24.943 2.81939C23.4277 2.81633 21.9124 2.81327 20.3971 2.8102C20.1982 2.8102 19.9992 2.79184 19.8002 2.79184C19.1328 2.78571 18.6033 2.17041 18.5512 1.57653C18.5114 1.1051 18.6431 0.697959 18.992 0.373469C19.2033 0.17449 19.4512 0.0612245 19.7482 0.0581633C20.6053 0.0489796 21.4624 0.0306122 22.3196 0.0153061C22.3808 0.0153061 22.439 0.00306122 22.5002 0C24.1533 0 25.8063 0 27.4594 0Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nfunction LinkCard({ bg, heading, image, link, subheading, show }) {\n  return (\n    <li>\n      {image && (\n        <Link\n          className={clsx(\n            \"relative flex border-2 py-fluid6 px-fluid6 items-center\",\n            bg?.name === \"Red\"\n              ? \"border-white bg-red text-white\"\n              : \"border-red text-black bg-white\"\n          )}\n          href={link?.link}\n          style={{\n            transition: \"opacity 300ms ease-in, transform 600ms ease-in\",\n            opacity: show ? 1 : 0,\n            transform: show ? \"translate3d(0, 0, 0)\" : \"translate3d(0, 8px, 0)\",\n          }}\n        >\n          <div className=\"flex w-1/4 overflow-hidden rounded-full\">\n            <div className=\"relative w-full\" style={{ paddingBottom: \"100%\" }}>\n              <Image\n                src={image}\n                className=\"absolute top-0 left-0 w-full h-full\"\n                style={{ position: \"absolute\" }}\n              />\n            </div>\n          </div>\n          <div className=\"block w-3/4 pl-fluid4\">\n            {heading && <h2 className=\"textStyle-h3\">{heading}</h2>}\n            {subheading && (\n              <LongText className=\"textStyle-body1\" content={subheading} />\n            )}\n            <div\n              className=\"absolute w-6 h-6 md:w-8 md:h-8\"\n              style={{ bottom: 24, right: 24 }}\n            >\n              <LinkIcon\n                color={bg?.name === \"Red\" ? \"text-white\" : \"text-red\"}\n              />\n            </div>\n          </div>\n        </Link>\n      )}\n      {!image && (\n        <div className=\"relative flex justify-center w-full\">\n          <div\n            className={clsx(\n              \"absolute border-8 w-56 h-56 rounded-full animate-pulse\",\n              bg?.name === \"Red\"\n                ? \"border-white bg-red text-white\"\n                : \"border-red text-black bg-white\"\n            )}\n            style={{\n              animation: \"pulse-ring 2.5s ease-in-out infinite 500ms\",\n              top: \"50%\",\n              left: \"50%\",\n            }}\n          />\n          <div\n            className={clsx(\n              \"absolute border-8 w-40 h-40 rounded-full\",\n              bg?.name === \"Red\"\n                ? \"border-white bg-red text-white\"\n                : \"border-red text-black bg-white\"\n            )}\n            style={{\n              animation: \"pulse-ring 2.5s ease-in-out infinite\",\n              top: \"50%\",\n              left: \"50%\",\n            }}\n          />\n          <Link\n            className={clsx(\n              \"relative flex items-center justify-center border-8 w-32 h-32 space-y-fluid1 py-fluid6 rounded-full\",\n              bg?.name === \"Red\"\n                ? \"border-white bg-red text-white\"\n                : \"border-red text-black bg-white\"\n            )}\n            href={link?.link}\n            style={{\n              transition: \"opacity 300ms ease-in, transform 600ms ease-in\",\n              opacity: show ? 1 : 0,\n              transform: show\n                ? \"translate3d(0, 0, 0)\"\n                : \"translate3d(0, 8px, 0)\",\n            }}\n          >\n            {heading && (\n              <h6\n                className={clsx(\n                  \"uppercase textStyle-h6 w-12\",\n                  bg?.name === \"Red\"\n                    ? \"border-white text-white\"\n                    : \"border-red text-red\"\n                )}\n              >\n                {heading}\n              </h6>\n            )}\n          </Link>\n        </div>\n      )}\n    </li>\n  );\n}\n\nexport function LinkCards({ bg, items, topMatch, bottomMatch }) {\n  return (\n    <section\n      data-slice=\"LinkCards\"\n      className={clsx(\n        \"wrapper flex justify-center\",\n        resolveBG(bg?.name),\n        !topMatch ? \"pt-fluid16\" : \"pt-fluid8\",\n        !bottomMatch ? \"pb-fluid16\" : \"pb-fluid8\"\n      )}\n    >\n      {items?.length > 0 && (\n        <ul className=\"w-full md:w-8/12 space-y-fluid12\">\n          {items?.map((item, index) => (\n            <TriggerWrapper key={\"linkCard\" + index}>\n              <LinkCard {...item} bg={bg} key={\"linkCard\" + index} />\n            </TriggerWrapper>\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n","import clsx from \"clsx\";\nimport React from \"react\";\n\nexport const Curve = ({ color = \"text-red\", className, style, ...rest }) => (\n  <svg\n    viewBox=\"0 0 1200 204\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={clsx(\"-mt-fluid12\", color, className)}\n    style={{\n      ...style,\n      height: \"calc(100vw * (204 / 1200))\",\n      width: \"100vw\",\n    }}\n    {...rest}\n  >\n    <path\n      d=\"M1653 436C1653 299.794 1487.23 178.876 1231 102.992C1055.03 50.8756 836.396 20 599.5 20C323.767 20 72.7748 61.8291 -115 130.294C-323.454 206.299 -454 315.13 -454 436\"\n      stroke=\"currentColor\"\n      strokeWidth=\"40\"\n    />\n  </svg>\n);\n","import React from \"react\";\n\nimport { Button, ScrollWrapper } from \"components\";\n\nimport { Curve } from \"./_Curve\";\n\nfunction NextUpInner({\n  footerButtonLabel,\n  footerSubtitle,\n  footerTitle,\n  nextPage,\n  progress,\n}) {\n  return (\n    <section data-slice=\"NextUp\" className=\"overflow-hidden pt-fluid16\">\n      <Curve\n        className=\"hidden md:block\"\n        color=\"text-red\"\n        style={{ opacity: 1 - progress * 5 }}\n      />\n      <Curve\n        className=\"hidden md:block\"\n        color=\"text-red\"\n        style={{ opacity: 1 - progress * 10 }}\n      />\n      <Curve color=\"text-red\" style={{ opacity: 0.25 - progress * 10 }} />\n      <div className=\"flex flex-col items-center justify-center wrapper pt-fluid4 pb-fluid32 space-y-fluid4\">\n        <h2 className=\"text-center textStyle-h1\">{footerTitle}</h2>\n        <h2 className=\"font-bold text-center textStyle-body2\">\n          {footerSubtitle}\n        </h2>\n        <Button\n          label={footerButtonLabel}\n          href={nextPage ? \"/\" + nextPage + \"/\" : \"/\"}\n        />\n      </div>\n    </section>\n  );\n}\n\nexport const NextUp = (props) => (\n  <ScrollWrapper>\n    <NextUpInner {...props} />\n  </ScrollWrapper>\n);\n","import React from \"react\";\n\nconst HAND_SCALE = 15;\n\nconst Hand = ({ className, opacity, progress, size, ...rest }) => (\n  <svg\n    width=\"141\"\n    height=\"248\"\n    viewBox=\"0 0 141 248\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n    style={{\n      opacity: opacity,\n      width: size * HAND_SCALE + \"vw\",\n      height: size * 1.7588652482 * HAND_SCALE + \"vw\",\n      transform:\n        \"scale(\" +\n        (0.8 - progress / 4) +\n        \") translate3d(0, \" +\n        (30 + progress * 25) +\n        \"%,0)\",\n    }}\n    {...rest}\n  >\n    <path\n      d=\"M94.7577 34.0109C98.8281 29.8073 106.112 29.4251 110.611 33.2466C115.324 36.8769 115.753 43.3734 111.468 47.3859L74.1913 84.6449C62.4085 73.1806 54.2676 74.5181 54.2676 74.5181L94.7577 34.0109Z\"\n      fill=\"#ED3024\"\n    />\n    <path\n      d=\"M97.9707 104.707L107.397 112.541L132.462 87.5109C134.819 85.2181 134.605 81.5877 132.034 79.4859C129.463 77.3841 125.393 77.5752 123.036 79.868L97.9707 104.707Z\"\n      fill=\"#ED3024\"\n    />\n    <path\n      d=\"M79.333 88.849L93.044 100.313L123.037 70.6971C126.464 67.2578 126.464 62.0989 122.608 58.8507C118.752 55.6024 112.968 55.7935 109.326 59.2328L79.333 88.849Z\"\n      fill=\"#ED3024\"\n    />\n    <path\n      d=\"M140.389 170.818C139.318 159.736 138.461 153.431 133.319 145.597C129.035 139.1 122.394 133.368 115.538 127.827L115.324 127.636L109.754 123.05L63.2652 83.8806C60.6944 81.9699 57.4809 80.6324 53.8389 80.6324C45.9123 80.6324 39.4853 86.3645 39.4853 93.6253C39.4853 97.2556 41.1992 100.504 43.77 102.797L85.5454 137.954C86.1881 138.527 86.6166 139.291 86.6166 140.247C86.6166 141.966 85.117 143.304 83.1889 143.304C82.3319 143.304 81.475 142.922 80.8323 142.54H80.6181L42.4845 110.249C38.6283 107 34.9864 102.797 33.4867 98.9753C31.9871 94.9628 32.6298 87.511 35.2006 84.2627C36.7003 82.352 38.4141 80.4413 40.3422 78.7217L99.0421 20.4447L99.2564 20.2536C100.97 18.1518 101.827 15.6679 101.827 12.8018C101.827 5.73216 95.4002 0 87.4735 0C83.4031 0 79.5469 1.52858 76.9761 4.01251L35.8433 44.9019C27.4882 53.6912 15.4911 62.6716 9.27838 73.5627C-7.21759 103.179 1.13752 130.311 19.1331 151.711C27.9167 162.22 37.7714 172.729 42.913 186.677C45.4838 193.365 45.9123 210.943 46.1265 225.274V247.82L140.389 247.629V170.818Z\"\n      fill=\"#ED3024\"\n    />\n  </svg>\n);\n\nexport function Crowd({ title, progress }) {\n  return (\n    <div className=\"relative flex items-center h-screen overflow-hidden bg-white\">\n      <div className=\"flex wrapper\">\n        <div className=\"flex flex-col items-center w-full space-y-12\">\n          <h1 className=\"text-center text-black textStyle-xl\">{title}</h1>\n        </div>\n      </div>\n      <div className=\"absolute bottom-0 left-0 flex items-end px-fluid2 space-x-fluid2\">\n        <Hand size={0.5} opacity={1} progress={progress} />\n        <Hand size={1} opacity={0.4} progress={progress} />\n        <Hand size={0.9} opacity={1} progress={progress} />\n        <Hand size={0.25} opacity={0.7} progress={progress} />\n        <Hand size={0.5} opacity={1} progress={progress} />\n        <Hand size={0.3} opacity={1} progress={progress} />\n        <Hand size={0.8} opacity={0.2} progress={progress} />\n        <Hand size={0.5} opacity={0.8} progress={progress} />\n        <Hand size={0.4} opacity={1} progress={progress} />\n        <Hand size={0.6} opacity={0.7} progress={progress} />\n        <Hand size={0.3} opacity={0.4} progress={progress} />\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport clsx from \"clsx\";\n\nconst Hand = ({ className, ...rest }) => (\n  <svg\n    width=\"210\"\n    height=\"124\"\n    viewBox=\"0 0 210 124\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={clsx(\"w-32 h-32 md:w-48 md:h-48\", className)}\n    {...rest}\n  >\n    <path\n      d=\"M181.999 41.1713C185.768 37.4285 185.768 31.1905 182.537 27.4478C179.307 23.0812 173.922 23.0811 170.691 26.8239L138.922 59.2614C148.614 69.8659 147.537 76.7277 147.537 76.7277L181.999 41.1713Z\"\n      fill=\"#DA291C\"\n    />\n    <path\n      d=\"M122.229 38.0521L115.768 29.9427L137.306 8.10981C139.46 6.23842 142.152 6.23846 144.306 8.73365C145.922 11.2288 145.921 14.3478 143.768 16.843L122.229 38.0521Z\"\n      fill=\"#DA291C\"\n    />\n    <path\n      d=\"M135.152 54.8942L125.46 43.0422L150.768 16.8428C153.46 13.7238 158.306 13.7238 160.998 17.4665C163.691 20.5855 163.691 26.1997 160.46 29.3187L135.152 54.8942Z\"\n      fill=\"#DA291C\"\n    />\n    <path\n      d=\"M65.6924 1.24757C74.8462 1.87137 80.2308 3.11896 87.2308 7.48553C92.6154 11.2283 97.4615 17.4663 102.308 23.0804L106.077 28.0708L139.462 68.6176C141.077 71.1128 142.154 73.6079 142.154 76.7269C142.154 83.5886 137.308 89.2028 131.385 89.2028C128.154 89.2028 125.462 87.9552 123.308 85.46L93.1539 48.6561C92.6155 48.0323 92.0771 47.4085 91.0001 47.4085C89.3848 47.4085 88.3078 48.6561 88.3078 50.5275C88.3078 51.1513 88.3077 51.7751 88.8462 52.3989L116.308 86.0838C119 89.2028 122.769 92.3218 126 94.1932C129.231 95.4408 135.692 94.817 138.385 92.9456C140 91.698 141.615 89.8266 143.231 88.579L192.769 36.804C194.385 35.5564 196.538 34.3088 199.231 34.3088C205.154 34.3088 210 39.923 210 46.7847C210 50.5275 208.923 53.6465 206.769 56.1416L172.308 92.3218C164.769 99.8073 157.231 110.412 148.077 115.402C122.769 129.75 99.6154 122.264 81.8462 106.669C72.6924 99.1836 64.077 90.4504 52.2308 85.46C46.3078 82.9649 31.7693 82.9649 19.3846 82.9649H0V0L65.6924 1.24757Z\"\n      fill=\"#DA291C\"\n    />\n  </svg>\n);\n\nexport function OneHand({ title, progress }) {\n  progress = progress * 1.5;\n\n  return (\n    <div className=\"relative flex items-center h-screen bg-white\">\n      <div\n        className=\"absolute left-0 transform -translate-y-1/2\"\n        style={{\n          top: \"40%\",\n          opacity:\n            progress < -0.35 && progress >= -0.45\n              ? -3.5 + progress * -10\n              : progress < -0.45 && progress >= -0.55\n              ? 1\n              : progress < -0.55 && progress >= -0.65\n              ? 6.5 + progress * 10\n              : 0,\n        }}\n      >\n        <Hand />\n      </div>\n      <div\n        className=\"absolute left-0 transform -translate-y-1/2\"\n        style={{\n          top: \"60%\",\n          opacity:\n            progress < -0.1 && progress >= -0.2\n              ? -1 + progress * -10\n              : progress < -0.2 && progress >= -0.3\n              ? 1\n              : progress < -0.3 && progress >= -0.4\n              ? 4 + progress * 10\n              : 0,\n        }}\n      >\n        <Hand />\n      </div>\n      <div\n        className=\"absolute left-0 transform -translate-y-1/2\"\n        style={{\n          top: \"80%\",\n          opacity:\n            progress > -0.1 && progress <= 0\n              ? 1\n              : progress <= -0.1 && progress >= -0.2\n              ? 2 + progress * 10\n              : 0,\n        }}\n      >\n        <Hand />\n      </div>\n      <div className=\"relative flex wrapper\">\n        <div className=\"flex flex-col items-center w-full space-y-12\">\n          <h1 className=\"text-center text-black textStyle-xl\">{title}</h1>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\n\nexport const UWLogo = (props) => (\n  <svg\n    width=\"176\"\n    height=\"178\"\n    viewBox=\"0 0 176 178\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M160.2 163.474C158.973 164.702 157.336 165.315 155.699 165.315C153.858 165.315 152.425 164.702 151.198 163.474C149.97 162.246 149.356 160.61 149.356 158.973C149.356 157.132 149.97 155.699 151.198 154.472C152.425 153.244 154.062 152.63 155.699 152.63C157.54 152.63 158.973 153.244 160.2 154.472C161.428 155.699 162.042 157.132 162.042 158.973C162.042 160.61 161.428 162.246 160.2 163.474ZM151.607 154.881C150.584 155.904 149.97 157.336 149.97 158.768C149.97 160.405 150.584 161.633 151.607 162.656C152.63 163.679 154.062 164.292 155.494 164.292C156.927 164.292 158.359 163.679 159.382 162.656C160.405 161.633 161.019 160.201 161.019 158.768C161.019 157.336 160.405 155.904 159.382 154.881C158.359 153.858 156.927 153.244 155.494 153.244C154.062 153.244 152.835 153.858 151.607 154.881ZM155.494 155.29C156.313 155.29 156.927 155.29 157.336 155.495C158.154 155.904 158.359 156.313 158.359 157.336C158.359 157.95 158.154 158.359 157.745 158.768C157.54 158.973 157.131 158.973 156.722 159.178C157.336 159.178 157.745 159.587 157.95 159.791C158.154 160.201 158.359 160.61 158.359 160.814V161.428C158.359 161.633 158.359 161.837 158.359 162.042C158.359 162.246 158.359 162.451 158.359 162.451H157.131V162.246V161.633C157.131 160.814 156.927 160.201 156.517 159.996C156.313 159.587 155.904 159.587 155.29 159.587H154.267V162.451H153.039V155.29H155.494ZM156.722 156.518C156.313 156.313 155.904 156.313 155.29 156.313H154.267V158.973H155.29C155.904 158.973 156.108 158.973 156.517 158.768C156.927 158.564 157.336 158.155 157.336 157.745C157.336 156.927 157.131 156.518 156.722 156.518Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M151.402 117.44C154.267 114.78 154.676 110.279 152.016 107.414C149.356 104.55 144.855 104.141 141.991 106.8L115.598 130.329C123.577 137.695 122.759 142.81 122.759 142.81L151.402 117.44Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M101.48 115.598L95.9561 109.665L113.551 93.7061C115.188 92.2739 117.848 92.2739 119.28 93.9107C120.712 95.5475 120.712 98.2073 119.076 99.6394L101.48 115.598Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M112.529 127.26L104.345 118.667L125.214 99.6394C127.669 97.3888 131.352 97.5934 133.602 99.844C135.853 102.299 135.648 105.982 133.398 108.233L112.529 127.26Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M54.6277 88.7956C62.4024 89.4094 66.9036 90.0232 72.4277 93.0922C76.9289 95.7519 81.0209 100.048 84.9082 104.14L85.1128 104.345L88.3864 107.823L116.212 137.081C117.644 138.718 118.462 140.764 118.462 143.014C118.462 148.129 114.37 152.221 109.255 152.221C106.8 152.221 104.345 151.198 102.708 149.561L77.9519 123.373C77.5427 122.963 76.9289 122.759 76.3151 122.759C75.0875 122.759 74.0645 123.782 74.0645 125.009C74.0645 125.623 74.2691 126.032 74.6783 126.442L97.5933 150.584C99.8439 153.039 102.913 155.29 105.573 156.313C108.437 157.336 113.552 156.927 116.007 155.29C117.439 154.267 118.667 153.244 119.895 152.016L161.019 114.984L161.223 114.78C162.656 113.757 164.497 113.143 166.338 113.143C171.249 113.143 175.341 117.235 175.341 122.145C175.341 124.805 174.318 127.055 172.476 128.692L143.628 154.676C137.285 159.996 131.147 167.566 123.373 171.453C102.504 181.888 83.2714 176.568 67.9266 165.315C60.5611 159.587 53.1955 153.449 43.3748 150.175C38.6691 148.538 26.1886 148.334 15.9587 148.334H0V88.7956V88.591C1.63679 64.4484 11.4575 42.761 26.8024 26.8024C42.3518 10.2299 63.8346 0 87.568 0C111.915 0 134.012 10.8437 149.766 28.2345C165.52 45.6254 175.341 69.5634 175.341 95.7519C175.341 98.6163 175.341 100.662 175.136 103.322C174.931 106.8 171.862 109.46 168.589 109.46C168.384 109.46 168.18 109.46 167.975 109.46C164.292 109.255 161.633 105.982 161.837 102.299C162.042 99.8439 162.042 98.2071 162.042 95.7519C162.042 72.8369 153.653 52.1725 139.945 37.2369C126.442 22.3012 108.028 13.2989 87.568 13.2989C67.722 13.2989 49.7173 21.892 36.4185 35.8047C23.5288 49.3082 14.9357 67.9266 13.2989 88.7956H18.4138C19.2322 70.1772 26.5978 53.1955 38.4644 40.715C50.9449 27.4161 68.3358 19.2322 87.568 19.2322C106.8 19.2322 124.191 27.4161 136.672 40.715C149.152 54.0139 156.927 72.2231 156.927 92.0692C156.927 94.3197 156.927 96.5703 156.722 98.8209C156.518 101.481 154.062 103.527 151.403 103.322C148.743 103.117 146.697 100.662 146.901 98.0025C147.106 96.1611 147.106 94.1151 147.106 92.0692C147.106 74.4737 140.354 58.7197 129.511 47.4668C118.667 36.0093 103.936 29.0529 87.568 29.0529C71.2001 29.0529 56.4691 36.0093 45.6254 47.4668C35.6001 58.1059 29.0529 72.6323 28.2345 89.0002H34.1679C34.3725 74.2691 40.3058 60.7656 49.7173 51.1495C59.3335 40.9196 72.8369 34.7817 87.568 34.7817C102.299 34.7817 115.803 40.9196 125.419 50.9449C135.035 60.9702 140.968 74.6783 140.968 90.0232C140.968 91.66 140.968 93.2968 140.764 94.9335C140.559 96.9795 138.718 98.6163 136.467 98.4117C134.421 98.2071 132.784 96.3657 132.989 94.1151C132.989 92.8876 132.989 91.4554 132.989 90.0232C132.989 76.9289 127.874 65.0622 119.69 56.4691C111.506 47.876 100.048 42.5564 87.568 42.5564C75.0875 42.5564 63.63 47.876 55.4461 56.4691C47.4668 64.8576 42.3518 76.3151 42.1472 89.0002H48.2852C48.6944 66.9036 66.0852 49.1036 87.568 49.1036C109.46 49.1036 127.055 67.9266 127.055 90.4324C127.055 92.2738 125.623 93.7059 123.782 93.7059C121.94 93.7059 120.508 92.2738 120.508 90.4324C120.508 80.8163 116.621 71.8139 110.688 65.4714C104.754 59.3335 96.5703 55.4461 87.3634 55.4461C78.3611 55.4461 70.1772 59.3335 64.0392 65.4714C58.5151 71.4048 54.8323 79.5887 54.6277 88.7956Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M90.0228 74.4737C89.409 75.0875 88.5906 75.4967 87.7722 75.4967C86.7492 75.4967 86.1354 75.0875 85.5216 74.4737L77.5423 67.3128C76.1101 66.0852 73.8595 66.0852 72.6319 67.5173C71.4044 68.9495 71.4044 71.2001 72.8365 72.4277L80.2021 78.9748C80.2021 78.9748 83.8848 81.8392 83.8848 90.0231V95.3427C83.8848 96.1611 83.8848 96.7749 83.8848 97.1841C83.8848 99.0255 85.317 100.662 87.363 100.662H87.9768C89.8182 100.662 91.455 99.0255 91.455 97.1841C91.455 96.5703 91.455 95.9565 91.455 95.3427V90.0231C91.455 82.0438 95.1377 78.9748 95.1377 78.9748L102.503 72.4277C103.935 71.2001 104.14 68.9495 102.708 67.5173C101.48 66.0852 99.2297 65.8806 97.7975 67.3128L90.0228 74.4737Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M92.4779 66.2897C92.4779 68.7449 90.4319 70.9955 87.7722 70.9955C85.317 70.9955 83.0664 68.9495 83.0664 66.2897C83.0664 63.8346 85.1124 61.584 87.7722 61.584C90.4319 61.584 92.4779 63.63 92.4779 66.2897Z\"\n      fill=\"white\"\n    />\n  </svg>\n);\n","import React from \"react\";\n\nimport { UWLogo } from \"./_UWLogo\";\n\nexport function Ripple() {\n  return (\n    <div className=\"relative flex items-center h-screen bg-red\">\n      <div className=\"flex wrapper\">\n        <div className=\"flex flex-col items-center w-full space-y-12\">\n          <UWLogo />\n          <h1 className=\"text-center text-white textStyle-xl\">\n            Community Impact <br /> 2020\n          </h1>\n        </div>\n        <div className=\"absolute bottom-0 left-0 flex flex-col items-center w-full pb-2 space-y-6\">\n          <h2 className=\"text-center text-white textStyle-h6\">\n            Scroll for more\n          </h2>\n          <svg\n            className=\"text-white\"\n            height={45}\n            width={45}\n            viewBox=\"0 0 45 45\"\n            style={{ animation: \"pulse-arrow 2s ease-out infinite\" }}\n          >\n            <title>Arrow down</title>\n            <path\n              d=\"M44.5278 0H40.0869C39.785 0 39.5007 0.107422 39.3231 0.283594L22.5011 17.1102L5.67913 0.283594C5.5015 0.107422 5.21728 0 4.91531 0H0.474442C0.0895672 0 -0.135437 0.317969 0.0895672 0.545704L20.9675 21.4328C21.7255 22.1891 23.2768 22.1891 24.0288 21.4328L44.9068 0.545704C45.1377 0.317969 44.9127 0 44.5278 0Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\n\nexport function Sun({ progress, title }) {\n  return (\n    <div className=\"relative flex items-center h-screen bg-white\">\n      <svg\n        width=\"1210\"\n        height=\"394\"\n        viewBox=\"0 0 1210 394\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className=\"absolute bottom-0 left-0 w-full h-auto\"\n        style={{\n          transform:\n            \"translate3d(0,\" +\n            (25 + (progress > 5 || progress < -3 ? 0 : progress) * 10) +\n            \"%, 0)\",\n        }}\n      >\n        <g\n          style={{\n            transform:\n              \"translate3d(\" +\n              (progress > 5 || progress < -3 ? 0 : progress) * 10 +\n              \"%,\" +\n              (20 + (progress > 5 || progress < -3 ? 0 : progress) * 20) +\n              \"%, 0)\",\n          }}\n        >\n          <path\n            d=\"M1135.32 192.274C1133.67 119.169 1073.87 60.0811 1000.02 60.0811C936.09 60.0811 882.631 104.329 868.301 163.692C992.581 165.616 1080.21 179.632 1135.32 192.274Z\"\n            fill=\"#DA291C\"\n          />\n          <path\n            d=\"M859.888 173.415H827.922V172.042H859.888V173.415Z\"\n            fill=\"#FF0000\"\n          />\n          <path\n            d=\"M862.366 147.308L830.952 141.537C831.228 140.438 831.228 139.338 831.503 138.239L862.918 144.835C862.642 145.385 862.642 146.209 862.366 147.308ZM1141.24 147.034C1140.96 146.209 1140.96 145.385 1140.69 144.285L1172.1 137.689C1172.38 138.789 1172.65 139.888 1172.65 140.987L1141.24 147.034ZM870.082 120.65L840.321 108.832C840.597 107.733 841.148 106.909 841.699 105.809L871.184 118.177C870.909 119.001 870.633 119.826 870.082 120.65ZM1133.52 120.375C1133.25 119.551 1132.97 118.726 1132.42 117.902L1161.9 105.26C1162.46 106.359 1162.73 107.183 1163.28 108.283L1133.52 120.375ZM883.034 95.9155L856.304 78.3263C856.855 77.5018 857.406 76.4025 858.233 75.578L884.687 93.4419C884.136 94.5412 883.585 95.3658 883.034 95.9155ZM1120.57 95.9155C1120.02 95.091 1119.47 94.5413 1119.19 93.7168L1145.65 75.578C1146.2 76.4025 1146.75 77.5018 1147.57 78.3263L1120.57 95.9155ZM900.67 74.4787L877.798 52.2175C878.625 51.3931 879.451 50.5686 880.003 50.0189L902.599 72.8297C901.772 73.1046 901.221 73.6542 900.67 74.4787ZM1103.21 74.2039C1102.66 73.6542 1101.83 72.8298 1101.28 72.2801L1123.6 49.4692C1124.43 50.2937 1125.25 51.1183 1125.81 51.6679L1103.21 74.2039ZM921.888 56.6148L903.701 30.2312C904.528 29.6816 905.63 29.1319 906.457 28.3075L924.093 54.9658C923.266 55.5155 922.715 56.0652 921.888 56.6148ZM1081.72 56.6148C1080.89 56.0652 1080.34 55.5155 1079.51 55.2407L1097.15 28.5823C1097.97 29.132 1099.08 29.6816 1099.9 30.5061L1081.72 56.6148ZM946.413 43.1482L933.737 13.7415C934.84 13.1918 935.666 12.917 936.769 12.3673L948.618 42.0489C947.791 42.5986 946.964 42.8734 946.413 43.1482ZM1057.19 43.1482C1056.36 42.8734 1055.54 42.5986 1054.71 42.0489L1066.56 12.3673C1067.66 12.6421 1068.49 13.1918 1069.59 13.7415L1057.19 43.1482ZM972.867 34.9033L966.254 3.57283C967.356 3.298 968.458 3.02314 969.561 3.02314L975.347 34.3536C974.521 34.6285 973.694 34.9033 972.867 34.9033ZM1030.74 34.9033C1029.91 34.6285 1029.08 34.6285 1027.98 34.3536L1033.77 3.02314C1034.87 3.29797 1035.97 3.298 1037.07 3.57283L1030.74 34.9033ZM1000.42 31.8802L1000.15 0H1001.8H1003.18L1002.9 31.8802H1001.53H1000.42Z\"\n            fill=\"#FF0000\"\n          />\n          <path\n            d=\"M1175.96 173.415H1143.72V172.316L1175.96 171.767V173.415Z\"\n            fill=\"#FF0000\"\n          />\n        </g>\n        <path\n          d=\"M838.265 177.16C838.265 177.16 722.528 174.961 597.698 212.887C626.081 224.155 654.739 234.874 684.5 242.569C695.798 245.592 690.838 262.906 679.815 259.883C642.339 250.264 606.791 235.698 570.968 221.682C570.692 221.682 570.692 221.682 570.417 221.957C342.25 124.392 97.5495 185.13 0 217.01V256.036C35.8233 273.625 72.1977 290.114 111.603 298.634C123.728 301.382 118.492 320.071 106.368 317.323C68.8909 309.078 34.1699 293.687 0 277.197V394H1210V228.828C1210 228.553 1098.4 177.16 838.265 177.16Z\"\n          fill=\"#DA291C\"\n        />\n      </svg>\n      <div className=\"relative flex wrapper\">\n        <div className=\"flex flex-col items-center w-full space-y-12\">\n          <h1 className=\"text-center text-black textStyle-xl\">{title}</h1>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport clsx from \"clsx\";\n\nimport { ScrollWrapper } from \"components\";\n\nconst Hand = ({ className, ...rest }) => (\n  <svg\n    viewBox=\"0 0 202 178\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={clsx(\"w-24 h-24 sm:w-32 sm:h-32 lg:w-48 lg:h-48\", className)}\n    {...rest}\n  >\n    <path\n      d=\"M63.6882 36.0858C63.5322 32.3851 66.6397 29.096 70.8355 28.9595C75.0312 28.8229 78.7612 31.5646 78.9172 35.2653L81.2535 68.8461C69.5985 68.4334 66.1804 72.5449 66.1804 72.5449L63.6882 36.0858Z\"\n      fill=\"#ED3024\"\n    />\n    <path\n      d=\"M103.32 68.3002L112.023 68.0272L110.62 45.4116C110.465 43.3557 108.444 41.5736 106.113 41.7104C103.782 41.8472 101.762 43.6287 101.918 45.6847L103.32 68.3002Z\"\n      fill=\"#ED3024\"\n    />\n    <path\n      d=\"M85.916 68.8463L98.6587 68.5738L97.1004 41.7092C96.9445 38.5568 93.9916 36.2264 90.5728 36.2259C86.9986 36.3626 84.3573 38.9664 84.3577 41.9818L85.916 68.8463Z\"\n      fill=\"#ED3024\"\n    />\n    <path\n      d=\"M159.421 81.8766C153.049 77.0786 149.164 74.4739 142.326 72.8283C136.887 71.5941 130.516 71.7303 124.3 72.0037L123.989 72.0037L118.861 72.1401L75.3492 73.2312C73.0182 73.368 70.8428 74.1901 69.1336 75.6976C65.2492 79.1237 65.25 84.6062 69.1356 88.0333C71.0006 89.6783 73.6426 90.638 76.1289 90.6383L115.289 89.5467C115.911 89.5467 116.533 89.8209 116.999 90.2322C117.931 91.0547 117.932 92.4253 116.999 93.2476C116.533 93.6587 116.067 93.7957 115.445 93.7956L79.5483 94.4765C75.9742 94.6131 71.9337 94.0644 69.1363 92.9675C66.1836 91.7336 62.6088 88.0325 61.9868 85.2911C61.6757 83.6463 61.5201 82.1386 61.5198 80.4939L58.4035 27.8613L58.4034 27.5872C58.0924 25.9424 57.1597 24.2975 55.6055 22.9267C51.8754 19.6367 45.6595 19.636 41.9304 22.925C39.9105 24.7066 38.9784 26.8995 39.1342 29.2296L41.4711 66.3739C42.2493 74.1866 41.3184 83.5068 44.1168 91.1826C52.0455 112.428 70.8503 121.614 90.8972 124.221C100.843 125.592 111.099 126.416 121.356 130.803C126.174 132.86 135.966 140.948 143.737 147.802L155.859 158.494L201.074 118.34L159.421 81.8766Z\"\n      fill=\"#ED3024\"\n    />\n  </svg>\n);\n\nconst RightHand = ({ className, ...rest }) => (\n  <svg\n    width=\"202\"\n    height=\"179\"\n    viewBox=\"0 0 202 179\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={clsx(\"w-24 h-24 sm:w-32 sm:h-32 lg:w-48 lg:h-48\", className)}\n    {...rest}\n  >\n    <path\n      d=\"M137.541 36.5898C137.697 32.8891 134.59 29.5999 130.394 29.4634C126.198 29.3269 122.468 32.0686 122.312 35.7693L119.976 69.35C131.631 68.9373 135.049 73.0488 135.049 73.0488L137.541 36.5898Z\"\n      fill=\"#ED3024\"\n    />\n    <path\n      d=\"M97.9093 68.8041L89.207 68.5311L90.6091 45.9156C90.7649 43.8596 92.7853 42.0775 95.1163 42.2143C97.4472 42.3511 99.4672 44.1326 99.3114 46.1886L97.9093 68.8041Z\"\n      fill=\"#ED3024\"\n    />\n    <path\n      d=\"M115.314 69.3502L102.571 69.0777L104.129 42.2131C104.285 39.0606 107.238 36.7302 110.657 36.7298C114.231 36.8664 116.872 39.4703 116.872 42.4857L115.314 69.3502Z\"\n      fill=\"#ED3024\"\n    />\n    <path\n      d=\"M41.808 82.3805C48.1801 77.5825 52.0655 74.9778 58.9033 73.3322C64.3425 72.098 70.7139 72.2343 76.9298 72.5076L77.2406 72.5076L82.3687 72.644L125.88 73.7352C128.211 73.8719 130.387 74.694 132.096 76.2015C135.98 79.6276 135.979 85.1101 132.094 88.5372C130.229 90.1822 127.587 91.1419 125.101 91.1422L85.9402 90.0506C85.3186 90.0507 84.6969 90.3248 84.2307 90.7361C83.2981 91.5586 83.2979 92.9292 84.2302 93.7515C84.6963 94.1626 85.1625 94.2996 85.7841 94.2995L121.681 94.9804C125.255 95.1171 129.296 94.5683 132.093 93.4715C135.046 92.2375 138.621 88.5364 139.243 85.7951C139.554 84.1503 139.709 82.6425 139.71 80.9978L142.826 28.3652L142.826 28.0911C143.137 26.4463 144.07 24.8014 145.624 23.4306C149.354 20.1407 155.57 20.1399 159.299 23.4289C161.319 25.2105 162.251 27.4034 162.095 29.7335L159.758 66.8778C158.98 74.6905 159.911 84.0107 157.113 91.6866C149.184 112.932 130.379 122.118 110.332 124.724C100.387 126.096 90.1301 126.92 79.873 131.307C75.0553 133.364 65.2639 141.452 57.4929 148.306L45.37 158.998L0.155243 118.844L41.808 82.3805Z\"\n      fill=\"#ED3024\"\n    />\n  </svg>\n);\n\nfunction TwoHandsInner({ progress, title }) {\n  return (\n    <div className=\"relative flex items-center h-screen bg-white\">\n      <div className=\"flex wrapper \">\n        <div\n          className=\"relative flex flex-col items-center w-full space-y-12\"\n          style={{\n            transform:\n              progress <= -0.3\n                ? \"translate3d(0,\" + (progress + 0.3) * 600 + \"%, 0)\"\n                : 0,\n          }}\n        >\n          <div\n            className=\"absolute left-0 transform \"\n            style={{\n              bottom: \"-60%\",\n              transform:\n                progress > -0.25 && progress <= 0\n                  ? \"translate3d(0.7vw,\" + (100 + progress * 400) + \"%, 0)\"\n                  : \"translate3d(0.7vw,0,0)\",\n            }}\n          >\n            <Hand />\n          </div>\n          <div\n            className=\"absolute bottom-0 right-0 transform translate-x-1/2 lg:-translate-x-8\"\n            style={{\n              bottom: \"-60%\",\n              transform:\n                progress > -0.25 && progress <= 0\n                  ? \"translate3d(-0.7vw,\" + (100 + progress * 400) + \"%, 0)\"\n                  : \"translate3d(-0.7vw,0,0)\",\n            }}\n          >\n            <RightHand />\n          </div>\n          <h1 className=\"relative text-center text-black textStyle-xl\">\n            {title}\n          </h1>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function TwoHands({ title }) {\n  return (\n    <ScrollWrapper>\n      <TwoHandsInner title={title} />\n    </ScrollWrapper>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport { ScrollWrapper } from \"components\";\n\nimport { Crowd } from \"./_Crowd\";\nimport { OneHand } from \"./_OneHand\";\nimport { Ripple } from \"./_Ripple\";\nimport { Sun } from \"./_Sun\";\nimport { TwoHands } from \"./_TwoHands\";\n\nconst ANIMATION_DURATION = \"400ms\";\n\nexport const PageHero = ({ animation, title, loaderComplete }) => {\n  //check if loader has loaded prior. If so, delay initial animation\n  const [pageLoadedPrior, setPageLoadedPrior] = useState(false);\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    if (loaderComplete) {\n      setPageLoadedPrior(true);\n      setMounted(true);\n    }\n  }, [loaderComplete]);\n\n  return (\n    <div\n      className={clsx(\n        \"h-screen\",\n        animation?.name === \"Ripple\" ? \"bg-red\" : \"bg-white\"\n      )}\n    >\n      <div\n        style={{\n          opacity: mounted ? 1 : 0,\n          transition: \"opacity\",\n          transitionTimingFunction: \"ease-in\",\n          transitionDuration: ANIMATION_DURATION,\n          transitionDelay: (!pageLoadedPrior ? 2300 : 100) + \"ms\",\n        }}\n      >\n        {animation?.name === \"Crowd\" && (\n          <ScrollWrapper>\n            <Crowd title={title} />\n          </ScrollWrapper>\n        )}\n        {animation?.name === \"One Hand\" && (\n          <ScrollWrapper>\n            <OneHand title={title} />\n          </ScrollWrapper>\n        )}\n        {animation?.name === \"Ripple\" && <Ripple title={title} />}\n        {animation?.name === \"Sun\" && (\n          <ScrollWrapper>\n            <Sun title={title} />\n          </ScrollWrapper>\n        )}\n        {animation?.name === \"Two Hands\" && <TwoHands title={title} />}\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\nimport clsx from \"clsx\";\n\nimport { Image, Modal, RichText } from \"components\";\nimport { resolveBG } from \"utils\";\n\nexport function ReadMoreCard({\n  bg,\n  cardColor,\n  content,\n  excerpt,\n  heading,\n  image,\n  subheading,\n  video,\n  topMatch,\n  bottomMatch,\n}) {\n  return (\n    <section\n      data-slice=\"ReadMoreCard\"\n      className={clsx(\n        \"wrapper\",\n        resolveBG(bg?.name),\n        topMatch ? \"pt-fluid8\" : \"pt-fluid16\",\n        bottomMatch ? \"pb-fluid8\" : \"pb-fluid16\"\n      )}\n    >\n      <div className=\"flex flex-wrap items-center justify-center -mt-fluid8 -ml-fluid8\">\n        <div className=\"w-3/12 pl-fluid8 pt-fluid8\">\n          <Image src={image} />\n        </div>\n        <div className=\"w-7/12 pl-fluid8 pt-fluid8 space-y-fluid3\">\n          {heading && <h2>{heading}</h2>}\n          {subheading && <h2 className=\"textStyle-h4\">{subheading}</h2>}\n          {excerpt && (\n            <RichText\n              content={excerpt}\n              size=\"small\"\n              className=\"hidden lg:block\"\n            />\n          )}\n          {content && (\n            <Modal\n              trigger={\n                <button\n                  className=\"flex items-center textStyle-h5 space-x-fluid1 focus:outline-none\"\n                  style={{ cursor: \"pointer\" }}\n                >\n                  <span>Read More</span>\n                  <svg\n                    aria-hidden\n                    width={(25 / 24) * 1 + \"em\"}\n                    height=\"1em\"\n                    viewBox=\"0 0 25 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"transform rotate-90\"\n                  >\n                    <path\n                      d=\"M12.1132 0C5.42392 0 0 5.31642 0 11.8732C0 18.4299 5.42392 23.7463 12.1132 23.7463C18.8026 23.7463 24.2265 18.4299 24.2265 11.8732C24.2265 5.31642 18.8026 0 12.1132 0ZM17.3046 12.5092C17.3046 12.6258 17.2073 12.7212 17.0883 12.7212H12.9785V16.7496C12.9785 16.8662 12.8811 16.9617 12.7622 16.9617H11.4643C11.3453 16.9617 11.248 16.8662 11.248 16.7496V12.7212H7.13816C7.01919 12.7212 6.92185 12.6258 6.92185 12.5092V11.2371C6.92185 11.1205 7.01919 11.0251 7.13816 11.0251H11.248V6.99668C11.248 6.88007 11.3453 6.78466 11.4643 6.78466H12.7622C12.8811 6.78466 12.9785 6.88007 12.9785 6.99668V11.0251H17.0883C17.2073 11.0251 17.3046 11.1205 17.3046 11.2371V12.5092Z\"\n                      fill=\"#DA291C\"\n                    />\n                  </svg>\n                </button>\n              }\n            >\n              <div className=\"space-y-4\">\n                {subheading && <h2 className=\"textStyle-h4\">{subheading}</h2>}\n                <RichText\n                  className=\"whitespace-pre-line\"\n                  content={content}\n                  size=\"small\"\n                />\n              </div>\n            </Modal>\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n","import React from \"react\";\nimport clsx from \"clsx\";\n\nimport { Image, RichText } from \"components\";\nimport { resolveBG } from \"utils\";\n\nexport function SideBySide({\n  align,\n  bg,\n  content,\n  image,\n  topMatch,\n  bottomMatch,\n}) {\n  return (\n    <section\n      data-slice=\"SideBySide\"\n      className={clsx(\n        \"wrapper\",\n        resolveBG(bg?.name),\n        topMatch ? \"pt-fluid8\" : \"pt-fluid16\",\n        bottomMatch ? \"pb-fluid8\" : \"pb-fluid16\"\n      )}\n    >\n      <div className=\"-ml-fluid8 -mt-fluid8 md:items-center flex flex-wrap justify-center\">\n        <div\n          className={clsx(\n            \"w-full md:w-5/12 pl-fluid8 pt-fluid8\",\n            !align && \"order-last\"\n          )}\n        >\n          <Image className=\"block\" src={image} />\n        </div>\n        {content && (\n          <div className=\"pl-fluid8 pt-fluid8 md:w-5/12 w-full\">\n            <RichText\n              content={content}\n              className={clsx(\n                \"md:w-2/3 mx-auto\",\n                bg?.name === \"Red\" ? \"text-white\" : \"text-black\"\n              )}\n            />\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n","import React from \"react\";\nimport clsx from \"clsx\";\nimport { useSpring, animated } from \"react-spring\";\n\nimport { LongText, RichText, TriggerWrapper } from \"components\";\nimport { resolveBG } from \"utils\";\n\nfunction StatFeatureItem({ bg, description, statistic, show }) {\n  const counter = useSpring({\n    statistic: show\n      ? parseFloat(statistic.replace(/[^0-9.]/g, \"\"))\n      : (parseFloat(statistic.replace(/[^0-9.]/g, \"\")) / 10) * 9,\n  });\n\n  return (\n    <figure className=\"space-y-fluid2\">\n      <p\n        className={clsx(\n          \"textStyle-2xl text-center\",\n          bg?.name === \"Red\" ? \"text-white\" : \"text-red\"\n        )}\n      >\n        {statistic && (\n          <>\n            {statistic.indexOf(\"%\") === -1 &&\n            statistic.indexOf(\"+\") === -1 &&\n            statistic.indexOf(\"Million\") === -1\n              ? statistic.replace(/[0-9]|,|\\.|/g, \"\")\n              : statistic.indexOf(\"$\") !== -1\n              ? \"$\"\n              : \"\"}\n            <animated.span>\n              {counter.statistic.to((val) =>\n                parseFloat(\n                  val.toFixed(statistic.indexOf(\".\") !== -1 ? 1 : 0)\n                ).toLocaleString()\n              )}\n            </animated.span>\n            {statistic.indexOf(\"%\") !== -1 || statistic.indexOf(\"+\") !== -1\n              ? statistic.replace(/[0-9]|,|\\.| |\\$|/g, \"\")\n              : statistic.indexOf(\"Million\") !== -1\n              ? \" \" + statistic.replace(/[0-9]|,|\\.| |\\$|/g, \"\")\n              : \"\"}\n          </>\n        )}\n      </p>\n      {description && (\n        <figcaption>\n          <LongText\n            className={clsx(\n              \"textStyle-body2 font-bold text-center whitespace-pre-line\",\n              bg?.name === \"Red\" ? \"text-white\" : \"text-black\"\n            )}\n            content={description}\n          />\n        </figcaption>\n      )}\n      {/* {count.toString()} */}\n    </figure>\n  );\n}\n\nexport function StatFeature({ bg, content, stat, topMatch, bottomMatch }) {\n  return (\n    <section\n      data-slice=\"SideBySide\"\n      className={clsx(\n        resolveBG(bg?.name),\n        !topMatch ? \"pt-fluid16\" : \"pt-fluid8\",\n        !bottomMatch ? \"pb-fluid16\" : \"pb-fluid8\"\n      )}\n    >\n      <div className=\"space-y-12 space-y-16 wrapper\">\n        {content && (\n          <RichText\n            className={clsx(\n              \"text-center whitespace-pre-line\",\n              bg?.name === \"Red\" ? \"text-white\" : \"text-black\"\n            )}\n            content={content}\n          />\n        )}\n        {stat && (\n          <TriggerWrapper\n            // className={clsx(\n            //   columns === \"One\" && \"md:pl-fluid8 flex-1 whitespace-no-wrap\"\n            // )}\n            oneTime={true}\n            topOffset={1}\n          >\n            <StatFeatureItem bg={bg} {...stat} />\n          </TriggerWrapper>\n        )}\n      </div>\n    </section>\n  );\n}\n","import React from \"react\";\nimport clsx from \"clsx\";\nimport { useSpring, animated } from \"react-spring\";\n\nimport { LongText, TriggerWrapper } from \"components\";\n\nfunction Stat({ bg, count, statistic, show }) {\n  const counter = useSpring({\n    statistic: show\n      ? parseFloat(statistic.replace(/[^0-9.]/g, \"\"))\n      : (parseFloat(statistic.replace(/[^0-9.]/g, \"\")) / 10) * 9,\n  });\n\n  return (\n    <p\n      className={clsx(\n        \"textStyle-h2\",\n        bg?.name === \"Red\" ? \"text-white\" : \"text-red\"\n      )}\n    >\n      {statistic && (\n        <>\n          {statistic.indexOf(\"%\") === -1 &&\n          statistic.indexOf(\"Million\") === -1 &&\n          statistic.indexOf(\"+\") === -1\n            ? statistic.replace(/[0-9]|,|\\.|/g, \"\")\n            : statistic.indexOf(\"$\") !== -1\n            ? \"$\"\n            : \"\"}\n          <animated.span>\n            {counter.statistic.to((val) =>\n              parseFloat(\n                val.toFixed(statistic.indexOf(\".\") !== -1 ? 1 : 0)\n              ).toLocaleString()\n            )}\n          </animated.span>\n          {statistic.indexOf(\"%\") !== -1 || statistic.indexOf(\"+\") !== -1\n            ? statistic.replace(/[0-9]|,|\\.| |\\$|/g, \"\")\n            : statistic.indexOf(\"Million\") !== -1\n            ? \" \" + statistic.replace(/[0-9]|,|\\.| |\\$|/g, \"\")\n            : \"\"}\n        </>\n      )}\n    </p>\n  );\n}\n\nexport function Item({ bg, columns, count, description, statistic }) {\n  return (\n    <li\n      className={clsx(\n        \"w-full flex justify-center pl-fluid8 pt-fluid12\",\n        columns === \"Three\" ? \"lg:w-1/3\" : columns === \"Two\" ? \"lg:w-1/2\" : \"\"\n      )}\n    >\n      <figure\n        className={clsx(\n          \"flex items-center text-center space-y-fluid1\",\n          \"flex-col\"\n          // columns === \"One\" ? \"md:flex-row flex-col md:-ml-fluid8\" : \"flex-col\"\n        )}\n      >\n        {statistic && (\n          <TriggerWrapper\n            // className={clsx(\n            //   columns === \"One\" && \"md:pl-fluid8 flex-1 whitespace-no-wrap\"\n            // )}\n            oneTime={true}\n            topOffset={1}\n          >\n            <Stat bg={bg} count={count} statistic={statistic} />\n          </TriggerWrapper>\n        )}\n        {description && (\n          <figcaption\n          // className={clsx(\n          //   columns === \"One\" && \"md:text-left flex-1 md:pl-fluid8\"\n          // )}\n          >\n            <LongText\n              content={description}\n              className={clsx(\n                \"textStyle-body2 font-bold whitespace-pre-line\",\n                bg?.name === \"Red\" ? \"text-white\" : \"text-black\"\n              )}\n              style={{\n                maxWidth: \"20ch\",\n              }}\n            />\n          </figcaption>\n        )}\n      </figure>\n    </li>\n  );\n}\n","import React from \"react\";\nimport clsx from \"clsx\";\n\nimport { LongText, RichText } from \"components\";\nimport { resolveBG } from \"utils\";\n\nimport { Item } from \"./_Item\";\n\nexport function StatGrid({\n  bg,\n  caption,\n  columns,\n  content,\n  stats,\n  topMatch,\n  bottomMatch,\n}) {\n  return (\n    <section\n      data-slice=\"StatGrid\"\n      className={clsx(\n        \"wrapper space-y-fluid16\",\n        resolveBG(bg?.name),\n        !topMatch ? \"pt-fluid16\" : \"pt-fluid8\",\n        !bottomMatch ? \"pb-fluid16\" : \"pb-fluid8\"\n      )}\n    >\n      {content && (\n        <RichText\n          content={content}\n          className={clsx(\n            \"md:w-10/12 text-center mx-auto whitespace-pre-line\",\n            bg?.name === \"Red\" ? \"text-white\" : \"text-black\"\n          )}\n        />\n      )}\n      <div className=\"space-y-fluid4\">\n        <div>\n          <ul className=\"flex flex-wrap justify-center -mt-fluid12 -ml-fluid8\">\n            {stats?.map((item, index) => (\n              <Item {...item} bg={bg} columns={columns} key={\"item\" + index} />\n            ))}\n          </ul>\n        </div>\n        {caption && (\n          <LongText\n            className={clsx(\n              \"text-center textStyle-body2 font-bold lg:w-1/2 mx-auto whitespace-pre-line\",\n              bg?.name === \"Red\" ? \"text-white\" : \"text-black\"\n            )}\n            content={caption}\n          />\n        )}\n      </div>\n    </section>\n  );\n}\n","import React from \"react\";\nimport clsx from \"clsx\";\n\nimport { RichText, TriggerWrapper } from \"components\";\nimport { resolveBG } from \"utils\";\n\nfunction TextBlockInner({ bg, content, show, textSize }) {\n  return (\n    <div\n      className=\"mx-auto md:w-10/12\"\n      style={{\n        transition: \"opacity 300ms ease-in, transform 600ms ease-in\",\n        opacity: show ? 1 : 0,\n        transform: show ? \"translate3d(0, 0, 0)\" : \"translate3d(0, 8px, 0)\",\n      }}\n    >\n      {content && (\n        <RichText\n          content={content}\n          size={textSize ? \"small\" : \"large\"}\n          className={clsx(\n            \"text-center whitespace-pre-line\",\n            bg?.name === \"Red\" ? \"text-white\" : \"text-black\"\n          )}\n        />\n      )}\n    </div>\n  );\n}\n\nexport function TextBlock(props) {\n  return (\n    <section\n      data-slice=\"TextBlock\"\n      className={clsx(\n        \"wrapper\",\n        resolveBG(props.bg?.name),\n        !props.topMatch ? \"pt-fluid16\" : \"pt-fluid8\",\n        !props.bottomMatch ? \"pb-fluid16\" : \"pb-fluid8\"\n      )}\n    >\n      <TriggerWrapper>\n        <TextBlockInner {...props} />\n      </TriggerWrapper>\n    </section>\n  );\n}\n","import React from \"react\";\nimport clsx from \"clsx\";\n\nimport { RichText, TriggerWrapper } from \"components\";\nimport { resolveBG } from \"utils\";\n\nfunction VideoBlockInner({ bg, content, video, show }) {\n  return (\n    <div\n      className=\"wrapper space-y-fluid8\"\n      style={{\n        transition: \"opacity 300ms ease-in, transform 600ms ease-in\",\n        opacity: show ? 1 : 0,\n        transform: show ? \"translate3d(0, 0, 0)\" : \"translate3d(0, 8px, 0)\",\n      }}\n    >\n      {content && (\n        <RichText\n          content={content}\n          className={clsx(\n            \"text-center mx-auto md:w-10/12\",\n            bg?.name === \"Red\" ? \"text-white\" : \"text-black\"\n          )}\n        />\n      )}\n      {video?.includes(\"vimeo\") && (\n        <div className=\"relative mx-auto md:w-10/12\">\n          <div style={{ paddingBottom: 0.5625 * 100 + \"%\" }} />\n          <iframe\n            src={\n              \"https://player.vimeo.com/video/\" +\n              video.split(\"/\")[video.split(\"/\").length - 1]\n            }\n            frameborder=\"0\"\n            allow=\"autoplay; fullscreen; picture-in-picture\"\n            allowfullscreen\n            className=\"absolute inset-0 w-full h-full\"\n            // style={{ height: \"66vh\", minHeight: 400 }}\n          />\n        </div>\n      )}\n      {video?.includes(\"youtube\") && (\n        <div className=\"relative mx-auto md:w-10/12\">\n          <div style={{ paddingBottom: 0.5625 * 100 + \"%\" }} />\n          <iframe\n            src={\n              \"https://www.youtube.com/embed/\" +\n              video.split(\"/\")[video.split(\"/\").length - 1]\n            }\n            frameborder=\"0\"\n            allow=\"autoplay; fullscreen; picture-in-picture\"\n            allowfullscreen\n            className=\"absolute inset-0 w-full h-full\"\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function Video(props) {\n  return (\n    <section\n      data-slice=\"Video\"\n      className={clsx(\n        resolveBG(props.bg?.name),\n        !props.topMatch ? \"pt-fluid16\" : \"pt-fluid8\",\n        !props.bottomMatch ? \"pb-fluid16\" : \"pb-fluid8\"\n      )}\n    >\n      <TriggerWrapper>\n        <VideoBlockInner {...props} />\n      </TriggerWrapper>\n    </section>\n  );\n}\n","import React from \"react\";\nimport { graphql } from \"gatsby\";\n\nimport { SEO } from \"components\";\nimport {\n  Divider,\n  Gallery,\n  LearnMoreButton,\n  LinkCards,\n  NextUp,\n  PageHero,\n  ReadMoreCard,\n  SideBySide,\n  StatFeature,\n  StatGrid,\n  TextBlock,\n  Video,\n} from \"slices\";\n\nfunction Page({ data, loaderComplete }) {\n  const PAGE = data.page;\n  const CONFIGURATION = data.configuration;\n  let NEXT_UP;\n  CONFIGURATION?.pages.forEach(({ slug }, index) => {\n    if (slug === PAGE?.slug) {\n      if (index + 1 >= CONFIGURATION.pages.length) {\n        NEXT_UP = { ...CONFIGURATION.pages[0], slug: undefined };\n      } else {\n        NEXT_UP = CONFIGURATION.pages[index + 1];\n      }\n    }\n  });\n\n  return (\n    <>\n      <SEO {...PAGE} />\n      <PageHero {...PAGE} loaderComplete={loaderComplete} />\n      <div>\n        {PAGE?.body?.map((slice, index) => {\n          let topMatch = false;\n          let bottomMatch = false;\n          if (\n            PAGE.body[index - 1] &&\n            PAGE.body[index - 1]?.bg?.name === PAGE.body[index]?.bg?.name\n          ) {\n            topMatch = true;\n          }\n          if (\n            PAGE.body[index + 1] &&\n            PAGE.body[index + 1]?.bg?.name === PAGE.body[index]?.bg?.name\n          ) {\n            bottomMatch = true;\n          }\n          switch (slice?.internal?.type) {\n            case \"ContentfulDivider\":\n              return (\n                <Divider\n                  {...slice}\n                  key={\"divider\" + index}\n                  topMatch={topMatch}\n                  bottomMatch={bottomMatch}\n                />\n              );\n            case \"ContentfulGallery\":\n              return (\n                <Gallery\n                  {...slice}\n                  key={\"gallery\" + index}\n                  topMatch={topMatch}\n                  bottomMatch={bottomMatch}\n                />\n              );\n            case \"ContentfulLearnMoreButton\":\n              return (\n                <LearnMoreButton\n                  {...slice}\n                  key={\"learnMoreButton\" + index}\n                  topMatch={topMatch}\n                  bottomMatch={bottomMatch}\n                />\n              );\n            case \"ContentfulLinkCards\":\n              return (\n                <LinkCards\n                  {...slice}\n                  key={\"linkCards\" + index}\n                  topMatch={topMatch}\n                  bottomMatch={bottomMatch}\n                />\n              );\n            case \"ContentfulReadMoreCard\":\n              return (\n                <ReadMoreCard\n                  {...slice}\n                  key={\"readMoreCard\" + index}\n                  topMatch={topMatch}\n                  bottomMatch={bottomMatch}\n                />\n              );\n            case \"ContentfulSideBySide\":\n              return (\n                <SideBySide\n                  {...slice}\n                  key={\"sideBySide\" + index}\n                  topMatch={topMatch}\n                  bottomMatch={bottomMatch}\n                />\n              );\n            case \"ContentfulStatFeature\":\n              return (\n                <StatFeature\n                  {...slice}\n                  key={\"statFeature\" + index}\n                  topMatch={topMatch}\n                  bottomMatch={bottomMatch}\n                />\n              );\n            case \"ContentfulStatGrid\":\n              return (\n                <StatGrid\n                  {...slice}\n                  key={\"statGrid\" + index}\n                  topMatch={topMatch}\n                  bottomMatch={bottomMatch}\n                />\n              );\n            case \"ContentfulTextBlock\":\n              return (\n                <TextBlock\n                  {...slice}\n                  key={\"textBlock\" + index}\n                  topMatch={topMatch}\n                  bottomMatch={bottomMatch}\n                />\n              );\n            case \"ContentfulVideo\":\n              return (\n                <Video\n                  {...slice}\n                  key={\"video\" + index}\n                  topMatch={topMatch}\n                  bottomMatch={bottomMatch}\n                />\n              );\n            default:\n              return null;\n          }\n        })}\n        {NEXT_UP && <NextUp {...PAGE} nextPage={NEXT_UP.slug} />}\n      </div>\n    </>\n  );\n}\n\nexport const query = graphql`\n  query PageQuery($slug: String!) {\n    configuration: contentfulConfiguration {\n      pages {\n        slug\n      }\n    }\n    page: contentfulPage(slug: { eq: $slug }) {\n      slug\n      title\n      animation {\n        name\n      }\n      body {\n        ... on ContentfulDivider {\n          internal {\n            type\n          }\n          variant\n          bg {\n            name\n          }\n        }\n        ... on ContentfulGallery {\n          internal {\n            type\n          }\n          content {\n            raw\n          }\n          animation\n          items {\n            image {\n              small: gatsbyImageData(\n                width: 768\n                quality: 80\n                placeholder: BLURRED\n                layout: FULL_WIDTH\n                formats: [AUTO, WEBP]\n              )\n              large: gatsbyImageData(\n                width: 1200\n                quality: 80\n                placeholder: BLURRED\n                layout: FULL_WIDTH\n                formats: [AUTO, WEBP]\n              )\n              description\n            }\n          }\n          bg {\n            name\n          }\n        }\n        ... on ContentfulLearnMoreButton {\n          internal {\n            type\n          }\n          bg {\n            name\n          }\n          label\n          content {\n            raw\n          }\n        }\n        ... on ContentfulLinkCards {\n          internal {\n            type\n          }\n          bg {\n            name\n          }\n          items {\n            image {\n              gatsbyImageData(\n                width: 300\n                quality: 80\n                placeholder: BLURRED\n                layout: FULL_WIDTH\n                formats: [AUTO, WEBP]\n              )\n              description\n            }\n            heading\n            subheading {\n              internal {\n                content\n              }\n            }\n            link {\n              link\n            }\n          }\n        }\n        ... on ContentfulReadMoreCard {\n          internal {\n            type\n          }\n          image {\n            gatsbyImageData(\n              width: 256\n              quality: 80\n              placeholder: BLURRED\n              layout: FULL_WIDTH\n              formats: [AUTO, WEBP]\n            )\n            description\n          }\n          heading\n          subheading\n          excerpt {\n            raw\n          }\n          content {\n            raw\n          }\n          cardColor {\n            name\n          }\n          bg {\n            name\n          }\n          videoLink\n        }\n        ... on ContentfulSideBySide {\n          internal {\n            type\n          }\n          content {\n            raw\n          }\n          image {\n            gatsbyImageData(\n              width: 768\n              quality: 80\n              placeholder: BLURRED\n              layout: FULL_WIDTH\n              formats: [AUTO, WEBP]\n            )\n            description\n          }\n          align\n          bg {\n            name\n          }\n        }\n        ... on ContentfulStatFeature {\n          internal {\n            type\n          }\n          content {\n            raw\n          }\n          stat {\n            statistic\n            description {\n              internal {\n                content\n              }\n            }\n            count\n          }\n          bg {\n            name\n          }\n        }\n        ... on ContentfulStatGrid {\n          internal {\n            type\n          }\n          content {\n            raw\n          }\n          stats {\n            statistic\n            description {\n              internal {\n                content\n              }\n            }\n            count\n          }\n          caption {\n            internal {\n              content\n            }\n          }\n          columns\n          bg {\n            name\n          }\n        }\n        ... on ContentfulTextBlock {\n          internal {\n            type\n          }\n          content {\n            raw\n          }\n          bg {\n            name\n          }\n          textSize\n        }\n        ... on ContentfulVideo {\n          internal {\n            type\n          }\n          content {\n            raw\n          }\n          video\n          bg {\n            name\n          }\n        }\n      }\n      footerTitle\n      footerSubtitle\n      footerButtonLabel\n      seoTitle\n      seoDescription {\n        internal {\n          content\n        }\n      }\n      seoImage {\n        file {\n          url\n        }\n        description\n      }\n    }\n  }\n`;\n\nexport default Page;\n"],"names":["Chevron","color","width","height","viewBox","fill","xmlns","className","clsx","style","d","stroke","Curve","progress","opacity","strokeWidth","People","strokeMiterlimit","Math","round","resolveBG","type","Divider","bg","variant","topMatch","bottomMatch","name","GalleryItem","image","index","totalCount","src","gatsbyImageData","large","small","GalleryInner","items","show","length","transform","transition","map","item","key","Gallery","animation","content","LearnMoreButton","label","raw","trigger","modal","size","LinkIcon","LinkCard","heading","link","subheading","href","paddingBottom","position","bottom","right","top","left","LinkCards","rest","NextUpInner","footerButtonLabel","footerSubtitle","footerTitle","nextPage","NextUp","props","Hand","Crowd","title","OneHand","UWLogo","Ripple","Sun","RightHand","TwoHandsInner","TwoHands","PageHero","loaderComplete","useState","pageLoadedPrior","setPageLoadedPrior","mounted","setMounted","useEffect","transitionTimingFunction","transitionDuration","transitionDelay","ReadMoreCard","cardColor","excerpt","video","cursor","SideBySide","align","StatFeatureItem","description","statistic","counter","useSpring","parseFloat","replace","indexOf","animated","to","val","toFixed","toLocaleString","StatFeature","stat","oneTime","topOffset","Stat","count","Item","columns","maxWidth","StatGrid","caption","stats","TextBlockInner","textSize","TextBlock","VideoBlockInner","includes","split","frameborder","allow","allowfullscreen","Video","NEXT_UP","data","PAGE","page","CONFIGURATION","configuration","pages","forEach","slug","undefined","body","slice","internal"],"sourceRoot":""}