/* 12. Footer – Cinema ground */
.site-footer { padding-block: var(--space-9) var(--space-6); }
.site-footer__grid {
  display: grid; gap: var(--space-7);
  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr));
}
.site-footer__brand .brand { margin-bottom: var(--space-4); }
.site-footer__brand p { max-width: 32ch; }
.site-footer__title { margin-bottom: var(--space-4); }
.site-footer address { font-style: normal; }
.site-footer ul > li + li { margin-top: var(--space-2); }
.site-footer a { text-decoration: none; }
.site-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
.site-footer__grid a:not(.brand) { color: var(--ink); }

.site-footer__bottom {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-4);
  margin-top: var(--space-8);
  padding-top: var(--space-5);
  /* divider spans the content width, not the gutters */
  background: linear-gradient(var(--line), var(--line)) var(--gutter) 0 / calc(100% - 2 * var(--gutter)) var(--border-hairline) no-repeat;
}
.site-footer__bottom ul { display: flex; gap: var(--space-5); }
.site-footer__bottom ul > li + li { margin-top: 0; }

@media (max-width: 959px) {
  .site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .site-footer { padding-block: var(--space-8) var(--space-6); }
}