/* SECTION / Footer — Figma "Section — Footer".
   Desktop 1440x99: a single row, right-aligned, items 24 apart, 16 inside the
   1312 container (accessibility 143 / statement 316 / statement 226 all end at
   the same right edge in the Figma).
   Mobile 402x131: the same three stacked, still flush right. */

.foot {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25vw; /* 24 */
  padding: 1.6667vw 4.1667vw; /* 32 / 64 + 16 inset */
  background: var(--page-bg);
  min-height: 5.1563vw; /* 99 */
  box-sizing: border-box;
}

.foot a.accessibility {
  display: inline-flex;
  align-items: center;
  gap: 0.5208vw; /* 10 */
  color: var(--page-ink);
  text-decoration: none;
  font-family: var(--f-regular);
  font-size: 0.7292vw; /* 14 */
  line-height: 1.1429; /* 16 */
  flex: 0 0 auto;
}

.foot a.accessibility img {
  width: 1.8229vw; /* 35 */
  height: 1.8229vw;
  display: block;
}

.foot__legal {
  color: var(--page-ink);
  font-family: var(--f-regular);
  font-size: 0.7292vw; /* 14 */
  line-height: 1.1429; /* 16 */
  text-decoration: underline;
  text-underline-offset: 0.1563vw;
  white-space: nowrap;
  flex: 0 0 auto;
}

.foot__legal:hover {
  color: var(--muted-ink);
}

/* A legal line the client gave with no destination (Symbioz): it is a
   statement, so no underline — and it is long, so it may wrap. */
.foot__legal--note {
  text-decoration: none;
  white-space: normal;
  margin: 0;
  flex: 0 1 auto;
}

/* model-endpoint legal line (`phase`); empty on this all-models page */
.foot .mispatit {
  font-family: var(--f-regular);
  font-size: 0.625vw; /* 12 */
  line-height: 1.4;
  color: var(--muted-ink);
  margin: 0;
}

.foot .mispatit:empty {
  display: none;
}


/* ============================== MOBILE ============================== */
@media (max-width: 768px) {

  .foot,
  .mobile .foot {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.1333vw; /* 8 */
    padding: 4.2667vw var(--gutter) 0; /* 16 */
    min-height: 0;
  }

  .foot a.accessibility,
  .mobile .foot a.accessibility {
    gap: 2.6667vw; /* 10 */
    font-size: 3.7333vw; /* 14 */
    line-height: 1.1429;
  }

  .foot a.accessibility img,
  .mobile .foot a.accessibility img {
    width: 9.3333vw; /* 35 */
    height: 9.3333vw;
  }

  .foot__legal,
  .mobile .foot__legal {
    font-size: 3.7333vw; /* 14 */
    line-height: 1.1429;
    text-underline-offset: 0.5333vw;
  }

  .foot .mispatit,
  .mobile .foot .mispatit {
    font-size: 3.2vw; /* 12 */
  }
}