<section
  data-test="page-section"
  data-section-theme="black"
  class="page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--bottom black"
  data-section-id="654a4b7428e9bc4796952e16"
  data-controller="SectionWrapperController"
  data-current-styles='{
                              "backgroundImage": {
                                "id": "654a4b7428e9bc4796952e13",
                                "recordType": 2,
                                "addedOn": 1580247088315,
                                "updatedOn": 1589913825100,
                                "starred": false,
                                "passthrough": false,
                                "workflowState": 1,
                                "publishOn": 1580247088315,
                                "authorId": "615b662582e994337e28ee8f",
                                "systemDataId": "1589847769565-EI9ZCTP3U9V7KOFYKAGL",
                                "systemDataVariants": "2500x1667,100w,300w,500w,750w,1000w,1500w,2500w",
                                "systemDataSourceType": "JPG",
                                "filename": "Aro Ha_0010.jpg",
                                "mediaFocalPoint": {
                                  "x": 0.5,
                                  "y": 0.5,
                                  "source": 3
                                },
                                "colorData": {
                                  "topLeftAverage": "cbd9e1",
                                  "topRightAverage": "dadee1",
                                  "bottomLeftAverage": "b5b9b4",
                                  "bottomRightAverage": "534f3d",
                                  "centerAverage": "65532b",
                                  "suggestedBgColor": "c7d6dd"
                                },
                                "urlId": "5q3a1qt6sztuj9nl90gphzga3jundr-kxsk9-ndgdx-jyha9",
                                "title": "",
                                "body": null,
                                "likeCount": 0,
                                "commentCount": 0,
                                "publicCommentCount": 0,
                                "commentState": 2,
                                "unsaved": false,
                                "author": {
                                  "id": "615b662582e994337e28ee8f",
                                  "displayName": "jean paul corbeil",
                                  "firstName": "jean paul",
                                  "lastName": "corbeil",
                                  "websiteUrl": "https://www.ascendantdigitalgroup.com",
                                  "bio": ""
                                },
                                "assetUrl": "https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847769565-EI9ZCTP3U9V7KOFYKAGL/Aro+Ha_0010.jpg",
                                "contentType": "image/jpeg",
                                "items": [ ],
                                "pushedServices": { },
                                "pendingPushedServices": { },
                                "recordTypeLabel": "image",
                                "originalSize": "2500x1667"
                              },
                              "imageOverlayOpacity": 0.15,
                              "backgroundWidth": "background-width--full-bleed",
                              "sectionHeight": "section-height--small",
                              "customSectionHeight": 1,
                              "horizontalAlignment": "horizontal-alignment--center",
                              "verticalAlignment": "vertical-alignment--bottom",
                              "contentWidth": "content-width--wide",
                              "customContentWidth": 50,
                              "sectionTheme": "black",
                              "sectionAnimation": "none",
                              "backgroundMode": "video"
                            }'
  data-current-context='{
                              "video": {
                                "playbackSpeed": 1,
                                "filter": 1,
                                "filterStrength": 0,
                                "zoom": 0,
                                "videoSourceProvider": "native",
                                "nativeVideoContentItem": {
                                  "id": "654a4b827002d96676078ced",
                                  "recordType": 61,
                                  "addedOn": 1699367810128,
                                  "updatedOn": 1699367810128,
                                  "authorId": "615b662582e994337e28ee8f",
                                  "systemDataId": "8c1a6338-11f7-4f37-ae87-5845b0991971",
                                  "systemDataVariants": "1920:1080,640:360",
                                  "systemDataSourceType": "mp4",
                                  "filename": "iStock-465502611.mov",
                                  "body": null,
                                  "likeCount": 0,
                                  "commentCount": 0,
                                  "publicCommentCount": 0,
                                  "commentState": 1,
                                  "author": {
                                    "id": "615b662582e994337e28ee8f",
                                    "displayName": "jean paul corbeil",
                                    "firstName": "jean paul",
                                    "lastName": "corbeil",
                                    "websiteUrl": "https://www.ascendantdigitalgroup.com",
                                    "bio": ""
                                  },
                                  "contentType": "video/mp4",
                                  "structuredContent": {
                                    "_type": "SqspHostedVideo",
                                    "videoCodec": "h264",
                                    "alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/6516e8ae5473263e7b287136/8c1a6338-11f7-4f37-ae87-5845b0991971/{variant}",
                                    "alexandriaLibraryId": "6516e8ae5473263e7b287136",
                                    "aspectRatio": 1.7777777777777777,
                                    "durationSeconds": 21.2
                                  },
                                  "videoCodec": "h264",
                                  "alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/6516e8ae5473263e7b287136/8c1a6338-11f7-4f37-ae87-5845b0991971/{variant}",
                                  "alexandriaLibraryId": "6516e8ae5473263e7b287136",
                                  "aspectRatio": 1.7777777777777777,
                                  "durationSeconds": 21.2,
                                  "items": [ ],
                                  "pushedServices": { },
                                  "pendingPushedServices": { },
                                  "usageId": "0817125a-8cce-3e6d-bdc4-0a1f864e2ab9",
                                  "recordTypeLabel": "sqsp-hosted-video",
                                  "originalSize": "1920:1080"
                                }
                              },
                              "backgroundImageId": null,
                              "backgroundMediaEffect": {
                                "type": "none"
                              },
                              "divider": {
                                "enabled": false
                              },
                              "typeName": "portfolio-grid-overlay"
                            }'
  data-animation="none"
  data-fluid-engine-section=""
  style="padding-top: 127.891px"
  data-controllers-bound="SectionWrapperController"
  data-active="true"
>
  <div class="section-border">
    <div class="section-background">
      <div
        data-controller="VideoBackgroundNative"
        data-controllers-bound="VideoBackgroundNative"
      >
        <div
          class="sqs-video-background-native content-fill"
          data-config-native-video='{
                              "id": "654a4b827002d96676078ced",
                              "recordType": 61,
                              "addedOn": 1699367810128,
                              "updatedOn": 1699367810128,
                              "authorId": "615b662582e994337e28ee8f",
                              "systemDataId": "8c1a6338-11f7-4f37-ae87-5845b0991971",
                              "systemDataVariants": "1920:1080,640:360",
                              "systemDataSourceType": "mp4",
                              "filename": "iStock-465502611.mov",
                              "body": null,
                              "likeCount": 0,
                              "commentCount": 0,
                              "publicCommentCount": 0,
                              "commentState": 1,
                              "author": {
                                "id": "615b662582e994337e28ee8f",
                                "displayName": "jean paul corbeil",
                                "firstName": "jean paul",
                                "lastName": "corbeil",
                                "websiteUrl": "https://www.ascendantdigitalgroup.com",
                                "bio": ""
                              },
                              "contentType": "video/mp4",
                              "structuredContent": {
                                "_type": "SqspHostedVideo",
                                "videoCodec": "h264",
                                "alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/6516e8ae5473263e7b287136/8c1a6338-11f7-4f37-ae87-5845b0991971/{variant}",
                                "alexandriaLibraryId": "6516e8ae5473263e7b287136",
                                "aspectRatio": 1.7777777777777777,
                                "durationSeconds": 21.2
                              },
                              "videoCodec": "h264",
                              "alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/6516e8ae5473263e7b287136/8c1a6338-11f7-4f37-ae87-5845b0991971/{variant}",
                              "alexandriaLibraryId": "6516e8ae5473263e7b287136",
                              "aspectRatio": 1.7777777777777777,
                              "durationSeconds": 21.2,
                              "items": [ ],
                              "pushedServices": { },
                              "pendingPushedServices": { },
                              "usageId": "0817125a-8cce-3e6d-bdc4-0a1f864e2ab9",
                              "recordTypeLabel": "sqsp-hosted-video",
                              "originalSize": "1920:1080"
                            }'
          data-config-playback-speed="1"
          data-config-filter="1"
          data-config-filter-strength="0"
        >
          <div
            class="sqs-video-background-native__video-player video-player video-player--medium"
          >
            <div
              tabindex="0"
              class="plyr plyr--full-ui plyr--video plyr--html5 plyr--pip-supported plyr--is-touch plyr--hide-controls plyr--playing"
            >
              <div class="plyr__controls" style=""></div>
              <div class="plyr__video-wrapper">
                <video
                  playsinline=""
                  webkit-playsinline=""
                  loop=""
                  muted=""
                  autoplay=""
                  src="blob:https://www.ascendantdigital.ca/15c3ca10-001e-4ae4-8bb0-22798dac339a"
                ></video>
                <div class="plyr__poster"></div>
              </div>
              <div class="plyr__captions"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="content-wrapper" style="">
    <div class="content">
      <div data-fluid-engine="true">
        <style>
          .fe-654a4b7428e9bc4796952e15 {
            --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11px);
            --cell-max-width: calc(
              (var(--sqs-site-max-width, 1500px) - (11px * (8 - 1))) / 8
            );

            display: grid;
            position: relative;
            grid-area: 1/1/-1/-1;
            grid-template-rows: repeat(21, minmax(24px, auto));
            grid-template-columns:
              minmax(var(--grid-gutter), 1fr)
              repeat(8, minmax(0, var(--cell-max-width)))
              minmax(var(--grid-gutter), 1fr);
            row-gap: 11px;
            column-gap: 11px;
          }

          @media (min-width: 768px) {
            .background-width--inset .fe-654a4b7428e9bc4796952e15 {
              --inset-padding: calc(var(--sqs-site-gutter) * 2);
            }

            .fe-654a4b7428e9bc4796952e15 {
              --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11px);
              --cell-max-width: calc(
                (var(--sqs-site-max-width, 1500px) - (11px * (24 - 1))) / 24
              );
              --inset-padding: 0vw;

              --row-height-scaling-factor: 0.0215;
              --container-width: min(
                var(--sqs-site-max-width, 1500px),
                calc(
                  100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding)
                )
              );

              grid-template-rows: repeat(
                11,
                minmax(
                  calc(
                    var(--container-width) * var(--row-height-scaling-factor)
                  ),
                  auto
                )
              );
              grid-template-columns:
                minmax(var(--grid-gutter), 1fr)
                repeat(24, minmax(0, var(--cell-max-width)))
                minmax(var(--grid-gutter), 1fr);
            }
          }

          .fe-block-18c1ecd15a871a5467bd {
            grid-area: 12/2/17/10;
            z-index: 0;
          }

          .fe-block-18c1ecd15a871a5467bd .sqs-block {
            justify-content: flex-start;
          }

          .fe-block-18c1ecd15a871a5467bd .sqs-block-alignment-wrapper {
            align-items: flex-start;
          }

          @media (min-width: 768px) {
            .fe-block-18c1ecd15a871a5467bd {
              grid-area: 6/2/10/20;
              z-index: 0;
            }

            .fe-block-18c1ecd15a871a5467bd .sqs-block {
              justify-content: flex-start;
            }

            .fe-block-18c1ecd15a871a5467bd .sqs-block-alignment-wrapper {
              align-items: flex-start;
            }
          }

          .fe-block-yui_3_17_2_1_1699367764769_2734 {
            grid-area: 17/2/22/10;
            z-index: 1;
          }

          .fe-block-yui_3_17_2_1_1699367764769_2734 .sqs-block {
            justify-content: flex-start;
          }

          .fe-block-yui_3_17_2_1_1699367764769_2734
            .sqs-block-alignment-wrapper {
            align-items: flex-start;
          }

          @media (min-width: 768px) {
            .fe-block-yui_3_17_2_1_1699367764769_2734 {
              grid-area: 9/2/11/11;
              z-index: 1;
            }

            .fe-block-yui_3_17_2_1_1699367764769_2734 .sqs-block {
              justify-content: flex-start;
            }

            .fe-block-yui_3_17_2_1_1699367764769_2734
              .sqs-block-alignment-wrapper {
              align-items: flex-start;
            }
          }
        </style>
        <div class="fluid-engine fe-654a4b7428e9bc4796952e15">
          <div class="fe-block fe-block-18c1ecd15a871a5467bd">
            <div
              class="sqs-block html-block sqs-block-html"
              data-block-type="2"
              id="block-18c1ecd15a871a5467bd"
            >
              <div class="sqs-block-content">
                <div class="sqs-html-content">
                  <h2
                    style="
                      white-space: pre-wrap;
                      transition-timing-function: ease;
                      transition-duration: 0.9s;
                      transition-delay: 0.137705s;
                    "
                    class="preFade fadeIn"
                  >
                    <span class="sqsrte-text-color--black"
                      >Where the pulse of marketing meets the heartbeat of
                      technology.</span
                    >
                  </h2>
                </div>

                <style>
                  #block-18c1ecd15a871a5467bd {
                  }
                </style>
              </div>
            </div>
          </div>
          <div class="fe-block fe-block-yui_3_17_2_1_1699367764769_2734">
            <div
              class="sqs-block html-block sqs-block-html"
              data-block-type="2"
              id="block-yui_3_17_2_1_1699367764769_2734"
            >
              <div class="sqs-block-content">
                <div class="sqs-html-content">
                  <p
                    class="sqsrte-large preFade fadeIn"
                    style="
                      white-space: pre-wrap;
                      transition-timing-function: ease;
                      transition-duration: 0.9s;
                      transition-delay: 0.147541s;
                    "
                  >
                    <span class="sqsrte-text-color--black"
                      >We specialize in crafting exceptional branding, digital
                      marketing, and technology solutions that empower
                      businesses to amplify their online presence and unleash
                      their full growth potential.</span
                    >
                  </p>
                </div>

                <style>
                  #block-yui_3_17_2_1_1699367764769_2734 {
                  }
                </style>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>