@scope (.mrkt-footer) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base,
  .elementor :scope {
    padding: 0;
    min-width: 0;
    min-height: 0;
  }

  :scope {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-L);
    padding-bottom: var(--mrkt-space-M);

    /* Style */
    border-top: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border);
    background: var(--mrkt-color-background);
  }

  .claim {
    /* Style */
    color: var(--mrkt-color-accent-200);
  }

  .bar {
    /* Layout */
    display: inline-block;
    width: 0.12em;
    height: 0.8em;
    margin-inline: 0.18em;
    vertical-align: -0.04em;

    /* Style */
    background: var(--mrkt-color-secondary);
  }

  .cols {
    /* Layout */
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--mrkt-space-L);
  }

  .brand {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-S);
  }

  .brand p {
    /* Layout */
    max-width: 40ch;

    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  .links {
    /* Layout */
    display: grid;
    align-content: start;
    gap: 0.375rem;
  }

  .links a,
  .contact a {
    /* Font */
    text-decoration: none;

    /* Style */
    color: var(--mrkt-color-accent-700);
  }

  .links a:hover,
  .contact a:hover {
    /* Style */
    color: var(--mrkt-color-primary);
  }

  .contact {
    /* Font */
    font-style: normal;

    /* Style */
    color: var(--mrkt-color-accent-700);
  }

  .legal {
    /* Layout */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--mrkt-space-S);
    padding-top: var(--mrkt-space-M);

    /* Style */
    border-top: var(--mrkt-border-width) var(--mrkt-border-type) var(--mrkt-color-border);
    color: var(--mrkt-color-text-muted);
  }

  /* Legal links in LTC red, as in the client's draft */
  .legal-links {
    /* Layout */
    display: flex;
    gap: var(--mrkt-space-M);
  }

  .legal-links a {
    /* Font */
    font-weight: 600;
    text-decoration: none;

    /* Style */
    color: var(--mrkt-color-secondary-600);
  }

  .legal-links a:hover {
    /* Font */
    text-decoration: underline;
  }

  @media (width < 900px) {
    .cols {
      /* Layout */
      grid-template-columns: 1fr 1fr;
    }

    .brand {
      /* Layout */
      grid-column: 1 / -1;
    }
  }
}