{"version":3,"file":"6.CEcBWQeJ.js","sources":["../../../../../../src/components/About/AboutHero.svelte","../../../../../../src/components/About/AnimationFeature.svelte","../../../../../../src/components/About/CareerFeature.svelte","../../../../../../src/components/About/ListFeature.svelte","../../../../../../src/components/About/LocationFeature.svelte","../../../../../../src/components/About/TimelineFeature.svelte","../../../../../../src/routes/about/+page.svelte"],"sourcesContent":["<script lang=\"ts\">\nimport HeroTitle from '$components/Typography/HeroTitle.svelte'\nimport type { ABOUT_HERO_TYPE } from '$types/index'\n\nexport let aboutHeroData: ABOUT_HERO_TYPE\nconst { sectionTitle, coloredHeadline, headline, subheadline } =\n  aboutHeroData.fields\n</script>\n\n<div class=\"about-hero\">\n  <HeroTitle text={sectionTitle} />\n  <div class=\"main-container\">\n    <h3 class=\"colored-headline\">{coloredHeadline}</h3>\n    <h3 class=\"headline\">{headline}</h3>\n    <p class=\"subheadline\">{subheadline}</p>\n  </div>\n</div>\n\n<style lang=\"scss\">\n.about-hero {\n  height: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 40px 25px;\n  border-bottom: 1px solid rgba(90, 88, 107, 0.6);\n\n  .main-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    margin-top: 25px;\n\n    h3 {\n      margin: 0;\n    }\n\n    .colored-headline,\n    .headline {\n      font-weight: 400;\n      width: 100%;\n    }\n\n    .colored-headline {\n      font-size: 40px;\n      line-height: 43px;\n      @media only screen and (min-width: 1024px) {\n        font-size: 74px;\n        line-height: 86px;\n        letter-spacing: 0.32px;\n      }\n    }\n    .headline {\n      font-size: 30px;\n      line-height: 32px;\n      @media only screen and (min-width: 1024px) {\n        font-size: 56px;\n        line-height: 65px;\n        letter-spacing: 0.32px;\n      }\n    }\n\n    .colored-headline {\n      background: linear-gradient(to right, #ff560e, #ff001f, #8802c8, #6202fe);\n      background: -webkit-linear-gradient(\n        left,\n        #ff560e,\n        #ff001f,\n        #8802c8,\n        #6202fe\n      );\n      background-clip: text;\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      margin-bottom: 12px;\n\n      @media only screen and (min-width: 1024px) {\n        margin-bottom: 0;\n      }\n    }\n\n    .headline {\n      margin-bottom: 25px;\n\n      @media only screen and (min-width: 1024px) {\n        margin-bottom: 30px;\n      }\n    }\n\n    .subheadline {\n      font-size: 18px;\n      line-height: 25px;\n      letter-spacing: 0.16px;\n      margin: 0;\n\n      @media only screen and (min-width: 1024px) {\n        font-size: 21px;\n        line-height: 24px;\n        letter-spacing: 0.32px;\n      }\n    }\n    @media only screen and (min-width: 1024px) {\n      margin-top: 50px;\n      margin-bottom: 50px;\n    }\n  }\n\n  @media only screen and (min-width: 1024px) {\n    padding: 40px 100px;\n  }\n}\n</style>\n","<script lang=\"ts\">\nimport RichText from '$components/Typography/RichText.svelte'\nimport SectionTitle from '$components/Typography/SectionTitle.svelte'\nimport type { ANIMATION_FEATURE_TYPE } from '$types/index'\n\nexport let animationFeatureData: ANIMATION_FEATURE_TYPE\nconst { sectionTitle, richText, animationSrc } = animationFeatureData.fields\n</script>\n\n<section class=\"animation-feature\" id=\"who\">\n  <div>\n    <video autoplay muted loop playsinline>\n      <source src={animationSrc.fields.file.url} type=\"video/mp4\" />\n    </video>\n  </div>\n  <div class=\"main-container\">\n    <SectionTitle text={sectionTitle} />\n    <RichText {richText} />\n  </div>\n</section>\n\n<style lang=\"scss\">\n.animation-feature {\n  height: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 60px 25px 40px 25px;\n  border-bottom: 1px solid rgba(90, 88, 107, 0.6);\n\n  video {\n    margin-bottom: 30px;\n    border-radius: 16px;\n\n    @media only screen and (min-width: 1280px) {\n      margin-bottom: 0;\n      margin-right: 30px;\n    }\n  }\n\n  :global(.section-title) {\n    margin-bottom: 12px;\n    font-size: 22px;\n    line-height: 36px;\n  }\n\n  :global(.rich-text) {\n    color: var(--greyLight);\n  }\n\n  .main-container {\n    @media only screen and (min-width: 1280px) {\n      max-width: 357px;\n    }\n  }\n\n  @media only screen and (min-width: 1024px) {\n    padding: 100px;\n  }\n\n  @media only screen and (min-width: 1280px) {\n    flex-direction: row;\n    justify-content: space-around;\n  }\n}\n</style>\n","<script lang=\"ts\" context=\"module\">\nconst makeRichTextDocument = (text: string) => ({\n  nodeType: 'document',\n  content: [\n    {\n      nodeType: 'paragraph',\n      content: [{ nodeType: 'text', value: text, marks: [] }],\n    },\n  ],\n})\n</script>\n\n<script lang=\"ts\">\nimport RichText from '$components/Typography/RichText.svelte'\nimport SectionTitle from '$components/Typography/SectionTitle.svelte'\nimport type { CAREER_FEATURE_TYPE } from '$types/index'\n\nexport let careerFeatureData: CAREER_FEATURE_TYPE\nconst {\n  sectionTitle,\n  richText,\n  careerListingItems = [],\n} = careerFeatureData.fields\n\nconst richTextEmptyListing = makeRichTextDocument(\n  'There are no open positions at the moment. Check back soon!',\n)\n</script>\n\n<section class=\"careers\" id=\"work-with-us\">\n  <SectionTitle text={sectionTitle} />\n  <div class=\"main-container\">\n    <RichText {richText} />\n    <div class=\"job-listings\" class:empty-items={!careerListingItems.length}>\n      {#each careerListingItems as item (item.fields.linkSrc)}\n        <div class=\"job-listing-item\">\n          <a href={item.fields.linkSrc} target=\"_blank\" rel=\"noreferrer\">\n            <h5>{item.fields.role}</h5>\n            <span>{item.fields.location}</span>\n            <img src=\"/icons/link-arrow.svg\" alt=\"arrow-icon\" />\n          </a>\n        </div>\n      {:else}\n        <div class=\"job-listing-item empty-items\">\n          <RichText richText={richTextEmptyListing} />\n        </div>\n      {/each}\n    </div>\n  </div>\n</section>\n\n<style lang=\"scss\">\n.careers {\n  height: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 60px 25px 60px 25px;\n  border-bottom: 1px solid rgba(90, 88, 107, 0.6);\n\n  :global(.section-title) {\n    margin-bottom: 17px;\n\n    @media only screen and (min-width: 1280px) {\n      width: 25%;\n    }\n  }\n\n  .main-container {\n    :global(.rich-text) {\n      margin-bottom: 50px;\n      @media only screen and (min-width: 1024px) {\n        width: 50%;\n      }\n    }\n\n    .job-listings {\n      border-top: 1px solid var(--greyDark);\n      max-width: 1036px;\n      &.empty-items {\n        border-top: none;\n      }\n    }\n\n    .job-listing-item {\n      color: var(--greyLight);\n      letter-spacing: 0.16px;\n      padding: 15px 0;\n      position: relative;\n      border-bottom: 1px solid var(--greyDark);\n      &.empty-items {\n        border-bottom: none;\n        :global(.rich-text) {\n          width: 520px;\n          @media only screen and (max-width: 540px) {\n            width: 100%;\n          }\n        }\n      }\n\n      a {\n        &:hover {\n          img {\n            transition: all 0.5s ease-in;\n            filter: drop-shadow(0px 0px 16px white);\n            -webkit-filter: drop-shadow(0px 0px 16px white);\n          }\n        }\n\n        @media only screen and (min-width: 1024px) {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n      }\n\n      img {\n        width: 35px;\n        height: 35px;\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 20px 0;\n\n        &:hover {\n          box-shadow: rgba(255, 255, 255) 0px 0px 16px;\n        }\n      }\n\n      h5 {\n        margin: 0;\n        font-size: 21px;\n        line-height: 24px;\n        letter-spacing: 0.32px;\n        font-weight: 400;\n\n        @media only screen and (min-width: 1024px) {\n          font-size: 32px;\n          line-height: 34px;\n        }\n      }\n\n      span {\n        color: var(--greyLight);\n        font-size: 17px;\n        line-height: 22px;\n        letter-spacing: 0.16px;\n\n        @media only screen and (min-width: 1024px) {\n          font-size: 18px;\n          line-height: 34px;\n          padding: 20px 0;\n          margin-right: 55px;\n        }\n      }\n\n      @media only screen and (min-width: 1024px) {\n        padding: 0;\n      }\n    }\n\n    @media only screen and (min-width: 1280px) {\n      width: 75%;\n    }\n  }\n\n  @media only screen and (min-width: 1024px) {\n    padding: 100px;\n  }\n\n  @media only screen and (min-width: 1280px) {\n    flex-direction: row;\n    justify-content: space-between;\n  }\n}\n</style>\n","<script lang=\"ts\">\nimport Paragraph from '$components/Typography/Paragraph.svelte'\nimport SectionTitle from '$components/Typography/SectionTitle.svelte'\nimport type { LIST_FEATURE_TYPE } from '$types/index'\n\nexport let listFeatureData: LIST_FEATURE_TYPE\nconst { sectionTitle, listItems } = listFeatureData.fields\n</script>\n\n<section class=\"list-feature\" id=\"why\">\n  <SectionTitle text={sectionTitle} />\n  <ul class=\"main-container\">\n    {#each listItems as item}\n      <li>\n        <p>{item.fields.headline}</p>\n        <Paragraph text={item.fields.subheadline} />\n      </li>\n    {/each}\n  </ul>\n</section>\n\n<style lang=\"scss\">\n.list-feature {\n  height: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 60px 25px 40px 25px;\n  border-bottom: 1px solid rgba(90, 88, 107, 0.6);\n\n  :global(.section-title) {\n    margin-bottom: 17px;\n    font-size: 22px;\n    line-height: 36px;\n\n    @media only screen and (min-width: 1280px) {\n      width: 25%;\n    }\n  }\n\n  :global(.paragraph) {\n    width: 90%;\n  }\n\n  .main-container {\n    li {\n      font-size: 17px;\n      line-height: 22px;\n      font-weight: 300;\n      letter-spacing: 0.16px;\n      margin-bottom: 20px;\n      position: relative;\n      padding-left: 30px;\n      max-width: 950px;\n\n      &:before {\n        content: url('/icons/bulletpoint.svg');\n        margin-right: 10px;\n        line-height: 22px;\n        vertical-align: middle;\n        position: absolute;\n        left: 0;\n      }\n\n      p {\n        margin: 0;\n      }\n\n      p:first-of-type {\n        font-weight: 600;\n      }\n\n      @media only screen and (min-width: 1024px) {\n        font-size: 18px;\n        line-height: 24px;\n        margin-bottom: 25px;\n        p:first-of-type {\n          font-size: 22px;\n          line-height: 36px;\n        }\n        &:before {\n          content: url('/icons/bulletpoint-large.svg');\n          line-height: 36px;\n        }\n      }\n    }\n\n    @media only screen and (min-width: 1280px) {\n      width: 75%;\n    }\n  }\n\n  @media only screen and (min-width: 1024px) {\n    padding: 100px;\n  }\n\n  @media only screen and (min-width: 1280px) {\n    flex-direction: row;\n    justify-content: space-between;\n  }\n}\n</style>\n","<script lang=\"ts\">\nimport RichText from '$components/Typography/RichText.svelte'\nimport SectionTitle from '$components/Typography/SectionTitle.svelte'\nimport type { LOCATION_FEATURE_TYPE } from '$types/index'\n\nexport let locationFeatureData: LOCATION_FEATURE_TYPE\nconst { sectionTitle, richText, locations } = locationFeatureData.fields\n</script>\n\n<section class=\"location-feature\" id=\"locations\">\n  <SectionTitle text={sectionTitle} />\n  <RichText {richText} />\n  <div class=\"main-container\">\n    <div class=\"locations\">\n      {#each locations as location}\n        <span>{location}</span>\n      {/each}\n    </div>\n    <div class=\"bg-desktop\">\n      <img\n        class=\"cities-background\"\n        src=\"/animations/cities_background.png\"\n        alt=\"background graphic\" />\n      <img\n        class=\"cities-placeholder\"\n        src=\"/animations/cities.png\"\n        alt=\"markers of cities\" />\n    </div>\n    <img\n      class=\"bg-mobile\"\n      src=\"/animations/locations.svg\"\n      alt=\"background graphic\" />\n  </div>\n</section>\n\n<style lang=\"scss\">\n.location-feature {\n  height: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 60px 25px 60px 25px;\n  border-bottom: 1px solid rgba(90, 88, 107, 0.6);\n\n  :global(.section-title) {\n    margin-bottom: 17px;\n    font-size: 22px;\n\n    @media only screen and (min-width: 1280px) {\n      margin-right: 60px;\n      min-width: 125px;\n    }\n  }\n\n  :global(.rich-text) {\n    margin-bottom: 50px;\n\n    @media only screen and (min-width: 1024px) {\n      width: 50%;\n    }\n  }\n\n  .main-container {\n    width: 100%;\n    position: relative;\n    height: auto;\n\n    .bg-mobile {\n      height: 100%;\n      position: absolute;\n      top: 0;\n      left: -25px;\n      width: calc(100% + 50px);\n      z-index: -1;\n\n      @media only screen and (min-width: 1024px) {\n        display: none;\n      }\n    }\n\n    .bg-desktop {\n      display: none;\n\n      @media only screen and (min-width: 1024px) {\n        margin-left: -100px;\n        width: calc(100% + 200px);\n        height: auto;\n        display: inline-block;\n        margin-top: -60px;\n      }\n    }\n\n    .cities-background {\n      position: relative;\n      display: block;\n      height: auto;\n      width: 100%;\n    }\n\n    .cities-placeholder {\n      width: 100%;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    .locations {\n      display: flex;\n      flex-direction: column;\n      text-align: center;\n\n      @media only screen and (min-width: 1024px) {\n        display: none;\n      }\n    }\n\n    span {\n      font-size: 27px;\n      line-height: 31px;\n      margin-bottom: 15px;\n    }\n  }\n\n  @media only screen and (min-width: 1024px) {\n    padding: 100px;\n  }\n}\n</style>\n","<script lang=\"ts\">\nimport RichText from '$components/Typography/RichText.svelte'\nimport SectionTitle from '$components/Typography/SectionTitle.svelte'\nimport type { TIMELINE_FEATURE_TYPE } from '$types/index'\nimport Saos from 'saos'\n\nexport let timelineFeatureData: TIMELINE_FEATURE_TYPE\nconst { sectionTitle, richText, roadmapItems, timelineItems } =\n  timelineFeatureData.fields\n</script>\n\n<div class=\"timeline-feature\" id=\"history\">\n  <SectionTitle text={sectionTitle} />\n  <RichText {richText} />\n  {#if roadmapItems}\n    <div class=\"roadmap-container\">\n      <SectionTitle text=\"Roadmap\" />\n      <div class=\"roadmap-items-container\">\n        {#each roadmapItems as item}\n          <div class=\"roadmap-item\">\n            <div class=\"text-wrapper\">\n              <span class=\"date\">\n                {item.fields.date}\n              </span>\n              <span class=\"copy\">\n                {item.fields.copy}\n              </span>\n            </div>\n          </div>\n        {/each}\n      </div>\n    </div>\n  {/if}\n  <div class=\"timeline-container\">\n    {#if timelineItems}\n      {#each [...timelineItems].reverse() as item, i (item.fields.imageSrc.fields.file.url)}\n        {#if (i + 1) % 2 === 0}\n          <div\n            class=\"timeline-item\"\n            style=\"grid-area: {i + 1} / 5 / {i + 4} / 9\">\n            <Saos\n              once={true}\n              animation={'from-right 450ms cubic-bezier(0.35, 0.5, 0.65, 0.95) both'}>\n              <div class=\"item-wrapper\">\n                <img\n                  src={item.fields.imageSrc.fields.file.url}\n                  alt={item.fields.year} />\n                <span>{item.fields.year}</span>\n                <span>{item.fields.copy}</span>\n              </div>\n            </Saos>\n          </div>\n        {:else}\n          <div\n            class=\"timeline-item\"\n            style=\"grid-area: {i + 1} / 1 / {i + 4} / 5\">\n            <Saos\n              once={true}\n              animation={'from-left 450ms cubic-bezier(0.35, 0.5, 0.65, 0.95) both'}>\n              <div class=\"item-wrapper\">\n                <img\n                  src={item.fields.imageSrc.fields.file.url}\n                  alt={item.fields.year} />\n                <span>{item.fields.year}</span>\n                <span>{item.fields.copy}</span>\n              </div>\n            </Saos>\n          </div>\n        {/if}\n      {/each}\n    {/if}\n    <img\n      class=\"bg-desktop\"\n      src=\"/animations/vertical-lightwave.svg\"\n      alt=\"vertical-wave\" />\n  </div>\n</div>\n\n<style lang=\"scss\">\n.timeline-feature {\n  height: auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 60px 25px 60px 25px;\n  border-bottom: 1px solid rgba(90, 88, 107, 0.6);\n  overflow-x: hidden;\n\n  :global(.section-title) {\n    margin-bottom: 17px;\n\n    @media only screen and (min-width: 1280px) {\n      margin-right: 60px;\n      min-width: 125px;\n    }\n  }\n\n  :global(.rich-text) {\n    margin-bottom: 50px;\n\n    @media only screen and (min-width: 1024px) {\n      width: 50%;\n      max-width: 357px;\n    }\n  }\n\n  .roadmap-container {\n    margin-bottom: 75px;\n    width: 100%;\n\n    .roadmap-items-container {\n      width: 100%;\n    }\n\n    .roadmap-item {\n      display: flex;\n      justify-content: start;\n      border-bottom: 1px solid var(--greyDark);\n      padding: 15px 0;\n      width: 100%;\n\n      @media only screen and (min-width: 1024px) {\n        align-items: center;\n        justify-content: start;\n        position: relative;\n      }\n\n      &:first-of-type {\n        border-top: 1px solid var(--greyDark);\n      }\n\n      &:before {\n        content: url('/icons/ellipse-red.svg');\n        margin-right: 23px;\n      }\n\n      .text-wrapper {\n        display: flex;\n        flex-direction: column;\n\n        @media only screen and (min-width: 1024px) {\n          flex-direction: row;\n        }\n      }\n\n      .copy {\n        @media only screen and (min-width: 1024px) {\n          position: absolute;\n          margin-left: 250px;\n        }\n      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      margin-bottom: 100px;\n      max-width: 1219px;\n    }\n\n    @media only screen and (min-width: 1280px) {\n      display: flex;\n    }\n  }\n\n  .timeline-container {\n    position: relative;\n    padding-left: 50px;\n\n    .bg-desktop {\n      display: none;\n\n      @media only screen and (min-width: 1280px) {\n        display: block;\n        position: absolute;\n        top: 150px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: -1;\n        height: 2600px;\n      }\n    }\n\n    .timeline-item {\n      position: relative;\n      margin-bottom: 115px;\n      display: flex;\n      align-items: center;\n\n      .item-wrapper {\n        display: flex;\n        flex-direction: column;\n      }\n\n      &:not(:last-of-type) {\n        &:before {\n          content: url('/animations/vertical-dotted-line.svg');\n          position: absolute;\n          top: 50px;\n          left: -50px;\n          z-index: 1;\n\n          @media only screen and (min-width: 1280px) {\n            content: '';\n          }\n        }\n      }\n\n      &:last-of-type {\n        &:before {\n          content: url('/animations/timeline-dot.svg');\n          position: absolute;\n          top: 50px;\n          left: -50px;\n          z-index: 1;\n\n          @media only screen and (min-width: 1280px) {\n            content: '';\n          }\n        }\n      }\n\n      img {\n        max-width: 165px;\n        max-height: 100px;\n        margin-bottom: 20px;\n        align-self: start;\n\n        @media only screen and (min-width: 1280px) {\n          max-width: 265px;\n          max-height: 175px;\n        }\n      }\n\n      span:first-of-type {\n        font-size: 24px;\n        line-height: 27px;\n        letter-spacing: 0.32px;\n      }\n\n      span:last-of-type {\n        font-size: 17px;\n        line-height: 22px;\n        font-weight: 300;\n        letter-spacing: 0.16px;\n        color: var(--greyLight);\n\n        @media only screen and (min-width: 1280px) {\n          font-size: 18px;\n          line-height: 24px;\n        }\n      }\n\n      @media only screen and (min-width: 1280px) {\n        max-width: 250px;\n        height: 600px;\n\n        &:not(:last-of-type) {\n          margin-bottom: 0;\n        }\n\n        &:nth-child(odd) {\n          justify-self: start;\n          text-align: right;\n          align-self: center;\n\n          img {\n            align-self: end;\n          }\n\n          span:first-of-type {\n            position: relative;\n            &:after {\n              content: url('/animations/horizontal-dotted-line.svg');\n              position: absolute;\n              top: -5px;\n              right: -150px;\n            }\n          }\n        }\n\n        &:nth-child(even) {\n          justify-self: end;\n          align-self: center;\n\n          img {\n            align-self: start;\n          }\n\n          span:first-of-type {\n            position: relative;\n            &:before {\n              content: url('/animations/horizontal-dotted-line.svg');\n              position: absolute;\n              top: -5px;\n              left: -150px;\n            }\n          }\n        }\n        &:nth-child(1) {\n          grid-area: a;\n        }\n\n        &:nth-child(2) {\n          grid-area: d;\n        }\n\n        &:nth-child(3) {\n          grid-area: e;\n        }\n\n        &:nth-child(4) {\n          grid-area: h;\n        }\n\n        &:nth-child(5) {\n          grid-area: i;\n        }\n\n        &:nth-child(6) {\n          grid-area: l;\n        }\n\n        &:nth-child(7) {\n          grid-area: m;\n        }\n\n        &:nth-child(8) {\n          grid-area: p;\n        }\n\n        &:nth-child(9) {\n          grid-area: q;\n        }\n\n        &:nth-child(10) {\n          grid-area: t;\n        }\n\n        &:nth-child(11) {\n          grid-area: w;\n        }\n      }\n\n      @media only screen and (min-width: 1400px) {\n        max-width: 322px;\n      }\n    }\n\n    @media only screen and (min-width: 1280px) {\n      display: grid;\n      grid-template-columns: repeat(8, 1fr);\n      grid-template-rows: repeat(1, 1fr);\n      row-gap: 40px;\n      padding: 30px 0 0 0;\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    @media only screen and (min-width: 1400px) {\n      row-gap: 40px;\n    }\n  }\n\n  @media only screen and (min-width: 1024px) {\n    padding: 100px;\n  }\n\n  @media only screen and (min-width: 1280px) {\n    padding: 100px;\n  }\n}\n</style>\n","<script lang=\"ts\">\nimport AboutHero from '$components/About/AboutHero.svelte'\nimport AnimationFeature from '$components/About/AnimationFeature.svelte'\nimport CareerFeature from '$components/About/CareerFeature.svelte'\nimport ListFeature from '$components/About/ListFeature.svelte'\nimport LocationFeature from '$components/About/LocationFeature.svelte'\nimport TimelineFeature from '$components/About/TimelineFeature.svelte'\nimport ContactUs from '$components/Global/ContactUs.svelte'\nimport type { PageData } from './$types'\n\nexport let data: PageData\n\nconst {\n  aboutHero,\n  animationFeature,\n  listFeature,\n  careerFeature,\n  locationFeature,\n  timelineFeature,\n  contactUs,\n} = data\n</script>\n\n<AboutHero aboutHeroData={aboutHero} />\n\n<AnimationFeature animationFeatureData={animationFeature} />\n\n<CareerFeature careerFeatureData={careerFeature} />\n\n<ListFeature listFeatureData={listFeature} />\n\n<LocationFeature locationFeatureData={locationFeature} />\n\n<TimelineFeature timelineFeatureData={timelineFeature} />\n\n<ContactUs data={contactUs} />\n"],"names":["aboutHeroData","$.prop","$$props","sectionTitle","coloredHeadline","headline","subheadline","animationFeatureData","richText","animationSrc","$.template_effect","$.set_attribute","source","makeRichTextDocument","text","careerFeatureData","careerListingItems","richTextEmptyListing","item","$.toggle_class","div_1","listFeatureData","listItems","$.each","ul","locationFeatureData","locations","location","timelineFeatureData","roadmapItems","timelineItems","div_2","$$render","consequent","node_5","i","div_6","$.get","div_8","consequent_1","alternate","consequent_2","data","aboutHero","animationFeature","listFeature","careerFeature","locationFeature","timelineFeature","contactUs"],"mappings":"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"}