/* =========================================================================
   Aster — site frame (footer)
   The footer continues the ink of the closing section rather than starting
   a band of its own; a single hairline is all that separates them.
   ========================================================================= */

.aster-footer {
  background: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--on-ink-muted);
  padding-bottom: var(--wp--preset--spacing--80);
}

/* Core's blockGap would put a top margin on the second child; the hairline
   above the inner row is the only separation the design allows. */
.aster-footer > * { margin-block-start: 0; }

.aster-footer .aster-footer__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--60);
  width: 100%;
  max-width: var(--wp--custom--container);
  margin-inline: auto;
  padding-top: var(--wp--preset--spacing--80);
  padding-inline: var(--wp--custom--gutter);
  border-top: var(--wp--custom--line-hairline) solid var(--wp--preset--color--line-on-ink);
}
.aster-footer .aster-footer__inner > * { margin-block-start: 0; }

.aster-footer__brand {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  margin: 0;
  font-family: var(--wp--preset--font-family--display);
  font-size: var(--wp--preset--font-size--base);
  font-weight: var(--wp--custom--weight-semibold);
  line-height: var(--wp--custom--leading-relaxed);
  letter-spacing: var(--wp--custom--tracking-tight);
  color: var(--wp--preset--color--on-ink);
}
.aster-footer__brand .aster-wordmark__mark {
  width: 1.1em;
  height: 1.1em;
  flex: none;
  color: var(--wp--preset--color--accent-on-ink);
}

.aster-footer__line {
  margin: 0;
  font-size: var(--wp--preset--font-size--sm);
  line-height: var(--wp--custom--leading-relaxed);
  color: var(--wp--preset--color--on-ink-muted);
}

.aster-footer__legal {
  margin: 0;
  font-size: var(--wp--preset--font-size--xs);
  line-height: var(--wp--custom--leading-relaxed);
  color: var(--wp--preset--color--on-ink-muted);
}


/* -------------------------------------------------------------------------
   Phone — the three lines stack
   ------------------------------------------------------------------------- */
@media (max-width: 46rem) {
  .aster-footer .aster-footer__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--wp--preset--spacing--30);
  }
}