/* Quiet, ruled footer with a large ghosted brand mark. */
.mk-page .fl-footer {
  --fl-footer-logo-opacity: .055;
  width: calc(100% - 48px);
  max-width: 1252px;
  padding: 32px 0 0;
}
.mk-page .fl-footer-grid { padding: 24px 32px 56px; gap: 40px; }
.mk-page .fl-footer-platforms {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid var(--fl-calendar-border);
}
.mk-page .fl-footer-platforms a {
  display: grid;
  place-items: center;
  min-height: 80px;
  border-right: 1px solid var(--fl-calendar-border);
}
.mk-page .fl-footer-platforms a:last-of-type { border-right: 0; }
.mk-page .fl-footer-platforms img { width: 23px; height: 23px; object-fit: contain; filter: grayscale(1) brightness(0); transition: opacity .2s ease; }
.mk-page .fl-footer-platforms a:is(:hover, :focus-visible) img { opacity: var(--fl-footer-logo-opacity); }
.mk-page .fl-footer-bottom { border-top: 0; padding: 24px 32px 0; }
.mk-page .fl-footer-wordmark {
  height: clamp(72px, 13vw, 180px);
  margin: 24px 32px 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
.mk-page .fl-footer-wordmark img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  opacity: var(--fl-footer-logo-opacity);
  filter: grayscale(1) brightness(0);
}
@media (min-width: 1440px) {
  .fl-homepage .fl-footer { width: calc(100% - 208px - 2 * var(--fl-calendar-gutter)); max-width: calc(1480px - 2 * var(--fl-calendar-gutter)); }
}
@media (max-width: 700px) {
  .mk-page .fl-footer-grid { padding: 16px 0 32px; gap: 24px; }
  .mk-page .fl-footer-platforms a { min-height: 64px; }
  .mk-page .fl-footer-bottom { padding: 20px 0 0; }
  .mk-page .fl-footer-wordmark { margin: 24px 0 0; }
}
