{"version":3,"sources":["webpack:///./src/components/LandingGridAnimation.js","webpack:///./src/components/MainHeroTitle.js","webpack:///./src/components/styles/OutlinedText.js","webpack:///./node_modules/react-intersection-observer/react-intersection-observer.m.js","webpack:///./src/components/BlackHeroWithRightLines.js","webpack:///./src/components/styles/animations.js","webpack:///./src/components/LinesFromRight.js","webpack:///./src/components/HeroLanding.js"],"names":["Wrapper","styled","div","props","theme","responsivePadding","mediaMedium","staticGrid","verticalPosition","horizontalPosition","mediaDesktopStyles","Grid","Animation","Image","active","css","FadeSlideInRight","delay","Threshold","LandingGridAnimation","Images","animationOnLoad","setActive","useState","ref","inView","useInView","threshold","triggerOnce","handleLoad","onLoad","loading","fluid","one","childImageSharp","three","two","four","TitleWrapper","titleWidth","MainHeroTitle","children","label","link","cleanTitle","as","Title","Headline80","attrs","Outline","span","color","textBlack1","fill","white","size","stroke","OutlinedText","component","inline","Element","styles","display","style","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","ObserverMap","Map","RootIds","rootId","optionsToId","options","keys","sort","filter","undefined","map","root","has","set","toString","get","observe","element","callback","_createObserver","id","instance","thresholds","elements","observer","IntersectionObserver","entries","forEach","entry","_elements$get","isIntersecting","some","intersectionRatio","trackVisibility","isVisible","Array","isArray","createObserver","callbacks","push","splice","indexOf","unobserve","disconnect","isPlainChildren","InView","_React$Component","subClass","superClass","_this","node","_unobserveCb","handleNode","skip","setState","initialInView","observeNode","handleChange","onChange","state","create","constructor","__proto__","_proto","componentDidUpdate","prevProps","rootMargin","componentWillUnmount","_this$props","render","_this$state","_this$props2","tag","excluded","sourceKeys","_objectWithoutPropertiesLoose","_temp","_ref","_React$useState","setRef","current","result","displayName","defaultProps","black1","padding","Container","Lines","BlackHeroWithRightLines","title","lineColor","titleElement","brandColor3","FadeSlideInTopRight","keyframes","SlideInRight","SlideInLeft","SlideInBottom","SlideInTop","FlyBy","WobbleFrames","FadeInBottomFrames","MoveInBottom","translateFrom","FadeInBottom","FadeInRight","FadeInLeft","FadeIn","FadeInRightSmall","FadeInLeftSmall","Line1","skew","linesSkew","brandColor2","Line2","Line3","LinesFromRight","ContainerRelative","topPadding","bottomPadding","mediaDesktop","topLargePadding","wrapperOverflow","bottomPaddingMedia","Display","imageWidth","imageMaxWidth","mediaTransform","imageMarginTop","hasMobileImage","animationPre","keyFrames","imageBottom","imageTranslate","imageSize","gatsbyWidth","DesktopImage","Bottom","marginTop","Space","bottomSizeMedia","bottomSizeBottomMedia","bottomSize","SubTitle","Eyebrows20","ImageMedia","mediaImgWidth","mediaImgHeight","mediaImgMargins","mediaCss","Blur","blurheight","blurPosition","blurHeightLarge","HomeLanding","animationComponent","image","imageMobile","section","bottomMargins","noBottom","blurImage","bottom","position"],"mappings":"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","file":"7c89d84ff08ed2d15d93c4f3a12cda655939f09c-cb6cbe260c6cfa62b5c7.js","sourcesContent":["import React, { useState } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport {mediaMedium} from \"./styles/variables\";\nimport Image from \"./Image\";\nimport { FadeSlideInRight } from \"./styles/animations\";\nimport {useInView} from \"react-intersection-observer\";\n\nconst Wrapper = styled.div`\n  width: calc(100% + 40px);\n  padding-top: 64px;\n  margin: 0 -20px;\n  ${(props) => props.theme.responsivePadding && `padding: ${props.theme.responsivePadding}`};\n\n\n  @media (${mediaMedium}) {\n    padding: 0;\n    position: ${(props) => !props.theme.staticGrid && 'absolute'};\n    max-width: 920px;\n    top: ${(props) => props.theme.verticalPosition ? props.theme.verticalPosition : '17%'};\n    right: ${(props) => props.theme.horizontalPosition ? props.theme.horizontalPosition : '-9%'};\n    z-index: 2;\n  };\n  \n  @media (max-width: 1140px) {\n    ${(props) => props.theme.mediaDesktopStyles && props.theme.mediaDesktopStyles};\n  }\n`;\n\nconst Grid = styled.div`\n  display: grid;\n  grid-gap: 8px;\n  grid-template-columns: 1fr 1fr;\n  width: 100%;\n`;\n\nconst Animation = styled(Image)`\n  transform: translateX(30%);\n  opacity: 0;\n  max-width: 100% !important;\n  max-height: none !important;\n  width: 100%;\n  animation: ${(props) =>\n    props.active\n      ? css`\n          ${FadeSlideInRight} 0.8s ease forwards 1s\n        `\n      : \"none\"};\n  animation-delay: ${(props) => props.delay + 0.1 ?? 0}s;\n`;\n\nconst Threshold = [0, 0.3, 0.5, 1];\n\nconst LandingGridAnimation = ({ Images, animationOnLoad = true, theme }) => {\n  const [active, setActive] = useState(false);\n\n  const { ref, inView } = useInView({\n    threshold: Threshold,\n    delay: 30,\n    triggerOnce: true\n  });\n\n  const handleLoad = () => {\n    animationOnLoad && setActive(true);\n  };\n\n  if (inView && !animationOnLoad && !active) {\n    setActive(true);\n  }\n\n  return (\n    <Wrapper ref={ref} theme={theme}>\n      <Grid>\n        <Animation\n          onLoad={handleLoad}\n          loading=\"eager\"\n          fluid={Images.one.childImageSharp.fluid}\n          active={active}\n          delay={0.1}\n        />\n\n        <Animation\n          onLoad={handleLoad}\n          loading=\"eager\"\n          fluid={Images.three.childImageSharp.fluid}\n          active={active}\n          delay={0.5}\n        />\n        <Animation\n          onLoad={handleLoad}\n          loading=\"eager\"\n          fluid={Images.two.childImageSharp.fluid}\n          active={active}\n          delay={0.3}\n        />\n        <Animation\n          onLoad={handleLoad}\n          loading=\"eager\"\n          fluid={Images.four.childImageSharp.fluid}\n          active={active}\n          delay={0.7}\n        />\n      </Grid>\n    </Wrapper>\n  );\n};\n\nexport default LandingGridAnimation;\n","import React from \"react\";\nimport { Headline80 } from \"./styles/Headings\";\nimport PrimaryButton from \"./PrimaryButton\";\nimport styled from \"styled-components\";\nimport { mediaMedium } from \"./styles/variables\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  z-index: 4;\n`;\n\nconst TitleWrapper = styled.div`\n  max-width: ${(props) => props.theme.titleWidth ?? \"570px\"};\n  margin-bottom: 22px;\n  text-transform: uppercase;\n\n  @media (${mediaMedium}) {\n    margin-bottom: 40px;\n  }\n`;\n\nconst MainHeroTitle = ({ children, label, link, cleanTitle, theme, as }) => {\n  const Title = cleanTitle ? \"div\" : Headline80;\n  return (\n    <Wrapper>\n      <TitleWrapper theme={theme}>\n        <Title as=\"h1\">{children}</Title>\n      </TitleWrapper>\n\n      {label && <PrimaryButton attrs={link}>{label}</PrimaryButton>}\n    </Wrapper>\n  );\n};\n\nexport default MainHeroTitle;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { textBlack1, white } from \"./Colors\";\nimport { mediaMedium } from \"./variables\";\n\nconst Outline = styled.span`\n  color: ${(props) => props.color ?? textBlack1};\n  -webkit-text-fill-color: ${(props) => props.fill ?? white};\n  -webkit-text-stroke-width: ${(props) => props.size ?? \"1px\"};\n  -webkit-text-stroke-color: ${(props) =>\n    props.stroke ?? props.color ?? textBlack1};\n\n  @media (${mediaMedium}) {\n    -webkit-text-stroke-width: ${(props) => props.size ?? \"2px\"};\n  }\n`;\n\nconst OutlinedText = ({\n  color,\n  fill,\n  stroke,\n  size,\n  as,\n  component,\n  children,\n  inline\n}) => {\n  const Element = component ?? \"<span />\";\n  const styles = inline ? { display: \"inline\" } : {};\n\n  return (\n    <Element style={styles} as={as}>\n      <Outline color={color} fill={fill} stroke={stroke} size={size}>\n        {children}\n      </Outline>\n    </Element>\n  );\n};\n\nexport default OutlinedText;\n","import { createElement, Component, useRef, useState, useCallback, useEffect } from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  subClass.__proto__ = superClass;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar ObserverMap = new Map();\nvar RootIds = new Map();\nvar rootId = 0;\n/**\r\n * Generate a unique ID for the root element\r\n * @param root\r\n */\n\nfunction getRootId(root) {\n  if (!root) return '0';\n  if (RootIds.has(root)) return RootIds.get(root);\n  rootId += 1;\n  RootIds.set(root, rootId.toString());\n  return RootIds.get(root);\n}\n/**\r\n * Convert the options to a string Id, based on the values.\r\n * Ensures we can reuse the same observer when observing elements with the same options.\r\n * @param options\r\n */\n\n\nfunction optionsToId(options) {\n  return Object.keys(options).sort().filter(function (key) {\n    return options[key] !== undefined;\n  }).map(function (key) {\n    return key + \"_\" + (key === 'root' ? getRootId(options.root) : options[key]);\n  }).toString();\n}\n\nfunction createObserver(options) {\n  // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n  var id = optionsToId(options);\n  var instance = ObserverMap.get(id);\n\n  if (!instance) {\n    // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n    var elements = new Map();\n    var thresholds;\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        var _elements$get; // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n        // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n\n\n        var inView = entry.isIntersecting && thresholds.some(function (threshold) {\n          return entry.intersectionRatio >= threshold;\n        }); // @ts-ignore support IntersectionObserver v2\n\n        if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n          // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n          // @ts-ignore\n          entry.isVisible = inView;\n        }\n\n        (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(function (callback) {\n          callback(inView, entry);\n        });\n      });\n    }, options); // Ensure we have a valid thresholds array. If not, use the threshold from the options\n\n    thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n    instance = {\n      id: id,\n      observer: observer,\n      elements: elements\n    };\n    ObserverMap.set(id, instance);\n  }\n\n  return instance;\n}\n\nfunction observe(element, callback, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  if (!element) return function () {}; // An observer with the same options can be reused, so lets use this fact\n\n  var _createObserver = createObserver(options),\n      id = _createObserver.id,\n      observer = _createObserver.observer,\n      elements = _createObserver.elements; // Register the callback listener for this element\n\n\n  var callbacks = elements.get(element) || [];\n\n  if (!elements.has(element)) {\n    elements.set(element, callbacks);\n  }\n\n  callbacks.push(callback);\n  observer.observe(element);\n  return function unobserve() {\n    // Remove the callback from the callback list\n    callbacks.splice(callbacks.indexOf(callback), 1);\n\n    if (callbacks.length === 0) {\n      // No more callback exists for element, so destroy it\n      elements[\"delete\"](element);\n      observer.unobserve(element);\n    }\n\n    if (elements.size === 0) {\n      // No more elements are being observer by this instance, so destroy it\n      observer.disconnect();\n      ObserverMap[\"delete\"](id);\n    }\n  };\n}\n\nfunction isPlainChildren(props) {\n  return typeof props.children !== 'function';\n}\n/**\r\n * Monitors scroll, and triggers the children function with updated props\r\n */\n\n\nvar InView = /*#__PURE__*/function (_React$Component) {\n  _inheritsLoose(InView, _React$Component);\n\n  function InView(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.node = null;\n    _this._unobserveCb = null;\n\n    _this.handleNode = function (node) {\n      if (_this.node) {\n        // Clear the old observer, before we start observing a new element\n        _this.unobserve();\n\n        if (!node && !_this.props.triggerOnce && !_this.props.skip) {\n          // Reset the state if we get a new node, and we aren't ignoring updates\n          _this.setState({\n            inView: !!_this.props.initialInView,\n            entry: undefined\n          });\n        }\n      }\n\n      _this.node = node ? node : null;\n\n      _this.observeNode();\n    };\n\n    _this.handleChange = function (inView, entry) {\n      if (inView && _this.props.triggerOnce) {\n        // If `triggerOnce` is true, we should stop observing the element.\n        _this.unobserve();\n      }\n\n      if (!isPlainChildren(_this.props)) {\n        // Store the current State, so we can pass it to the children in the next render update\n        // There's no reason to update the state for plain children, since it's not used in the rendering.\n        _this.setState({\n          inView: inView,\n          entry: entry\n        });\n      }\n\n      if (_this.props.onChange) {\n        // If the user is actively listening for onChange, always trigger it\n        _this.props.onChange(inView, entry);\n      }\n    };\n\n    _this.state = {\n      inView: !!props.initialInView,\n      entry: undefined\n    };\n    return _this;\n  }\n\n  var _proto = InView.prototype;\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    // If a IntersectionObserver option changed, reinit the observer\n    if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n      this.unobserve();\n      this.observeNode();\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.unobserve();\n    this.node = null;\n  };\n\n  _proto.observeNode = function observeNode() {\n    if (!this.node || this.props.skip) return;\n    var _this$props = this.props,\n        threshold = _this$props.threshold,\n        root = _this$props.root,\n        rootMargin = _this$props.rootMargin,\n        trackVisibility = _this$props.trackVisibility,\n        delay = _this$props.delay;\n    this._unobserveCb = observe(this.node, this.handleChange, {\n      threshold: threshold,\n      root: root,\n      rootMargin: rootMargin,\n      // @ts-ignore\n      trackVisibility: trackVisibility,\n      // @ts-ignore\n      delay: delay\n    });\n  };\n\n  _proto.unobserve = function unobserve() {\n    if (this._unobserveCb) {\n      this._unobserveCb();\n\n      this._unobserveCb = null;\n    }\n  };\n\n  _proto.render = function render() {\n    if (!isPlainChildren(this.props)) {\n      var _this$state = this.state,\n          inView = _this$state.inView,\n          entry = _this$state.entry;\n      return this.props.children({\n        inView: inView,\n        entry: entry,\n        ref: this.handleNode\n      });\n    }\n\n    var _this$props2 = this.props,\n        children = _this$props2.children,\n        as = _this$props2.as,\n        tag = _this$props2.tag,\n        props = _objectWithoutPropertiesLoose(_this$props2, [\"children\", \"as\", \"tag\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\"]);\n\n    return /*#__PURE__*/createElement(as || tag || 'div', _extends({\n      ref: this.handleNode\n    }, props), children);\n  };\n\n  return InView;\n}(Component);\n\nInView.displayName = 'InView';\nInView.defaultProps = {\n  threshold: 0,\n  triggerOnce: false,\n  initialInView: false\n};\n\nfunction useInView(_temp) {\n  var _ref = _temp === void 0 ? {} : _temp,\n      threshold = _ref.threshold,\n      delay = _ref.delay,\n      trackVisibility = _ref.trackVisibility,\n      rootMargin = _ref.rootMargin,\n      root = _ref.root,\n      triggerOnce = _ref.triggerOnce,\n      skip = _ref.skip,\n      initialInView = _ref.initialInView;\n\n  var unobserve = useRef();\n\n  var _React$useState = useState({\n    inView: !!initialInView\n  }),\n      state = _React$useState[0],\n      setState = _React$useState[1];\n\n  var setRef = useCallback(function (node) {\n    if (unobserve.current !== undefined) {\n      unobserve.current();\n      unobserve.current = undefined;\n    } // Skip creating the observer\n\n\n    if (skip) return;\n\n    if (node) {\n      unobserve.current = observe(node, function (inView, entry) {\n        setState({\n          inView: inView,\n          entry: entry\n        });\n\n        if (entry.isIntersecting && triggerOnce && unobserve.current) {\n          // If it should only trigger once, unobserve the element after it's inView\n          unobserve.current();\n          unobserve.current = undefined;\n        }\n      }, {\n        root: root,\n        rootMargin: rootMargin,\n        threshold: threshold,\n        // @ts-ignore\n        trackVisibility: trackVisibility,\n        // @ts-ignore\n        delay: delay\n      });\n    }\n  }, // We break the rule here, because we aren't including the actual `threshold` variable\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  [// If the threshold is an array, convert it to a string so it won't change between renders.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  Array.isArray(threshold) ? threshold.toString() : threshold, root, rootMargin, triggerOnce, skip, trackVisibility, delay]);\n  /* eslint-disable-next-line */\n\n  useEffect(function () {\n    if (!unobserve.current && state.entry && !triggerOnce && !skip) {\n      // If we don't have a ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n      // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n      setState({\n        inView: !!initialInView\n      });\n    }\n  });\n  var result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n  result.ref = result[0];\n  result.inView = result[1];\n  result.entry = result[2];\n  return result;\n}\n\nexport default InView;\nexport { InView, useInView };","import React from \"react\";\nimport styled from \"styled-components\";\nimport LinesFromRight from \"./LinesFromRight\";\nimport { black1, brandColor3, white } from \"./styles/Colors\";\nimport { Eyebrows16 } from \"./styles/Eyebrows\";\nimport { Body28 } from \"./styles/BodyTypes\";\nimport Container from \"./styles/Container\";\nimport { mediaMedium } from \"./styles/variables\";\n\nconst Wrapper = styled.div`\n  overflow: hidden;\n  position: relative;\n  background-color: ${black1};\n  padding: 0 0 58px;\n\n  @media (${mediaMedium}) {\n    padding: ${(props) => props.padding ?? \"120px 0 110px\"};\n  }\n`;\n\nconst Grid = styled(Container)`\n  position: relative;\n  z-index: 2;\n  display: grid;\n\n  > div {\n    margin-bottom: 0;\n\n    p {\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  @media (${mediaMedium}) {\n    grid-template-columns: calc(100% * 7 / 12);\n  }\n`;\n\nconst Lines = styled.div`\n  position: absolute;\n  top: 138px;\n  left: 10%;\n  width: 100%;\n  height: 100%;\n`;\n\nconst BlackHeroWithRightLines = ({\n  title,\n  lineColor,\n  children,\n  padding,\n  titleElement\n}) => {\n  return (\n    <Wrapper padding={padding}>\n      <Lines>\n        <LinesFromRight color={lineColor ?? brandColor3} />\n      </Lines>\n      <Grid>\n        <Eyebrows16 as={titleElement} theme={{ color: white }}>\n          {title}\n        </Eyebrows16>\n        <Body28 as=\"div\" theme={{ color: white }}>\n          {children}\n        </Body28>\n      </Grid>\n    </Wrapper>\n  );\n};\n\nexport default BlackHeroWithRightLines;\n","import styled, { keyframes, css } from \"styled-components\";\n\nexport const FadeSlideInTopRight = keyframes`\n  0% {\n    transform: translateY(-20%) translateX(20%);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateY(0) translateX(0);\n    opacity: 1;\n  }\n`;\n\nexport const SlideInRight = keyframes`\n  0% {\n    transform: translateX(30%);\n  }\n  100% {\n    transform: translateX(0);\n  }\n`;\n\nexport const FadeSlideInRight = keyframes`\n  0% {\n    transform: translateX(30%);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n`;\n\nexport const SlideInLeft = keyframes`\n  0% {\n    transform: translateX(-30%);\n  }\n  100% {\n    transform: translateX(0);\n  }\n`;\n\nexport const SlideInBottom = keyframes`\n  0% {\n    transform: translateY(20%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n`;\n\nexport const SlideInTop = keyframes`\n  0% {\n    transform: translateY(-20%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n`;\n\nexport const FlyBy = keyframes`\n  0% {\n    transform: translateY(20%) translateX(-20%);\n  }\n  100% {\n    transform: translateY(0) translateX(0);\n  }\n`;\n\nexport const FadeInFrames = keyframes`\n  0% {\n    opacity: 0;\n    transform: translateY(40%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nexport const WobbleFrames = keyframes`\n  0% {\n    -webkit-transform: none;\n    transform: none\n  }\n  15% {\n    transform: translate3d(0, -15%, 0);\n  }\n  30% {\n    transform: translate3d(0, 10%, 0);\n  }\n  45% {\n    transform: translate3d(0, -15%, 0);\n  }\n  60% {\n    transform: translate3d(0, 0%, 0);\n  }\n  75% {\n    transform: translate3d(0, -15%, 0);\n  }\n  100% {\n    transform: none\n  }\n`;\n\nexport const FadeInBottomFrames = keyframes`\n  0% {\n    transform: translateY(20%);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n`;\n\nexport const MoveInBottom = styled.div`\n  transition: ease 0.8s;\n  transition-property: transform;\n  transform: translateY(\n    ${(props) => (props.active ? 0 : props.translateFrom ?? 20)}%\n  );\n  transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n`;\n\nexport const FadeInBottom = styled.div`\n  transform: translateY(20%);\n  opacity: 0;\n  animation: ${(props) =>\n    props.active\n      ? css`\n          ${FadeInBottomFrames} 0.8s ease forwards 0.1s\n        `\n      : \"none\"};\n`;\n\nexport const FadeInRight = styled.div`\n  transition: ease 0.8s;\n  transition-property: transform;\n  transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n  transform: translateX(${(props) => (props.active ? 0 : 20)}%);\n`;\n\nexport const FadeInLeft = styled.div`\n  transition: ease 0.8s;\n  transition-property: transform, opacity;\n  transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n  transform: translateX(${(props) => (props.active ? 0 : -70)}%);\n  opacity: ${(props) => (props.active ? 1 : 0)};\n`;\n\nexport const FadeIn = styled.div`\n  transition: ease 0.8s;\n  transition-property: opacity;\n  transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n  opacity: ${(props) => (props.active ? 1 : 0)};\n`;\n\nexport const FadeInSmall = styled(FadeInBottom)`\n  transform: translateY(${(props) => (props.active ? 0 : 20)}%);\n`;\n\nexport const FadeInRightSmall = styled(FadeInRight)`\n  transform: translateX(${(props) => (props.active ? 0 : 50)}%);\n`;\n\nexport const FadeInLeftSmall = styled.div`\n  transition: ease 0.8s;\n  transition-property: transform, opacity;\n  transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n  transform: translateX(${(props) => (props.active ? 0 : -20)}%);\n  opacity: ${(props) => (props.active ? 1 : 0)};\n`;","import React from \"react\";\nimport styled from \"styled-components\";\nimport { linesSkew, mediaMedium } from \"./styles/variables\";\nimport { brandColor2 } from \"./styles/Colors\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  width: 100%;\n  padding-top: 100%;\n  pointer-events: none;\n`;\n\nconst Line1 = styled.span`\n  @media (${mediaMedium}) {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 35%;\n    transform: skewX(${(props) => props.skew ?? linesSkew});\n    border-top: 1px solid;\n    border-left: 1px solid;\n    border-color: ${(props) => props.color ?? brandColor2};\n  }\n`;\n\nconst Line2 = styled(Line1)`\n  @media (${mediaMedium}) {\n    top: 18px;\n    left: calc(35% - 32px);\n  }\n`;\n\nconst Line3 = styled(Line1)`\n  @media (${mediaMedium}) {\n    top: 36px;\n    left: calc(35% - 64px);\n  }\n`;\n\nconst LinesFromRight = ({ color, skew }) => {\n  return (\n    <Wrapper>\n      <Line1 skew={skew} color={color} />\n      <Line2 skew={skew} color={color} />\n      <Line3 skew={skew} color={color} />\n    </Wrapper>\n  );\n};\n\nexport default LinesFromRight;\n","import React, { useState } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { black1, white } from \"./styles/Colors\";\nimport { mediaDesktop, mediaMedium } from \"./styles/variables\";\nimport MainHeroTitle from \"./MainHeroTitle\";\nimport Container from \"./styles/Container\";\nimport { Eyebrows20 } from \"./styles/Eyebrows\";\nimport Image from \"./Image\";\n\nconst ContainerRelative = styled(Container)`\n  position: relative;\n  padding-top: 43px;\n\n  @media (${mediaMedium}) {\n    padding-top: ${(props) => props.theme.topPadding ?? \"38px\"};\n    padding-bottom: ${(props) => props.theme.bottomPadding ?? \"240px\"};\n  }\n\n  @media (${mediaDesktop}) {\n    padding-top: ${(props) => props.theme.topLargePadding ?? \"38px\"};\n  }\n`;\n\nconst Wrapper = styled.div`\n  position: relative;\n  z-index: 1;\n  max-width: 100vw;\n  background-color: ${white};\n  overflow: ${(props) => props.theme.wrapperOverflow ?? \"hidden\"};\n  padding-bottom: ${(props) => props.theme.bottomPaddingMedia ?? \"0px\"};\n\n  @media (${mediaMedium}) {\n    padding-bottom: 0;\n  }\n`;\n\nconst Display = styled.div`\n  width: ${(props) => props.theme.imageWidth ?? \"100vw\"};\n  max-width: ${(props) => props.theme.imageMaxWidth ?? \"100vw\"};\n  transform: ${(props) => props.theme.mediaTransform ?? \"translateX(-20px)\"};\n  margin-top: ${(props) => props.theme.imageMarginTop ?? \"64px\"};\n  ${(props) => (props.hasMobileImage ? \"display: none;\" : \"\")};\n\n  .gatsby-image-wrapper {\n    opacity: ${(props) => (props.active ? 1 : 0)};\n    ${(props) => props.theme.animationPre ?? \"\"}\n    animation: ${(props) =>\n      props.theme.keyFrames && props.active\n        ? css`\n            ${props.theme.keyFrames}\n          `\n        : \"none\"}\n      0.9s ease both 0.5s;\n  }\n\n  @media (${mediaMedium}) {\n    ${(props) => (props.theme.styles ? props.theme.styles : \"\")};\n    ${(props) => (props.hasMobileImage ? \"display: block;\" : \"\")};\n    position: absolute;\n    right: 0;\n    border: 0;\n    bottom: ${(props) => props.theme.imageBottom ?? \"0\"};\n    transform: ${(props) =>\n      props.theme.imageTranslate ??\n      \"translate(calc(100% * 4 / 12), calc(100% * 2 / 12))\"};\n    z-index: 1;\n    width: ${(props) => props.theme.imageSize ?? \"calc(100% * 10 / 12)\"};\n\n    .gatsby-image-wrapper {\n      margin-right: 0;\n      margin-left: auto;\n\n      ${(props) =>\n        props.theme.gatsbyWidth\n          ? `max-width: ${props.theme.gatsbyWidth} !important; max-height: none !important`\n          : \"\"};\n    }\n  }\n`;\n\nconst DesktopImage = styled(Image)`\n  display: block;\n  width: 100%;\n`;\n\nconst Bottom = styled.div`\n  background-color: ${(props) => props.color};\n  margin-top: ${(props) => props.marginTop ?? \"0\"};\n  position: relative;\n  z-index: 1;\n\n  @media (min-width: 720px) {\n    margin-top: ${(props) => `calc(${props.marginTop}/1.5)` ?? \"0\"};\n  }\n\n  @media (${mediaMedium}) {\n    z-index: initial;\n    margin: 0;\n  }\n`;\n\nconst Space = styled.div`\n  padding-top: ${(props) => props.theme.bottomSizeMedia ?? \"0\"};\n  padding-bottom: ${(props) => props.theme.bottomSizeBottomMedia ?? \"93px\"};\n\n  @media (${mediaMedium}) {\n    display: block;\n    width: 100%;\n    padding-top: ${(props) => props.theme.bottomSize ?? \"104px\"};\n  }\n`;\n\nconst SubTitle = styled(Eyebrows20)`\n  margin: 0 0 28px;\n`;\n\nconst ImageMedia = styled(Image)`\n  pointer-events: none;\n  max-width: ${(props) => props.theme.mediaImgWidth ?? \"100%\"} !important;\n  max-height: ${(props) => props.theme.mediaImgHeight ?? \"100%\"} !important;\n  width: 100%;\n  margin: ${(props) => props.theme.mediaImgMargins ?? \"40px 0 0\"};\n  ${(props) => props.theme.mediaCss ?? \"\"};\n  z-index: 2;\n  transform: ${(props) => props.theme.mediaTransform ?? \"none\"};\n\n  opacity: ${(props) => (props.active ? 1 : 0)};\n  ${(props) => props.theme.animationPre ?? \"\"}\n  animation: ${(props) =>\n    props.theme.keyFrames && props.active\n      ? css`\n          ${props.theme.keyFrames}\n        `\n      : \"none\"}\n      0.9s ease both 0.5s;\n\n  @media (${mediaMedium}) {\n    max-width: 90% !important;\n    max-height: none !important;\n    display: none;\n  }\n`;\n\nconst Blur = styled.div`\n  z-index: 2;\n  width: 100%;\n  height: ${(props) => props.theme.blurheight ?? 30}px;\n  position: absolute;\n  bottom: ${(props) => props.theme.blurPosition ?? 0};\n  right: -25%;\n  background: linear-gradient(\n    0deg,\n    rgba(245, 245, 245, 0.95) 0%,\n    rgba(245, 245, 245, 0.9) 20%,\n    rgba(245, 245, 245, 0) 100%\n  );\n\n  @media (${mediaMedium}) {\n    height: ${(props) => props.theme.blurHeightLarge ?? 110}px;\n  }\n`;\n\nconst HomeLanding = ({\n  animationComponent,\n  link,\n  image,\n  imageMobile,\n  theme,\n  cleanTitle,\n  children,\n  section,\n  bottomMargins,\n  noBottom,\n  blurImage\n}) => {\n  const hasMobileImage = !!imageMobile;\n\n  const [active, setActive] = useState(false);\n\n  const handleLoad = () => {\n    setActive(true);\n  };\n\n  return (\n    <Wrapper theme={theme}>\n      <ContainerRelative theme={theme}>\n        {section && <SubTitle as=\"span\">{section}</SubTitle>}\n        <MainHeroTitle\n          cleanTitle={cleanTitle}\n          theme={theme}\n          link={link.attrs ?? null}\n          label={link.label}\n        >\n          {children}\n        </MainHeroTitle>\n        {!animationComponent && image && (\n          <Display\n            theme={theme}\n            active={active}\n            hasMobileImage={hasMobileImage}\n          >\n            <DesktopImage\n              onLoad={handleLoad}\n              theme={theme}\n              fluid={image.childImageSharp.fluid}\n            />\n          </Display>\n        )}\n\n        {animationComponent && animationComponent}\n      </ContainerRelative>\n\n      {!animationComponent && imageMobile && (\n        <ImageMedia\n          active={active}\n          onLoad={handleLoad}\n          theme={theme}\n          fluid={image.childImageSharp.fluid}\n        />\n      )}\n\n      {!noBottom && (\n        <Bottom\n          marginTop={bottomMargins}\n          color={theme && theme.bottom ? theme.bottom : black1}\n        >\n          <Container>\n            <Space theme={theme} />\n          </Container>\n        </Bottom>\n      )}\n      {blurImage && (\n        <Container style={{ position: \"relative\" }}>\n          <Blur theme={theme} />\n        </Container>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default HomeLanding;\n"],"sourceRoot":""}