/* =====================================================================
   ПОДВАЛ — огромный контурный логотип, буквы загораются под курсором
   ===================================================================== */
.footer {
  position: relative; overflow: hidden;
  padding: clamp(40px, 6vw, 80px) var(--pad-r) calc(28px + env(safe-area-inset-bottom, 0px)) var(--pad-l);
  border-top: 1px solid var(--line);
}
.footer__mark {
  display: flex; justify-content: space-between; user-select: none;
  font-family: var(--f-display); font-weight: 900; font-size: clamp(44px, 15.2vw, 290px); line-height: .85; letter-spacing: -.03em;
}
.footer__mark span { color: transparent; -webkit-text-stroke: 1.5px var(--line); transition: color .5s var(--ease-out), -webkit-text-stroke-color .5s, transform .6s var(--ease-out); }
.footer__mark span:nth-child(5n+1) { --c: var(--lime); }
.footer__mark span:nth-child(5n+2) { --c: var(--violet); }
.footer__mark span:nth-child(5n+3) { --c: var(--cyan); }
.footer__mark span:nth-child(5n+4) { --c: var(--coral); }
.footer__mark span:nth-child(5n+5) { --c: var(--amber); }
.footer__mark span.lit { color: var(--c); -webkit-text-stroke-color: var(--c); transform: translateY(-6%); }

.footer__row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px 28px; margin-top: clamp(28px, 4vw, 48px); font-size: 14px; color: var(--muted); }
.footer__row a:hover { color: var(--ink); }