/* Shared end of the page: night skyline, one motto and the same small heart. */
.site-footer {
  display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:nowrap; gap:24px;
  width:100%; max-width:1500px; min-height:238px; margin:30px auto 0; padding:172px 4.5% 26px;
  border-top:1px solid #344049; position:relative;
  background:#0c0e11 url('/assets/skyline-footer.svg') center bottom / cover no-repeat;
  font:600 19px/1.4 var(--display); letter-spacing:.5px; text-align:left; text-transform:none;
}
.site-footer > .footer-motto {
  color:#d4dfdd; font:600 19px/1.4 var(--display); letter-spacing:.5px; text-transform:none;
  text-shadow:0 2px 7px #0c0e11,0 0 3px #0c0e11;
}
.site-footer > .footer-heart {
  flex:none; align-self:flex-end; margin:0; color:var(--rose); font:17px/1.4 var(--mono);
  letter-spacing:0; white-space:nowrap;
}
@media(max-width:760px) {
  .site-footer { min-height:224px; padding:155px 6% 24px; gap:14px; }
  .site-footer > .footer-motto { font-size:18px; }
}