#site-footer {
  margin-top: 2rem;
  height: 240px;
  background-color: var(--color-orange);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;  /* ⬅ push content to bottom */
  padding-bottom: var(--gap-y);
}