{"version":3,"file":"component---src-pages-investment-tsx-86f873e57a5d44637395.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/cta/cta-button.tsx","webpack://gravitywell-website-2019/./src/components/dynamic-html-tag/dynamic-html-tag.tsx","webpack://gravitywell-website-2019/./src/components/get-in-touch/get-in-touch.tsx","webpack://gravitywell-website-2019/./src/components/get-in-touch/index.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-uppercase.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-underlined.tsx","webpack://gravitywell-website-2019/./src/components/hero-video/hero-video.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/breadcrumb-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/postal-address-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/organization-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/contact-point-schema.ts","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/article-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/local-business-schema.tsx","webpack://gravitywell-website-2019/./src/assets/images/g-schema/gravitywell-cover.jpg","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/website-schema.tsx","webpack://gravitywell-website-2019/./src/components/page-top/page-top.tsx","webpack://gravitywell-website-2019/./src/components/panel-wrapper/panel-wrapper.tsx","webpack://gravitywell-website-2019/./src/components/startups-landing-page/CaseStudyPanel.tsx","webpack://gravitywell-website-2019/./src/components/investment-landing-page/PageTopInvestment.tsx","webpack://gravitywell-website-2019/./src/pages/investment.tsx","webpack://gravitywell-website-2019/./src/assets/images/application-development/app-video-backround-fallback.jpg","webpack://gravitywell-website-2019/./src/assets/images/careers/quote-1.jpg","webpack://gravitywell-website-2019/./src/assets/images/video-grid-overlay.png"],"sourcesContent":["import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport generator from \"../gradients/generator\";\nimport Link from \"../link\";\nimport { linkCSS } from \"../link/link\";\n\ntype CtaTypes = \"primary\";\n\ninterface IProps {\n  className?: string;\n  type: CtaTypes;\n  href?: string;\n  text?: string;\n  target?: string;\n  onClick?: () => void;\n}\n\ninterface ICtaButton {\n  type: CtaTypes;\n}\n\n/**\n * Returns a cta button\n */\nexport const CtaButton: React.FC<IProps> = ({\n  className,\n  type,\n  href,\n  text,\n  target,\n  onClick,\n  children\n}) => {\n  target = target || \"_self\";\n\n  return (\n    <CtaButtonContainer\n      className={[ `cta-button cta-button-${type}`, className ].join(\" \")}\n      type={type}\n      onClick={onClick}\n    >\n      {href ? (\n        <Link\n          type=\"none\"\n          href={href}\n          target={target}\n        >\n          {text ? (\n            <span>\n              {text}\n            </span>\n          ) : (\n            children\n          )}\n        </Link>\n      ) : (\n        <LinkContent>\n          {text ? (\n            <span>\n              {text}\n            </span>\n          ) : (\n            children\n          )}\n        </LinkContent>\n      )}\n    </CtaButtonContainer>\n  );\n};\n\nconst LinkContent = styled.div`\n  ${linkCSS}\n  border-bottom: none;\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst CtaButtonContainer = styled<ICtaButton, \"p\">(\"p\")`\n  display: inline-block;\n  padding: 0;\n\n  & > * {\n    display: block;\n    min-width: 100%;\n    min-height: 100%;\n    padding: 0.8rem 1.4rem;\n    color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"small_2\"\n  })};\n    font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n    line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n    letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n    text-transform: uppercase;\n    ${props =>\n    props.type === \"primary\" &&\n      generator({\n        gradient: \"orangePink\",\n        angle: -38\n      })};\n    background-size: 150% 150%;\n    background-position: 100% 0;\n\n    &:hover {\n      background-position: 0% 100%;\n    }\n  }\n\n  @media (min-width: 600px) {\n    & > * {\n      padding: 1rem 1.8rem;\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  }\n`;\n\nexport default CtaButton;\n","import * as React from \"react\";\n\ninterface IProps {\n  className?: string;\n  htmlTag: string;\n  children: React.ReactChild;\n}\n\nconst DynamicHtmlTag = ({\n  htmlTag, children, className\n}: IProps) =>\n  React.createElement(`${htmlTag}`, { className }, children);\n\nexport default DynamicHtmlTag;\n","import * as React from \"react\";\nimport { useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\n\nimport styled from \"../../theme/styled\";\nimport { HeadingUnderlined } from \"../heading\";\nimport Icon from \"../icon\";\nimport Link from \"../link\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport {\n  FullWidthWrapper,\n  MediumColumnWidthWrapper\n} from \"../confines-wrappers\";\n\ninterface IProps {\n  title: string;\n  slogan: string;\n  links: React.ReactNode[];\n}\n\ndeclare global {\n  // allow Tally to be used in window\n  interface Window { Tally: any; }\n}\n\nconst GetInTouch: React.FC<IProps> = ({\n  title, slogan, links\n}) => {\n  // Load Tally embeds\n  useEffect(() => {\n    if (window.Tally) {\n      window.Tally.loadEmbeds();\n    }\n  }, []);\n\n  return (\n    <GetInTouchContainer\n      className=\"content-container\"\n      id=\"get-in-touch\"\n    >\n      <MediumColumnWidthWrapper>\n        <HeadingUnderlined\n          headingTag=\"h2\"\n          title={title}\n        />\n\n        <div className=\"column-container\">\n          <div className=\"column\">\n            <p className=\"got-an-idea\">\n              {slogan}\n\n              <br />\n              Let’s talk!\n\n              <br />\n\n              <span className=\"contact-details\">\n                <span className=\"off-screen\">\n                  Call us on:\n                  {\" \"}\n                </span>\n\n                <Link\n                  className=\"telephone\"\n                  href=\"tel:+441173790309\"\n                  type=\"inline\"\n                >\n                  +44 (0)117 379 0309\n                </Link>\n\n                <br />\n\n                <span className=\"off-screen\">\n                  Or email us:\n                  {\" \"}\n                </span>\n\n                <Link\n                  className=\"email\"\n                  href=\"mailto:hello@gravitywell.co.uk\"\n                  type=\"inline\"\n                >\n                  hello@gravitywell.co.uk\n                </Link>\n              </span>\n\n              <br />\n\n              <span className=\"off-screen\">\n                Want to\n                {\" \"}\n              </span>\n\n              <span className=\"learn-more\">\n                Learn more?\n              </span>\n            </p>\n\n            <ul className=\"learn-more-links\">\n              {links.map((link, i) => (\n                <li key={i}>\n                  {link}\n                </li>\n              ))}\n            </ul>\n\n            <span className=\"icon\">\n              <Icon\n                icon=\"lightbulb\"\n                size={4.2}\n              />\n            </span>\n          </div>\n\n          <div className=\"column\">\n            <div className=\"form-container\">\n              <Helmet>\n                <script src=\"https://tally.so/widgets/embed.js\" />\n              </Helmet>\n\n              <iframe\n                data-tally-src=\"https://tally.so/embed/nWrPga?hideTitle=1&transparentBackground=1&dynamicHeight=1\"\n                loading=\"lazy\"\n                width=\"100%\"\n                height=\"762\"\n                frameBorder=\"0\"\n                title=\"Gravitywell Website Contact Form\"\n              />\n            </div>\n          </div>\n        </div>\n      </MediumColumnWidthWrapper>\n    </GetInTouchContainer>\n  );\n};\n\nexport default GetInTouch;\n\nconst GetInTouchContainer = styled(FullWidthWrapper)`\n  background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"altLightGrey\"\n    })};\n\n  .column-container {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding-top: 10%;\n\n    .form-container {\n      display: flex;\n      width: 100%;\n    }\n\n    .column {\n      transition: 0.2s ease-in-out;\n      padding-top: 7.2rem;\n      width: 100%;\n      max-width: 42rem;\n\n      &:first-child {\n        position: relative;\n        padding-top: 0;\n      }\n      \n\n      .got-an-idea {\n        margin-bottom: 0;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n        .contact-details {\n          display: block;\n          color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n\n          .telephone,\n          .email {\n            display: inline-block;\n          }\n\n          .telephone {\n            padding-top: 1.2em;\n          }\n\n          .email {\n            padding-top: 0.4rem;\n          }\n        }\n\n        .learn-more {\n          display: block;\n          padding-top: 2.2rem;\n        }\n      }\n\n      .learn-more-links {\n        padding-top: 2.2rem;\n        padding-left: 0;\n        padding-bottom: 0;\n        list-style: none;\n        color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n        li {\n          padding-top: 1.2rem;\n          margin-bottom: 0;\n\n          a {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          }\n        }\n      }\n\n      .icon {\n        display: none;\n        position: absolute;\n        top: -1.2rem;\n        left: 0;\n      }\n\n      iframe {\n        width: 100% !important;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .column-container {\n      padding-top: 5.2rem;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .column-container {\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: normal;\n      padding-top: 7.2rem;\n\n      .column {\n        padding-top: 0;\n        width: 50%;\n        max-width: none;\n\n        &:first-child {\n          padding-left: 5.6rem;\n          padding-right: 2%;\n        }\n\n        &:last-child {\n          padding-left: 2%;\n          max-width: 50rem;\n        }\n\n        .icon {\n          display: block;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .column-container {\n      padding-top: 9.8rem;\n\n      .column {\n        &:first-child {\n          padding-left: 7.2rem;\n        }\n\n        .got-an-idea {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n\n          .contact-details {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n\n            .email {\n              padding-top: 0.4rem;\n            }\n          }\n        }\n\n        .learn-more-links {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .column-container {\n      .column {\n        .got-an-idea {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n\n          .contact-details {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n\n            .email {\n              padding-top: 0.4rem;\n            }\n          }\n        }\n\n        .learn-more-links {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n        }\n      }\n    }\n  }\n`;\n","import * as React from \"react\";\n\nimport Link from \"../link\";\nimport { default as GetInTouch } from \"./get-in-touch\";\n\ninterface IGetInTouchProps {\n  title?: string;\n  slogan?: string;\n  links?: IGetInTouchLinkProps[];\n}\n\nexport interface IGetInTouchLinkProps {\n  href: string;\n  text: string;\n}\n\n/**\n * Get in touch wrapper\n */\nconst GetInTouchWrapper: React.FC<IGetInTouchProps> = ({\n  title,\n  slogan,\n  links\n}) => {\n  const parsedLinks: IGetInTouchLinkProps[] = React.useMemo(() => {\n    const defaultLinks = [\n      {\n        href: \"/insights\",\n        text: \"Insights\"\n      },\n      {\n        href: \"/about-us\",\n        text: \"Meet the team\"\n      }\n    ];\n\n    return links || defaultLinks;\n  }, [ links ]);\n\n  return (\n    <GetInTouch\n      title={title || \"Get in Touch\"}\n      slogan={slogan || \"Got a great idea for a project?\"}\n      links={parsedLinks.map((link, i) => (\n        <Link\n          key={i}\n          href={link.href}\n        >\n          {link.text}\n        </Link>\n      ))}\n    />\n  );\n};\n\nexport default GetInTouchWrapper;\n","import * as React from \"react\";\n\nimport styled, { css } from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontSizeHelper,\n  fontWeightHelper,\n  fontLineHeightHelper,\n  fontSpaceHelper\n} from \"../../theme/theme-helper\";\n\ninterface IProps\n  extends React.HTMLAttributes<HTMLHeadingElement>,\n    React.HTMLAttributes<HTMLParagraphElement> {\n  as: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\";\n  color?: keyof IThemeColour;\n}\n\ninterface IHeadingStyled {\n  color?: IProps[\"color\"];\n}\n\n/**\n * How you benefit\n */\nconst HeadingUppercase: React.FC<IProps> = ({\n  as, children, ...rest\n}) => {\n  switch (as) {\n    case \"h1\":\n      return (\n        <H1Styled {...rest}>\n          {children}\n        </H1Styled>\n      );\n\n    case \"h2\":\n      return (\n        <H2Styled {...rest}>\n          {children}\n        </H2Styled>\n      );\n\n    case \"h3\":\n      return (\n        <H3Styled {...rest}>\n          {children}\n        </H3Styled>\n      );\n\n    case \"h4\":\n      return (\n        <H4Styled {...rest}>\n          {children}\n        </H4Styled>\n      );\n\n    case \"h5\":\n      return (\n        <H5Styled {...rest}>\n          {children}\n        </H5Styled>\n      );\n\n    case \"h6\":\n      return (\n        <H6Styled {...rest}>\n          {children}\n        </H6Styled>\n      );\n\n    case \"p\":\n      return (\n        <PStyled {...rest}>\n          {children}\n        </PStyled>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst headingStyling = css<IHeadingStyled>`\n  ${({ theme, color }) => css`\n    color: ${colourHelper({\n    theme,\n    variant: color || \"black\"\n  })}\n    font-size: ${fontSizeHelper({\n    theme,\n    variant: \"small_3\"\n  })};\n    font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"regular\"\n  })};\n    line-height: ${fontLineHeightHelper({\n    theme,\n    variant: \"default\"\n  })};\n    letter-spacing: ${fontSpaceHelper({\n    theme,\n    variant: \"medium\"\n  })};\n    text-transform: uppercase;\n\n    @media (min-width: 768px) {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  `}\n`;\n\nconst H1Styled = styled.h1<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H2Styled = styled.h2`\n  ${headingStyling}\n`;\n\nconst H3Styled = styled.h3<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H4Styled = styled.h4<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H5Styled = styled.h5<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H6Styled = styled.h6<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst PStyled = styled.p<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nexport default HeadingUppercase;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport DynamicHtmlTag from \"../dynamic-html-tag\";\n\nexport type HeadingTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\ninterface IProps {\n  className?: string;\n  headingTag: HeadingTag;\n  title: string;\n  textColor?: keyof IThemeColour;\n  hrColor?: keyof IThemeColour;\n}\n\ninterface IHeadingWrapper {\n  textColor: keyof IThemeColour;\n  hrColor: keyof IThemeColour;\n}\n\nconst HeadingWrapper = styled<IHeadingWrapper, any>(DynamicHtmlTag)`\n  transition: 0.2s ease-in-out;\n  margin: 0;\n  color: ${({ theme, textColor }) =>\n    colourHelper({\n      theme,\n      variant: textColor\n    })};\n  font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n  font-weight: ${({ theme }) => fontWeightHelper({\n    theme,\n    variant: \"heavy\"\n  })};\n  line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n  text-align: center;\n\n  .text {\n    display: block;\n  }\n\n  .underline {\n    display: block;\n    margin: 2.2rem auto 0;\n    width: 5rem;\n    height: 0.5rem;\n    background-color: ${({ theme, hrColor }) =>\n    colourHelper({\n      theme,\n      variant: hrColor\n    })};\n  }\n\n  @media (min-width: 600px) {\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n  }\n\n  @media (min-width: 960px) {\n    font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n  }\n`;\n\nconst HeadingUnderlined = (props: IProps) => (\n  <HeadingWrapper\n    className={props.className}\n    htmlTag={props.headingTag}\n    textColor={props.textColor || \"black\"}\n    hrColor={props.hrColor || \"brandColor\"}\n  >\n    <>\n      <span className=\"text\">\n        {props.title}\n      </span>\n\n      <span className=\"underline\" />\n    </>\n  </HeadingWrapper>\n);\n\nexport default HeadingUnderlined;\n","import React from \"react\";\nimport ReactPlayer, { ReactPlayerProps } from \"react-player\";\n\nimport checkeredOverlayImg from \"../../assets/images/video-grid-overlay.png\";\nimport styled from \"../../theme/styled\";\n\ninterface IHeroVideoWrapper {\n  className: string;\n  fallbackImage: string;\n}\n\ninterface HeroVideoProps {\n  /** Fallback image url */\n  fallbackImage: string;\n  /** A 16:9 aspect ratio video */\n  src: string | ReactPlayerProps[\"url\"];\n  /** Whether to increase the contrast over the video */\n  contrastGradient?: boolean;\n  /** ReactPlayer props (overwrites our defaults set inside this file) */\n  playerProps?: ReactPlayerProps;\n  className?: string;\n}\n\nexport const HeroVideo: React.FC<HeroVideoProps> = props => {\n  const {\n    src, fallbackImage, contrastGradient, playerProps = {}, className\n  } = props;\n\n  // Determine if the video is the space video which we want to align to the bottom right, the rest need to be centered\n  const isSpecialVideo = src === \"https://cdn.gravitywell.co.uk/videos/home-v2/braided_space.m3u8\";\n\n  return (\n    <HeroVideoWrapper\n      className={`hero-video-container ${className} ${isSpecialVideo ? \"special-video\" : \"\"}`}\n      fallbackImage={fallbackImage}\n    >\n      <div className=\"overlay-img\" />\n\n      {contrastGradient && <div className=\"contrast-overlay\" />}\n\n      <ReactPlayer\n        id=\"hero-video-player\"\n        pip={false}\n        playing\n        className=\"hero-video-player\"\n        width=\"100%\"\n        height=\"100%\"\n        loop\n        url={src}\n        controls={false}\n        playsinline\n        muted\n        volume={0}\n        {...playerProps}\n      />\n    </HeroVideoWrapper>\n  );\n};\n\nexport default HeroVideo;\n\nconst HeroVideoWrapper = styled<IHeroVideoWrapper, \"div\">(\"div\")`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: url(${props => props.fallbackImage});\n  background-size: cover;\n  background-position: center;\n  overflow: hidden;\n\n  &.homepage {\n    background-position: 100% 100%;\n  }\n  \n  &.homepage video {\n    object-fit: cover;\n    object-position: center;\n    filter: brightness(0.8);\n  }\n\n  &.hero-video-container.special-video video {\n    object-position: 100% 100%;\n  }\n\n  .overlay-img {\n    position: absolute;\n    z-index: 3;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: url(${checkeredOverlayImg});\n    background-repeat: repeat;\n    opacity: 0.1;\n    pointer-events: none;\n  }\n\n  .contrast-overlay {\n    transition: 0.2s ease-in-out;\n    display: none;\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(\n      to right,\n      rgba(0, 0, 0, 1) 0%,\n      rgba(0, 0, 0, 0) 50%\n    );\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .hero-video-player {\n    overflow: hidden;\n    pointer-events: none;\n    \n    /* For 16:9 aspect ratios, this simulates \"background cover and center\" for the video */\n    video {\n      height: 100%;\n      width: 177.77777778vh !important; /* 100 * 16 / 9 */\n      min-width: 100%;\n      min-height: 56.25vw; /* 100 * 9 / 16 */\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%); \n    }\n  }\n\n  @media (min-width: 768px) {\n    .contrast-overlay {\n      display: block;\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .contrast-overlay {\n      background: linear-gradient(\n        to right,\n        rgba(0, 0, 0, 1) 0%,\n        rgba(0, 0, 0, 0) 75%\n      );\n    }\n  }\n`;\n","import forceTrailingSlash from \"../../templates/utils/forceTrailingSlash\";\n\nexport interface IBreadCrumb {\n  name: string;\n  path: string;\n}\n\nexport interface IBreadCrumbSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"BreadcrumbList\";\n  itemListElement: Array<{\n    \"@type\": \"ListItem\";\n    position: number;\n    name: string;\n    item: string;\n  }>;\n}\n\nconst breadCrumbSchema = (\n  breadcrumbs: IBreadCrumb[]\n): IBreadCrumbSchema => {\n  const breadCrumbObj: IBreadCrumbSchema = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    \"itemListElement\": []\n  };\n\n  // Set the breadcrumb item element data for each breadcrumb given\n  for (const i in breadcrumbs) {\n    if (breadcrumbs[ i ]) {\n      const breadcrumb = breadcrumbs[ i ];\n\n      breadCrumbObj.itemListElement.push({\n        \"@type\": \"ListItem\",\n        \"position\": parseInt(i, 0) + 1,\n        \"name\": breadcrumb.name,\n        \"item\": forceTrailingSlash(\n          `https://www.gravitywell.co.uk${breadcrumb.path}`\n        )\n      });\n    }\n  }\n\n  return breadCrumbObj;\n};\n\nexport default breadCrumbSchema;\n","export interface IPostalAddressSchema {\n  \"@type\": \"PostalAddress\";\n  name: \"Gravitywell\";\n  streetAddress: \"Unit 22, Impact Working, Spectrum, Bond Street\";\n  postalCode: \"BS1 3LG\";\n  addressLocality: \"Bristol\";\n  addressRegion: \"Avon\";\n  addressCountry: \"GB\";\n}\n\nconst postalAddressSchema: IPostalAddressSchema = {\n  \"@type\": \"PostalAddress\",\n  \"name\": \"Gravitywell\",\n  \"streetAddress\": \"Unit 22, Impact Working, Spectrum, Bond Street\",\n  \"postalCode\": \"BS1 3LG\",\n  \"addressLocality\": \"Bristol\",\n  \"addressRegion\": \"Avon\",\n  \"addressCountry\": \"GB\"\n};\n\nexport default postalAddressSchema;\n","import GWLogoImg from \"../../assets/images/gw-logo-512-transparent.png\";\nimport { contactPointSchema } from \"./contact-point-schema\";\nimport postalAddressSchema, { IPostalAddressSchema } from \"./postal-address-schema\";\n\nexport interface IOrganizationSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"Organization\";\n  \"@id\": \"https://www.gravitywell.co.uk/#organization\";\n  legalName: \"Hayward & Bos Ltd\";\n  name: \"Gravitywell\";\n  vatID: \"GB-194038302\";\n  email: \"hello@gravitywell.co.uk\";\n  url: string;\n  logo: {\n    \"@type\": \"ImageObject\";\n    url: string;\n    width: number;\n    height: number;\n  };\n  address: IPostalAddressSchema;\n  contactPoint: Array<typeof contactPointSchema>;\n  sameAs: string[];\n}\n\nconst organizationSchema: IOrganizationSchema = {\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"Organization\",\n  \"@id\": \"https://www.gravitywell.co.uk/#organization\",\n  \"legalName\": \"Hayward & Bos Ltd\",\n  \"name\": \"Gravitywell\",\n  \"vatID\": \"GB-194038302\",\n  \"email\": \"hello@gravitywell.co.uk\",\n  \"url\": \"https://www.gravitywell.co.uk/\",\n  \"logo\": {\n    \"@type\": \"ImageObject\",\n    \"url\": `https://www.gravitywell.co.uk${GWLogoImg}`,\n    \"width\": 512,\n    \"height\": 512\n  },\n  \"address\": postalAddressSchema,\n  \"contactPoint\": [ contactPointSchema ],\n  \"sameAs\": [\n    \"https://twitter.com/gravitywelluk/\",\n    \"https://www.facebook.com/gravitywelluk/\",\n    \"https://www.instagram.com/gravitywelluk/\",\n    \"https://www.linkedin.com/company/gravitywell/\"\n  ]\n};\n\nexport default organizationSchema;\n","export const contactPointSchema = {\n  \"@type\": \"ContactPoint\",\n  \"telephone\": \"+44 117 379 0309\",\n  \"contactType\": \"customer service\",\n  \"email\": \"hello@gravitywell.co.uk\",\n  \"areaServed\": \"GB\",\n  \"availableLanguage\": [ \"English\" ]\n};","import forceTrailingSlash from \"../../templates/utils/forceTrailingSlash\";\nimport organizationSchema, { IOrganizationSchema } from \"./organization-schema\";\n\ninterface IArticle {\n  type: \"Article\" | \"NewsArticle\" | \"BlogPosting\";\n  title: string;\n  description: string;\n  path: string;\n  datePublished: string;\n  dateModified: string;\n  author: string;\n  imageUrls: string[];\n}\n\nexport interface IArticleSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"Article\" | \"NewsArticle\" | \"BlogPosting\";\n  mainEntityOfPage: {\n    \"@type\": \"WebPage\";\n    \"@id\": string;\n  };\n  headline: string;\n  datePublished: string;\n  dateModified: string;\n  author: {\n    \"@type\": \"Person\";\n    name: string;\n  };\n  image: string[];\n  publisher: IOrganizationSchema;\n  description: string;\n}\n\nconst articleSchema = (articleData: IArticle): IArticleSchema => {\n  const images: string[] = articleData.imageUrls.map((imgPath: string) => {\n    return `https://www.gravitywell.co.uk${imgPath}`;\n  });\n\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": articleData.type,\n    \"mainEntityOfPage\": {\n      \"@type\": \"WebPage\",\n      \"@id\": forceTrailingSlash(\n        `https://www.gravitywell.co.uk${articleData.path}`\n      )\n    },\n    \"headline\": articleData.title,\n    \"description\": articleData.description,\n    \"image\": images,\n    \"datePublished\": articleData.datePublished,\n    \"dateModified\": articleData.dateModified,\n    \"author\": {\n      \"@type\": \"Person\",\n      \"name\": articleData.author\n    },\n    \"publisher\": organizationSchema\n  };\n};\n\nexport default articleSchema;\n","import GwCoverImg from \"../../assets/images/g-schema/gravitywell-cover.jpg\";\nimport postalAddressSchema, { IPostalAddressSchema } from \"./postal-address-schema\";\n\nexport interface ILocalBusinessSchema {\n  \"@context\": \"http://schema.org\";\n  \"@type\": \"LocalBusiness\";\n  \"@id\": \"https://www.gravitywell.co.uk/#localbusiness\";\n  legalName: \"Hayward & Bos Ltd\";\n  name: \"Gravitywell\";\n  vatID: \"GB-194038302\";\n  email: \"hello@gravitywell.co.uk\";\n  url: \"https://www.gravitywell.co.uk/\";\n  telephone: \"+44 117 379 0309\";\n  address: IPostalAddressSchema;\n  geo: {\n    \"@type\": \"GeoCoordinates\";\n    latitude: 51.45983;\n    longitude: -2.5861;\n  };\n  OpeningHoursSpecification: Array<{\n    dayOfWeek: string[];\n    opens: \"09:00\";\n    closes: \"17:30\";\n  }>;\n  priceRange: \"$$$\";\n  image: string[];\n}\n\nconst localBusinessSchema: ILocalBusinessSchema = {\n  \"@context\": \"http://schema.org\",\n  \"@type\": \"LocalBusiness\",\n  \"@id\": \"https://www.gravitywell.co.uk/#localbusiness\",\n  \"legalName\": \"Hayward & Bos Ltd\",\n  \"name\": \"Gravitywell\",\n  \"vatID\": \"GB-194038302\",\n  \"email\": \"hello@gravitywell.co.uk\",\n  \"url\": \"https://www.gravitywell.co.uk/\",\n  \"telephone\": \"+44 117 379 0309\",\n  \"address\": postalAddressSchema,\n  \"geo\": {\n    \"@type\": \"GeoCoordinates\",\n    \"latitude\": 51.45983,\n    \"longitude\": -2.5861\n  },\n  \"OpeningHoursSpecification\": [\n    {\n      dayOfWeek: [\n        \"Monday\",\n        \"Tuesday\",\n        \"Wednesday\",\n        \"Thursday\",\n        \"Friday\"\n      ],\n      opens: \"09:00\",\n      closes: \"17:30\"\n    }\n  ],\n  \"priceRange\": \"$$$\",\n  \"image\": [ `https://www.gravitywell.co.uk${GwCoverImg}` ]\n};\n\nexport default localBusinessSchema;\n","export default __webpack_public_path__ + \"static/gravitywell-cover-6162086609ed6202ac7f64b300a8e38b.jpg\";","export interface IWebsiteSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"WebSite\";\n  url: \"https://www.gravitywell.co.uk/\";\n}\n\nconst websiteSchema: IWebsiteSchema = {\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"WebSite\",\n  \"url\": \"https://www.gravitywell.co.uk/\"\n};\n\nexport default websiteSchema;\n","import React, { CSSProperties } from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport { generator } from \"../gradients\";\nimport { IGradients } from \"../gradients/gradient-list\";\n\ninterface IPageTop {\n  id?: string;\n  className?: string;\n  gradient?: keyof IGradients;\n  backgroundImage?: string;\n  overlayColor?: string;\n  borderTop?: string;\n  backgroundColor?: string;\n  parallax?: boolean;\n  maxWidth?: number;\n  maxHeight?: number;\n  height?: \"auto\" | \"tiny\" | \"small\" | \"medium\" | \"large\";\n  minHeight?: number;\n  children: React.ReactNode;\n  style?: CSSProperties;\n  widthType?:\n    | \"FullWidthWrapper\"\n    | \"FullWidthColumnWrapper\"\n    | \"ColumnWidthWrapper\"\n    | \"HalfColumnWidthWrapper\";\n}\n\ninterface IPageTopContainer {\n  gradient?: keyof IGradients;\n  maxHeight?: string;\n  aspectRatios: IAspectRatios;\n  backgroundColor?: string;\n  borderTop?: string;\n  backgroundImage?: string;\n}\n\ninterface IAspectRatios {\n  320: string;\n  375: string;\n  480: string;\n  568: string;\n  600: string;\n  768: string;\n  960: string;\n  1024: string;\n  1280: string;\n  1440: string;\n  1920: string;\n}\n\ninterface IColorOverlay {\n  overlayColor?: string;\n}\n\nconst PageTopContainer = styled<IPageTopContainer, \"div\">(\"div\")`\n  transition: 0.2s ease-in-out;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  min-height: ${props => props.aspectRatios[ 320 ]};\n  /* padding-top: ${props => (!props.backgroundImage && \"10rem;\") || \"66%\"}; */\n  /* padding-bottom: ${props =>\n    (!props.backgroundImage && \"4.8rem;\") || \"0\"}; */\n  width: 100%;\n  border-top: ${props =>\n    props.borderTop ? `0.2rem solid ${props.borderTop}` : \"\"};\n  background-color: ${props => props.backgroundColor};\n  background: ${props =>\n    props.backgroundImage && `url(${props.backgroundImage})`};\n  background-size: ${props => props.backgroundImage && \"cover\"};\n  background-position: ${props => props.backgroundImage && \"center center\"};\n  background: ${props =>\n    props.gradient && generator({\n      gradient: props.gradient,\n      angle: -38\n    })};\n\n  .top-content-wrapper {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    overflow: hidden;\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n    width: 100%;\n    padding-top: 6.4rem;\n  }\n\n  @media (min-width: 600px) {\n    min-height: ${props => props.aspectRatios[ 600 ]};\n  }\n\n  @media (min-width: 768px) {\n    .top-content-wrapper {\n      padding-top: 7.2rem;\n    }\n  }\n\n  @media (min-width: 960px) {\n    min-height: ${props => props.aspectRatios[ 960 ]};\n  }\n\n  @media (min-width: 1280px) {\n    min-height: auto;\n    max-height: ${props => props.maxHeight};\n    height: ${props => props.aspectRatios[ 1280 ]};\n  }\n\n  @media (min-width: 1440px) {\n    height: ${props => props.aspectRatios[ 1440 ]};\n  }\n`;\n\nconst ColorOverlayWrapper = styled<IColorOverlay, \"div\">(\"div\")`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  opacity: 0.5;\n  background: ${props => props.overlayColor};\n`;\n\nconst ColorOverlay = (props: IColorOverlay) => {\n  if (!props.overlayColor) {\n    return null;\n  }\n\n  return <ColorOverlayWrapper overlayColor={props.overlayColor} />;\n};\n\nconst PageTop = (props: IPageTop) => {\n  const { height } = props;\n\n  const aspectRatios: IAspectRatios = {\n    320: \"66.6vw\",\n    375: \"66.6vw\",\n    480: \"66.6vw\",\n    568: \"66.6vw\",\n    600: \"66.6vw\",\n    768: \"66.6vw\",\n    960: \"66.6vw\",\n    1024: \"66.6vw\",\n    1280: \"66.6vw\",\n    1440: \"66.6vw\",\n    1920: \"66.6vw\"\n  };\n\n  let maxHeight = \"58rem\";\n\n  switch (height) {\n    case \"large\":\n      maxHeight = \"88rem\";\n      aspectRatios[ 600 ] = \"72vw\";\n      aspectRatios[ 960 ] = \"61vw\";\n      aspectRatios[ 1280 ] = \"50vw\";\n      aspectRatios[ 1440 ] = \"45.8vw\";\n      aspectRatios[ 1920 ] = \"45.8vw\";\n      break;\n\n    case \"medium\":\n      maxHeight = \"70rem\";\n      aspectRatios[ 600 ] = \"64vw\";\n      aspectRatios[ 960 ] = \"54vw\";\n      aspectRatios[ 1280 ] = \"44vw\";\n      aspectRatios[ 1440 ] = \"36.4vw\";\n      aspectRatios[ 1920 ] = \"36.4vw\";\n      break;\n\n    case \"small\":\n      maxHeight = \"58rem\";\n      aspectRatios[ 600 ] = \"54vw\";\n      aspectRatios[ 960 ] = \"46vw\";\n      aspectRatios[ 1280 ] = \"38vw\";\n      aspectRatios[ 1440 ] = \"34.8vw\";\n      aspectRatios[ 1920 ] = \"30.2vw\";\n      break;\n\n    default:\n    case \"tiny\":\n      maxHeight = \"43.4rem\";\n      aspectRatios[ 600 ] = \"50vw\";\n      aspectRatios[ 960 ] = \"38vw\";\n      aspectRatios[ 1280 ] = \"31vw\";\n      aspectRatios[ 1440 ] = \"30.2vw\";\n      aspectRatios[ 1920 ] = \"30.2vw\";\n      break;\n\n    case \"auto\":\n      maxHeight = \"none\";\n      aspectRatios[ 600 ] = \"auto\";\n      aspectRatios[ 960 ] = \"auto\";\n      aspectRatios[ 1280 ] = \"auto\";\n      aspectRatios[ 1440 ] = \"auto\";\n      aspectRatios[ 1920 ] = \"auto\";\n      break;\n  }\n\n  return (\n    <PageTopContainer\n      id={props.id}\n      className=\"top-content-container\"\n      style={props.style}\n      gradient={props.gradient}\n      backgroundImage={props.backgroundImage}\n      backgroundColor={props.backgroundColor}\n      borderTop={props.borderTop}\n      maxHeight={maxHeight}\n      aspectRatios={aspectRatios}\n    >\n      <ColorOverlay overlayColor={props.overlayColor} />\n\n      <div className=\"top-content-wrapper\">\n        {props.children}\n      </div>\n    </PageTopContainer>\n  );\n};\n\nexport default PageTop;\n","import React, { CSSProperties } from \"react\";\nimport { ParallaxBanner } from \"react-scroll-parallax\";\n\nimport { generator } from \"../gradients\";\nimport styled from \"../../theme/styled\";\nimport { IGradients } from \"../gradients/gradient-list\";\n\ninterface IPanel {\n  className?: string;\n  gradient?: keyof IGradients;\n  backgroundImage?: string;\n  backgroundColor?: string;\n  borderTop?: string;\n  parallax?: boolean;\n  maxHeight?: number;\n  children: React.ReactNode;\n  style?: CSSProperties;\n}\n\ninterface IPanelContainer {\n  gradient?: keyof IGradients;\n  maxHeight?: number;\n  backgroundColor?: string;\n  borderTop?: string;\n  backgroundImage?: string;\n}\n\nconst PanelContainer = styled<IPanelContainer, \"div\">(\"div\")`\n  /* display: flex; */\n  position: relative;\n  /* padding: 0 100px; */\n  /* border-top: ${props =>\n    props.borderTop ? `2px solid ${props.borderTop}` : \"\"}; */\n  background: ${props => props.backgroundColor};\n  background: ${props =>\n    props.backgroundImage && `url(${props.backgroundImage})`};\n  background: ${props =>\n    props.gradient && generator({\n      gradient: props.gradient,\n      angle: -38\n    })};\n  /* z-index: 0; */\n  /* width: 100vw; */\n  /* height: 100vh; */\n  /* min-height: ${props => (props.maxHeight ? props.maxHeight - 200 : 600)}px;\n  max-height: ${props => (props.maxHeight ? props.maxHeight : 750)}px; */\n\n  > section {\n    /* width: 100%; */\n  }\n\n  @media (max-width: 1100px) {\n    /* padding: 40px; */\n  }\n\n  @media (max-width: 768px) {\n    /* padding: 20px;\n    height: auto;\n    min-height: none;\n    max-height: none; */\n  }\n`;\n\nconst ParallaxPanelContainer = styled(ParallaxBanner)`\n  height: auto !important;\n`;\n\nconst PanelContent = styled(\"div\")`\n  /* max-width: 1200px; */\n  /* margin: 0 auto; */\n`;\n\nconst Panel = (props: IPanel) => {\n  if (!props.parallax) {\n    return (\n      <PanelContainer\n        className={props.className}\n        style={props.style}\n        gradient={props.gradient}\n        backgroundImage={props.backgroundImage}\n        backgroundColor={props.backgroundColor}\n        borderTop={props.borderTop}\n        maxHeight={props.maxHeight}\n      >\n        <PanelContent>\n          {props.children}\n        </PanelContent>\n      </PanelContainer>\n    );\n  } else {\n    return (\n      <ParallaxPanelContainer\n        className={props.className}\n        layers={[\n          {\n            image: props.backgroundImage || \"\",\n            amount: 0.1,\n            children: null\n          }\n        ]}\n        style={{ ...props.style }}\n      >\n        <PanelContent>\n          {props.children}\n        </PanelContent>\n      </ParallaxPanelContainer>\n    );\n  }\n};\n\nexport default Panel;\n","import React from \"react\";\n\nimport styled, { css } from \"src/theme/styled\";\nimport {\n  colourHelper,\n  fontSizeHelper,\n  fontWeightHelper,\n  spacingHelper\n} from \"src/theme/theme-helper\";\n\nimport { MediumColumnWidthWrapper } from \"../confines-wrappers\";\nimport { HeadingUppercase } from \"../heading\";\nimport Link from \"../link\";\nimport Panel from \"../panel-wrapper\";\n\ninterface CaseStudyPanelProps {\n  desktopLayout: \"left\" | \"right\";\n  label: string;\n  heading: string;\n  keyPoints?: string[];\n  backgroundImage: string;\n  linkUrl?: string;\n  linkCta?: string;\n}\n\nconst CaseStudyPanel: React.FC<CaseStudyPanelProps> = props => {\n  const {\n    desktopLayout,\n    label,\n    heading,\n    keyPoints,\n    backgroundImage,\n    linkUrl,\n    linkCta\n  } = props;\n\n  return (\n    <CaseStudyPanelContainer desktopLayout={desktopLayout}>\n      <Panel\n        backgroundImage={backgroundImage}\n        style={{\n          backgroundSize: \"cover\",\n          backgroundPosition: \"center\",\n          position: \"relative\"\n        }}\n      >\n        <MediumColumnWidthWrapper className=\"content-container\">\n          <div\n            className=\"flex-wrapper\"\n          >\n            <div className=\"titles-wrapper\">\n              <HeadingUppercase\n                as=\"h2\"\n                color=\"white\"\n              >\n                {label}\n              </HeadingUppercase>\n\n              <p className=\"large-copy\">\n                {heading}\n              </p>\n\n            </div>\n\n            {keyPoints?.length && (\n              <div\n                className=\"list-container\"\n              >\n                {keyPoints.length > 1 ? (\n                  <ul className=\"list\">\n                    {keyPoints.map(str => (\n                      <li\n                        key={str}\n                      >\n                        {str}\n                      </li>\n                    ))}\n                  </ul>\n                ) : (\n                  // single item\n                  <ul\n                    className=\"list\"\n                    style={{ paddingInline: 0 }}\n                  >\n                    <li\n                      style={{\n                        listStyle: \"none\",\n                        lineHeight: \"1.5\"\n                      }}\n                    >\n                      {keyPoints[ 0 ]}\n                    </li>\n                  </ul>\n                )}\n              </div>\n            )}\n\n            {(linkUrl && linkCta) && (\n              <div className=\"section-cta-container\">\n                <p>\n                  <span className=\"off-screen\">\n                    Click here to\n                    {\" \"}\n                  </span>\n\n                  <Link\n                    type=\"styled\"\n                    color=\"brandColor\"\n                    href={linkUrl}\n                  >\n                    {linkCta}\n                  </Link>\n                </p>\n              </div>\n            )}\n          </div>\n        </MediumColumnWidthWrapper>\n      </Panel>\n    </CaseStudyPanelContainer>\n  );\n};\n\nconst CaseStudyPanelContainer = styled.div<{desktopLayout: \"left\" | \"right\"}>`\n${({ theme }) => css`\n    color: ${colourHelper({\n    theme,\n    variant: \"white\"\n  })}\n\n/* *:not([style*=\"background-size\"]) {\n\tz-index: 1;\n\toutline: 2px solid red;\n} */\n\n.content-container {\n  min-height: 50rem;\n  @media (min-width: 840px) {\n    ${({ desktopLayout }) => desktopLayout === \"right\" && css`\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n    `}\n  }\n\t/* overlaying black on bg image */\n\t/* giving other children higher stacking index */\n\t& > * {\n\t\tz-index: 1;\n\t\tposition: relative;\n}\n\t&::after {\n\t\tz-index: 0 !important;\n\t\tcontent: \"\";\n\t\tposition: absolute !important;\n\t\tleft: 0;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tbackground: #141023;\n\t\topacity: 0.66;\n\t\tmix-blend-mode: hard-light;\n\t\tpointer-events: none;\n\t}\n}\n\n\t.large-copy {\n\t\tpadding-top: 4%;\n\t\tfont-weight: ${fontWeightHelper({\n    theme,\n    variant: \"heavy\"\n  })};\n\t\t\t\t\tfont-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_1\"\n  })};\n\t}\n\n\t.section-cta-container {\n    width: 100%;\n\t\tpadding-top: ${spacingHelper({\n    theme,\n    variant: \"xl\"\n  })};\n\t\tpadding-bottom: clamp(2em, 5vmin, 200px);\n\t\ttext-align: center;\n\n    p {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n      font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"bold\"\n  })};\n\na {\n        color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n        border-bottom-color: rgba(255, 255, 255, 0.4);\n\n        &:hover {\n          border-bottom-color: rgba(255, 255, 255, 1);\n        }\n      }\n    }\n  }\n\n\t@media (min-width: 375px) {\n\t\t.titles-wrapper {\n\t\t\t.large-copy {\n\t\t\t\tfont-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (min-width: 480px) {\n      .titles-wrapper {\n        .large-copy {\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n        }\n      }\n    }\n\n    @media (min-width: 568px) {\n      .titles-wrapper {\n\t\t\t\t.large-copy {\n\t\t\t\t\tmax-width: 25ch;\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n        }\n      }\n    }\n\n\t\t@media (min-width: 600px) {\n      .titles-wrapper {\n        .large-copy {\n          padding-top: 1.8rem;\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n        }\n      }\n\n\t\t\t.section-cta-container {\n\t\t\t\ttext-align: unset;\n\t\t\t\tpadding-bottom: unset;\n\t\t\t}\n    }\n\n\t\t@media (min-width: 768px) {\n      .titles-wrapper {\n        .large-copy {\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n        }\n      }\n    }\n\n    @media (min-width: 960px) {\n      .titles-wrapper {\n        .large-copy {\n          padding-right: 0;\n        }\n      }\n\n\t\t\t.section-cta-container {\n\t\t\t\tpadding-top: ${spacingHelper({\n    theme,\n    variant: \"xxl\"\n  })};\n\t\t\t}\n    }\n\n    @media (min-width: 1024px) {\n      .titles-wrapper {\n        padding-right: 0;\n        max-width: 93rem;\n\n        .large-copy {\n          padding-right: 0;\n        }\n      }\n    }\n\n\t\t@media (min-width: 1440px) {\n\t\t\t.section-cta-container {\n\t\t\t\t\tpadding-top: calc(${spacingHelper({\n    theme,\n    variant: \"xl\"\n  })} * 2);\n    }\n\t\t}\n  \n`} /* end theme */\n`;\n\nexport default CaseStudyPanel;","import { default as React } from \"react\";\n\nimport Link from \"src/components/link\";\nimport VideoBackgroundImage from \"src/assets/images/application-development/app-video-backround-fallback.jpg\";\nimport { FullWidthColumnWrapper } from \"src/components/confines-wrappers\";\nimport HeroVideo from \"src/components/hero-video\";\nimport PageTop from \"src/components/page-top\";\nimport styled from \"src/theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper,\n  spacingHelper\n} from \"src/theme/theme-helper\";\n\nexport const PageTopInvestment: React.FC = () => {\n  return (\n    <PageTopCustom id=\"hero\">\n      <PageTop\n        style={{\n          paddingTop: 0,\n          paddingBottom: 0\n        }}\n        height=\"large\"\n      >\n        <HeroVideo\n          src=\"https://cdn.gravitywell.co.uk/videos/application-development/Landing-Page-Apps_04.m3u8\"\n          fallbackImage={VideoBackgroundImage}\n        />\n\n        <FullWidthColumnWrapper className=\"top-content\">\n          <p className=\"heading\">\n            Investment & Sweat Equity\n          </p>\n\n          <div className=\"section-cta-container\">\n            <p className=\"book\">\n              <span className=\"off-screen\">\n                Click here and\n                {\" \"}\n              </span>\n\n              <Link\n                type=\"styled\"\n                color=\"white\"\n                href=\"#get-in-touch\"\n              >\n                Chat to us\n              </Link>\n            </p>\n          </div>\n        </FullWidthColumnWrapper>\n      </PageTop>\n\n    </PageTopCustom>\n  );\n};\n\nconst PageTopCustom = styled.div`\n  .investment-intro{\n    text-align: center;\n    .description {\n      max-width: 100%;\n    }\n  }\n  .top-content-container {\n    .top-content-wrapper {\n      position: absolute;\n      left: 0;\n      top: 0;\n\n      .top-content {\n        z-index: 3;\n        text-align: center;\n\n        .heading {\n          transition: 0.2s ease-in-out;\n          display: block;\n          margin: 0 auto;\n          width: 26rem;\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n      }\n    }\n  }\n\n  .section-cta-container {\n    margin-top: ${({ theme }) => spacingHelper({\n    theme,\n    variant: \"xxl\"\n  })};\n  }\n\n  @media (min-width: 375px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 32rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 39rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n          }\n        }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 568px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 53rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 60rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_4\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 66rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_5\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 74rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_6\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 80rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_7\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 96rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_9\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n","import React, { useRef } from \"react\";\n\nimport Footer from \"src/components/footer\";\nimport GetInTouch from \"src/components/get-in-touch\";\nimport Header from \"src/components/header\";\nimport HelmetWrapper from \"src/components/helmet-wrapper\";\nimport { breadCrumbSchema } from \"src/components/html-schema-snippets\";\nimport Layout from \"src/components/layout\";\nimport CaseStudyPanel from \"src/components/startups-landing-page/CaseStudyPanel\";\nimport { PageTopInvestment } from \"src/components/investment-landing-page/PageTopInvestment\";\nimport Image from \"src/assets/images/careers/quote-1.jpg\";\nimport styled, { css } from \"src/theme/styled\";\nimport { GravitywellTheme } from \"src/config/theme\";\nimport {\n  fontSizeHelper,\n  fontWeightHelper\n} from \"src/theme/theme-helper\";\nimport Link from \"src/components/link\";\nimport {\n  MediumColumnWidthWrapper,\n  SmallColumnWidthWrapper\n} from \"src/components/confines-wrappers\";\nimport { CtaButton } from \"src/components/cta\";\n\nconst StartupsPage = (): JSX.Element => {\n  const contactRef = useRef<HTMLDivElement | null>(null);\n  const handleCTAClick = () => scrollSmoothly(contactRef);\n  const canonicalPath = \"/investment\";\n\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"Investment\",\n      path: canonicalPath\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData ];\n\n  return (\n    <Layout className=\"layout\">\n      <HelmetWrapper\n        title=\"Investment\"\n        description=\"Sometimes, when we're passionate about a project, we're able to provide our clients with seed investment in the form of 'Sweat Equity'.\"\n        canonicalPath={canonicalPath}\n      >\n        <script type=\"application/ld+json\">\n          {JSON.stringify(schemaJson)}\n        </script>\n      </HelmetWrapper>\n\n      <header role=\"banner\">\n        <Header\n          initialLogo\n          initialTheme=\"dark\"\n        />\n\n        <PageTopInvestment />\n\n      </header>\n\n      <main>\n\n        <Panel\n          id=\"looking-for-investment\"\n          className=\"looking-for-investment content-container\"\n          background={GravitywellTheme.color.altLightGrey}\n        >\n          <MediumColumnWidthWrapper className=\"looking-for-investment-wrapper\">\n            <div className=\"copy\">\n              <h4 role=\"heading\">\n                Looking for investment?\n              </h4>\n\n              <p>\n                Sometimes, when we're passionate about a project, we're able to provide our clients with seed investment in the form of 'Sweat Equity'.\n              </p>\n\n              <p>\n                See below for some examples of startups we've helped in the past.\n              </p>\n\n              <div className=\"section-cta-container\">\n                <p className=\"book\">\n                  <span className=\"off-screen\">\n                    Click here and\n                    {\" \"}\n                  </span>\n\n                  <Link\n                    type=\"styled\"\n                    color=\"brandColor\"\n                    href=\"##\"\n                    onClick={handleCTAClick}\n                  >\n                    Find out more\n                  </Link>\n                </p>\n              </div>\n\n            </div>\n\n            <div className=\"image\">\n              <img\n                className=\"full\"\n                src={Image}\n                alt=\"Gravitywell having a internal meeting about an upcoming project\"\n              />\n            </div>\n          </MediumColumnWidthWrapper>\n        </Panel>\n\n        <CaseStudyPanel\n          label=\"Mezze\"\n          heading=\"A new Software as a Service platform for the Food industry.\"\n          linkCta=\"View Project\"\n          linkUrl=\"/projects/mezze\"\n          backgroundImage=\"https://www.gravitywell.co.uk/static/07d6e7ea315627fd7f041d7da2685a16/6ca10/Desktop%20hero%402x.jpg\"\n          desktopLayout=\"left\"\n          keyPoints={[\n            \"Entirely funded by Gravitywell\",\n            \"Launched in November 2020\",\n            \"Currently processing over £2m per month on behalf of its clients\"\n          ]}\n        />\n\n        <CaseStudyPanel\n          label=\"Found\"\n          heading=\"Found is an AI based app which reunites owners with lost valuables.\"\n          linkCta=\"View Project\"\n          linkUrl=\"/projects/found\"\n          backgroundImage=\"https://www.gravitywell.co.uk/static/33ed546a86b47becf7b67990a881e0e0/48b74/FoundApp_valuables_1460.jpg\"\n          desktopLayout=\"right\"\n          keyPoints={[ \"Multiple rounds of investment\", \"Consistent, continous growth\" ]}\n        />\n\n        <CaseStudyPanel\n          label=\"Jury's Out\"\n          heading=\"An ambitious Social Media startup with a novel and compelling hook.\"\n          backgroundImage=\"https://images.unsplash.com/photo-1512428559087-560fa5ceab42?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2340&q=80\"\n          desktopLayout=\"left\"\n          keyPoints={[ \"Currently in seed investment round\" ]}\n          linkCta=\"Case Study coming soon\"\n        />\n      </main>\n\n      <Panel\n        id=\"wrap-up\"\n        className=\"looking-for-investment content-container\"\n        background={GravitywellTheme.color.lightestGrey}\n      >\n        <MediumColumnWidthWrapper className=\"looking-for-investment-wrapper\">\n\n          <p className=\"center-copy\">\n            If your project needs an investment we may be able to help you find seed capital. We may also be able to help by investing our time to accelerate your project with an initial MVP phase. If you would like to talk to us about this opportunity then get in touch to arrange a discussion - we'd love to hear your pitch!\n          </p>\n\n        </MediumColumnWidthWrapper>\n      </Panel>\n\n      <Panel\n        className=\"looking-for-investment content-container\"\n        background={GravitywellTheme.color.brandColorLight}\n      >\n        <SmallColumnWidthWrapper style={{ textAlign: \"center\" }}>\n          <h3\n            className=\"center-copy\"\n            style={{\n              marginBottom: \"3rem\",\n              color: GravitywellTheme.color.white\n            }}\n          >\n            Our new incubator program offers hands-on time to build your product, alongside hours of tailored consultancy and start-up support.\n          </h3>\n\n          <CtaButton\n            type=\"primary\"\n            text=\"Take a look\"\n            href=\"/incubator\"\n          />\n        </SmallColumnWidthWrapper>\n      </Panel>\n\n      <footer\n        role=\"contentinfo\"\n        ref={contactRef}\n      >\n        <GetInTouch\n          title=\"Let's get started\"\n          slogan=\"Got a great idea?\"\n        />\n\n        <Footer />\n      </footer>\n    </Layout>\n  );\n};\n\nconst scrollSmoothly = (ref: React.MutableRefObject<HTMLDivElement|null>) => {\n  const y_coord = ref?.current?.offsetTop ?? window.innerHeight;\n  const padding = document.documentElement.querySelector(\"[class*='navigation-']\")?.clientHeight ?? window.innerHeight / 6;\n\n  window.scrollTo({\n    top: y_coord - padding,\n    behavior: \"smooth\"\n  });\n};\n\nexport default StartupsPage;\n\nexport const Panel = styled.div<{background: string}>`\n  ${({ theme, background }) => css`\n    background: ${background};\n\n    .looking-for-investment-wrapper {\n      display: flex;\n      flex-direction: column-reverse;\n\n      @media (min-width: 768px) {\n        flex-direction: row-reverse;\n        justify-content: flex-end;\n        align-items: center;\n      }\n\n      .center-copy{\n        text-align: center;\n        max-width: 65rem;\n        margin: 0 auto;\n      }\n\n      .copy {\n        z-index: 2;\n        padding-top: 4.2rem;\n\n        @media (min-width: 768px) {\n          padding-top: 0;\n          width: 100%;\n          max-width: 45.2rem;\n        }\n\n        h2 {\n          font-size: ${theme.font.size.subhead_3};\n\n          @media (min-width: 960px) {\n            font-size: 3rem;\n          }\n        }\n\n        p {\n          font-size: ${theme.font.size.body_2};\n        }\n      }\n\n      .section-cta-container {\n        padding-top: 0\n        width: 100%;\n\n        p {\n          padding-top: 0;\n          font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n        }\n        \n        .book {\n          padding-top: 2.6rem;\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n          font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"bold\"\n  })};\n        }\n      }\n      \n      .image {\n        max-width: 60rem;\n        transition: all 0.2s ease-in-out;\n\n        @media (min-width: 768px) {\n          margin-right: 5%;\n        }\n\n        @media (min-width: 1024px) {\n          margin-right: 6%;\n        }\n\n        @media (min-width: 1280px) {\n          margin-right: 8%;\n        }\n\n        @media (min-width: 1380px) {\n          margin-right: 10%;\n        }\n      }\n    }\n  `};\n`;","export default __webpack_public_path__ + \"static/app-video-backround-fallback-7bf63d56d9ad063537498733ee651abb.jpg\";","export default __webpack_public_path__ + \"static/quote-1-979a57a360ad23692a799b218d488c4f.jpg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTU5RjRDN0RFOTg0MTFFOEIwMkVFNTcwMDMyMUE3NEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTU5RjRDN0VFOTg0MTFFOEIwMkVFNTcwMDMyMUE3NEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NTlGNEM3QkU5ODQxMUU4QjAyRUU1NzAwMzIxQTc0RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NTlGNEM3Q0U5ODQxMUU4QjAyRUU1NzAwMzIxQTc0RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiFmeqQAAAAWSURBVHjaYmBAgP9MDGjgPxQzAAQYACkyAwBWm6YbAAAAAElFTkSuQmCC\""],"names":["CtaButton","className","type","href","text","target","onClick","children","CtaButtonContainer","join","LinkContent","styled","linkCSS","theme","colourHelper","variant","fontSizeHelper","fontWeightHelper","fontLineHeightHelper","fontSpaceHelper","props","generator","gradient","angle","htmlTag","React","title","slogan","links","useEffect","window","Tally","loadEmbeds","GetInTouchContainer","id","headingTag","map","link","i","key","icon","size","Helmet","src","loading","width","height","frameBorder","FullWidthWrapper","parsedLinks","headingStyling","css","color","H1Styled","H2Styled","H3Styled","H4Styled","H5Styled","H6Styled","PStyled","as","rest","HeadingWrapper","DynamicHtmlTag","textColor","hrColor","fallbackImage","contrastGradient","playerProps","isSpecialVideo","HeroVideoWrapper","pip","playing","loop","url","controls","playsinline","muted","volume","checkeredOverlayImg","breadcrumbs","breadCrumbObj","breadcrumb","itemListElement","push","parseInt","name","forceTrailingSlash","path","GWLogoImg","postalAddressSchema","articleData","images","imageUrls","imgPath","description","datePublished","dateModified","author","organizationSchema","dayOfWeek","opens","closes","PageTopContainer","aspectRatios","backgroundImage","borderTop","backgroundColor","maxHeight","ColorOverlayWrapper","overlayColor","ColorOverlay","style","PanelContainer","ParallaxPanelContainer","ParallaxBanner","PanelContent","parallax","layers","image","amount","CaseStudyPanelContainer","desktopLayout","spacingHelper","label","heading","keyPoints","linkUrl","linkCta","backgroundSize","backgroundPosition","position","length","str","paddingInline","listStyle","lineHeight","PageTopInvestment","PageTopCustom","paddingTop","paddingBottom","VideoBackgroundImage","scrollSmoothly","ref","y_coord","current","offsetTop","innerHeight","padding","document","documentElement","querySelector","clientHeight","scrollTo","top","behavior","contactRef","useRef","canonicalPath","schemaJson","breadCrumbSchema","JSON","stringify","role","initialLogo","initialTheme","Panel","background","GravitywellTheme","Image","alt","CaseStudyPanel","textAlign","marginBottom","font","subhead_3","body_2"],"sourceRoot":""}