.footer-habitat{
  --footer-habitat-height:min(887px,53.5vw);
  --footer-habitat-gap:clamp(24px,4vw,56px);
  --footer-habitat-backdrop:transparent;
  --footer-habitat-overlap:clamp(20px,2.8vw,40px);
  --footer-habitat-blue-rise:var(--footer-habitat-overlap);
  position:relative;
  z-index:1;
  height:calc(var(--footer-habitat-height) + var(--footer-habitat-gap));
  width:100vw;
  margin-top:0;
  margin-left:calc(50% - 50vw);
  margin-bottom:calc(-1 * var(--footer-habitat-overlap));
  overflow:hidden;
  background:var(--footer-habitat-backdrop);
  pointer-events:none;
  isolation:isolate;
}

.footer-habitat::before{
  content:"";
  position:absolute;
  z-index:0;
  right:0;
  bottom:0;
  left:0;
  height:var(--footer-habitat-blue-rise);
  background:#03081a;
}

.footer-habitat__image{
  position:absolute;
  z-index:1;
  bottom:0;
  left:50%;
  display:block;
  width:min(1774px,110%);
  max-width:none;
  height:auto;
  transform:translateX(-50%);
  user-select:none;
  -webkit-user-drag:none;
}

/* The lower silhouette is shallower in these scenes, so the footer needs to
   sit slightly farther behind the transparent artwork. */
.footer-habitat--mountain-hike,
.footer-habitat--woodland-card-game{
  --footer-habitat-blue-rise:clamp(20px,3.8vw,55px);
}

.footer-habitat--forest-nap{
  --footer-habitat-blue-rise:clamp(20px,5.4vw,78px);
}

.footer-habitat--creature-dance{
  --footer-habitat-blue-rise:clamp(20px,5.2vw,75px);
}

.footer-habitat--creature-dance .footer-habitat__image{
  width:min(1774px,114%);
}

.footer-habitat--listening-room{
  --footer-habitat-blue-rise:clamp(48px,13.2vw,190px);
}

.footer-habitat--skydiving-valley{
  --footer-habitat-blue-rise:clamp(20px,5.9vw,85px);
}

.footer-habitat--wonderland-tea{
  --footer-habitat-blue-rise:clamp(20px,5.2vw,75px);
}

.footer-habitat+footer{
  position:relative;
  z-index:0;
  background:#03081a!important;
}

@media(min-width:1181px){
  .footer-habitat+footer{padding-top:48px!important;padding-bottom:12px!important}
  .footer-habitat+footer .copyright{margin-top:12px;padding-top:10px}
}

.footer-habitat-enabled .pigeon-cameo,
.footer-habitat-enabled .site-pigeon-cameo{
  transition:opacity .22s ease,filter .2s ease;
}

.footer-habitat-in-view .pigeon-cameo,
.footer-habitat-in-view .site-pigeon-cameo{
  opacity:0!important;
  pointer-events:none!important;
}

@media(max-width:560px){
  .footer-habitat{
    --footer-habitat-height:53.5vw;
    --footer-habitat-gap:12px;
    --footer-habitat-overlap:20px;
  }
  .footer-habitat__image{width:110%;height:auto}
  .footer-habitat+footer .cols{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .footer-habitat+footer .cols>div{min-width:0}
  .footer-habitat+footer .cols h4{
    margin:0 0 8px!important;
    line-height:1.35;
  }
  .footer-habitat+footer .cols a{
    display:block!important;
    padding:8px 0!important;
    font-size:.9rem;
    line-height:1.45;
    white-space:normal;
  }
  .footer-habitat+footer .base{
    margin-top:32px!important;
    padding-top:20px!important;
  }
}

@media print{
  .footer-habitat{display:none!important}
}