@media (max-width: 639px) {
  .footer__logo { margin-inline: auto; }

  .footer__cols > .footer__col:nth-child(2),
  .footer__cols > .footer__col:nth-child(3) { display: none; }

  .footer__h,
  .footer__company { text-align: center; }

  .footer__contact > div { justify-content: center; }

  .footer__social { justify-content: center; }

  .footer__bottom { flex-direction: column; }
  .footer__legal { justify-content: center; }
}

@media (max-width: 1023px) {
  .mural-gallery__grid,
  .gallery__grid,
  .contact__grid { column-gap: 0; }
}

.page-intro + .faq--page { padding-top: clamp(5rem, 12vw, 11.875rem); }

.notfound {
  background: #fff;
  text-align: center;
  padding-top: clamp(2.75rem, 6vw, 4.5rem);
  padding-bottom: clamp(4.5rem, 9vw, 7.5rem);
}
.notfound__inner { margin-inline: auto; max-width: 42rem; }
.notfound__code {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1;
  color: var(--color-accent);
  font-size: clamp(4.5rem, 12vw, 8rem);
  letter-spacing: -0.03em;
}
.notfound__title {
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--color-ink);
  font-size: var(--text-section-title);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin-top: 0.75rem;
  text-wrap: balance;
}
.notfound__lead {
  color: var(--color-body);
  font-size: clamp(1.0625rem, 1.4vw, 1.1875rem);
  line-height: 1.6;
  margin-top: 1rem;
  margin-inline: auto;
  max-width: 38rem;
}
.notfound__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
}
.notfound__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 1.5rem;
  margin-top: 2.75rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-sand-line);
}
.notfound__links-label {
  display: block;
  width: 100%;
  font-size: var(--text-13);
  text-transform: uppercase;
  letter-spacing: var(--tracking-12, 0.12em);
  color: var(--color-muted-2);
  margin-bottom: 0.75rem;
}
.notfound__link {
  font-size: var(--text-15);
  font-weight: 500;
  color: var(--color-ink);
  text-decoration: none;
  transition: color .25s var(--ease-out-soft);
}
.notfound__link:hover { color: var(--color-accent); }