body {
  background: var(--c-white);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ff-body);
}

.js [data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity var(--dur-slow) var(--ease-out),
    transform var(--dur-slow) var(--ease-out);
}

.js [data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

.reveal-fallback [data-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .js [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.lp-footer {
  background: var(--c-white);
  padding-block: var(--sp-16) var(--sp-12);
}

.lp-footer__inner {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-8);
  text-align: center;
}

.lp-footer__logo {
  display: block;
}

.lp-footer__logo img {
  width: clamp(96px, 9vw, 128px);
  height: auto;
  transition: opacity var(--dur-fast) var(--ease-out);
}

.lp-footer__logo:hover img {
  opacity: 0.75;
}

.lp-footer__copyright,
.lp-footer__legal {
  font-size: var(--fs-100);
  color: var(--c-dark);
}

.lp-footer__legal {
  display: flex;
  justify-content: center;
  gap: var(--sp-10);
}

.lp-footer__legal a {
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--dur-fast) var(--ease-out);
}

.lp-footer__legal a:hover,
.lp-footer__legal a:focus-visible {
  color: var(--c-blue);
}

@media (min-width: 768px) {
  .lp-footer__inner {
    flex-flow: row wrap;
    justify-content: center;
    gap: var(--sp-6);
    column-gap: var(--sp-12);
  }

  .lp-footer__logo {
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: var(--sp-2);
  }
}