/* v16 — final mobile pass and a shorter, cleaner closing scene */

.footer{
  min-height:82vh;
  padding:105px 5vw 30px;
  background:linear-gradient(165deg,var(--red) 0 72%,var(--black) 72% 100%);
}
.footer-scene{z-index:1;overflow:hidden}
.footer-scene:before{width:470px;height:470px;left:-190px;top:-160px;opacity:.075}
.footer-scene:after{width:360px;height:360px;right:-130px;bottom:-150px;opacity:.28}
.footer-paper-a{width:34vw;height:48vh;left:-7vw;top:16%;transform:rotate(12deg)}
.footer-paper-b{width:28vw;height:42vh;right:-4vw;top:9%;transform:rotate(-10deg)}
.footer>.footer-note{
  position:absolute;
  z-index:8;
  left:4vw;
  right:auto;
  top:9%;
  display:inline-block;
  width:max-content;
  max-width:230px;
  align-self:auto;
  padding:14px 17px;
  background:var(--cream);
  color:var(--black);
  box-shadow:9px 9px 0 var(--black);
  font:clamp(14px,1.35vw,21px)/.95 var(--anton);
  letter-spacing:.05em;
  transform:rotate(-6deg);
  animation:noteFloat 4.7s ease-in-out infinite;
  pointer-events:none;
}
.footer>.script{font-size:clamp(52px,5.5vw,78px);margin-bottom:-14px}
.footer h2{max-width:1160px;font-size:clamp(64px,9.4vw,146px);margin-bottom:34px}
.footer .pill{padding-block:14px}
.footer-bottom{margin-top:70px}

@media(max-width:900px){
  .footer{min-height:82svh;padding-top:105px}
  .footer>.footer-note{left:22px;top:6%}
  .footer h2{font-size:15.5vw}
}

@media(max-width:560px){
  .footer{min-height:78svh;padding:92px 22px 24px;background:linear-gradient(165deg,var(--red) 0 76%,var(--black) 76% 100%)}
  .footer>.footer-note{left:13px;top:3%;max-width:155px;padding:9px 11px;font-size:11px;box-shadow:6px 6px 0 var(--black)}
  .footer-paper-a{width:60vw;height:42vh;left:-25vw;top:10%}.footer-paper-b{width:56vw;height:38vh;right:-25vw;top:4%}
  .footer>.script{font-size:48px;margin-bottom:-8px}
  .footer h2{font-size:15vw;margin-bottom:30px}
  .footer .pill{font-size:11px;padding:13px 16px}
  .footer-bottom{margin-top:52px;padding-top:18px}
}

@media(prefers-reduced-motion:reduce){.footer>.footer-note{animation:none}}