.site-footer {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 5rem;
  padding: 2rem clamp(1rem, 4vw, 3rem);
  background: var(--ink);
  color: white;
}

.site-footer p {
  max-width: 520px;
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
}

.home-footer-scene {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 0;
  padding: 8rem 1rem 2.4rem;
  background: var(--ink);
}

.footer-inner {
  position: relative;
  z-index: 1;
  display: flex;
  width: min(1120px, 100%);
  margin: 0 auto;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
}

.footer-inner strong {
  color: white;
  font-size: 1.45rem;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.footer-links a {
  border-radius: 999px;
  padding: 0.62rem 0.9rem;
  background: var(--sky);
  color: var(--ink);
  font-weight: 900;
  text-decoration: none;
}

.footer-hills {
  position: absolute;
  top: -70px;
  right: -8vw;
  left: -8vw;
  height: 170px;
  border-radius: 0 0 50% 50%;
  background: var(--mint);
}

.footer-cloud {
  top: 2.1rem;
  left: 9%;
  width: 80px;
  height: 28px;
}

.footer-house {
  position: absolute;
  top: 2.2rem;
  right: 14%;
  width: 70px;
  height: 54px;
  border-radius: 9px;
  background: white;
}

.footer-house::before {
  position: absolute;
  top: -25px;
  left: 11px;
  width: 48px;
  height: 48px;
  content: "";
  border-radius: 7px;
  background: var(--coral);
  transform: rotate(45deg);
}


.home-footer-scene { --ink:#21323a; --mint:#dff5ec; --sky:#d9eefb; --coral:#ff8a6b; font-family:Arial,sans-serif; line-height:1.6; }
.home-footer-scene * { box-sizing:border-box; }
.home-footer-scene .footer-links { flex-direction:row; }
.footer-cloud {position:absolute;pointer-events:none;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:34px 6px 0 rgba(223,245,236,.88),76px 0 0 rgba(255,255,255,.78);}
@media(max-width:650px){.footer-inner{display:grid}}