@charset "UTF-8";
/* ============================================================
   STOPKA — pas kontaktowy, znak firmowy z kolumnami, linia dolna.
   Przeniesione 1:1 z prototypu QTA (assets/css/footer.css).
   ============================================================ */
body .site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: var(--space-2xl) var(--space-l);
  background: var(--navy-950);
  color: var(--fg-invert-muted);
}
body .site-footer__watermark {
  position: absolute;
  right: -9rem;
  bottom: -11rem;
  z-index: -1;
  display: block;
  width: 34rem;
  height: 34rem;
  opacity: 0.035;
  pointer-events: none;
  background-color: var(--paper-100);
  -webkit-mask: var(--logo-src) center/contain no-repeat;
  mask: var(--logo-src) center/contain no-repeat;
}
body .site-footer__desk {
  display: grid;
  gap: var(--space-m);
  margin: 0 0 var(--space-2xl);
  padding-bottom: var(--space-l);
  border-bottom: 1px solid var(--line-invert);
}
@media (min-width: 48rem) {
  body .site-footer__desk {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }
  body .site-footer__field + .site-footer__field {
    margin-inline-start: var(--space-l);
    padding-inline-start: var(--space-l);
    border-inline-start: 1px solid var(--line-invert);
  }
}
body .site-footer__value {
  margin: var(--space-2xs) 0 0;
  overflow-wrap: anywhere;
  font-weight: 700;
  color: var(--paper-000);
}
body .site-footer__note {
  margin: var(--space-3xs) 0 0;
}
body .site-footer__grid {
  display: grid;
  gap: var(--space-2xl);
}
@media (min-width: 62rem) {
  body .site-footer__grid {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.6fr);
    gap: var(--space-3xl);
  }
}
body .site-footer__mark {
  width: 4.6rem;
  height: 4.6rem;
  background-color: var(--paper-100);
}
body .site-footer__claim {
  max-width: 34ch;
  margin-top: var(--space-m);
}
body .site-footer__brand .btn {
  margin-top: var(--space-m);
}
body .site-footer__cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: var(--space-l) var(--space-m);
}
body .site-footer__heading {
  margin-bottom: var(--space-s);
}
body .site-footer ul {
  display: grid;
  gap: var(--space-2xs);
  list-style: none;
  margin: 0;
  padding: 0;
}
body .site-footer a:not(.btn) {
  color: inherit;
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-out);
}
body .site-footer a:not(.btn):hover {
  color: var(--paper-000);
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
body {
  /* Pas miejscowości: drobniejszy i cichszy niż kolumny. Kolor to
     --fg-invert-subtle (#8fa6ba na #082238, kontrast 6,4:1), po najechaniu
     mosiądz, żeby odróżnić go od zwykłych odnośników stopki. Selektor
     z rodzicem przebija kolor z .micro. */
}
body .site-footer__local {
  margin-top: var(--space-xl);
  padding-top: var(--space-m);
  border-top: 1px solid var(--line-invert);
}
body .site-footer .site-footer__local-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs) var(--space-m);
  color: var(--fg-invert-subtle);
}
body .site-footer .site-footer__local-list a:not(.btn) {
  color: var(--fg-invert-subtle);
}
body .site-footer .site-footer__local-list a:not(.btn):hover {
  color: var(--brass-300);
}
body .site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-xs) var(--space-m);
  margin-top: var(--space-2xl);
  padding-top: var(--space-m);
  border-top: 1px solid var(--line-invert);
}