/* Footer: letras que ascienden y forman el título al llegar al cierre.
   Todos los selectores están limitados al footer; no modifica otras secciones. */
.footer .footer-motion-title{
  /* El HTML define exactamente dos renglones: no dejar que la flexbox
     y la tipografía enorme partan «EXTINGA EL ARTE.» en un tercero. */
  flex:1 1 0;
  min-width:0;
  overflow:visible;
  text-wrap:nowrap;
  font-size:clamp(40px,6.5vw,128px);
  letter-spacing:-.02em;
}
.footer .footer-motion-title .footer-motion-line{
  display:block;
  color:var(--yellow);
  line-height:inherit;
  white-space:nowrap;
}
@media(max-width:780px){
  .footer .footer-motion-title{
    width:100%;
    font-size:clamp(29px,7.3vw,57px);
    letter-spacing:-.02em;
  }
}
.footer .footer-motion-title .footer-motion-accent{
  color:var(--sky);
}
.footer .footer-motion-title .footer-motion-word{
  display:inline-block;
  white-space:nowrap;
  color:inherit;
  vertical-align:baseline;
}
.footer .footer-motion-title .footer-motion-glyph-mask{
  display:inline-block;
  overflow:clip;
  padding:.12em .035em;
  margin:-.12em -.035em;
  vertical-align:baseline;
  color:inherit;
}
.footer .footer-motion-title .footer-motion-glyph{
  display:inline-block;
  color:inherit;
  will-change:auto;
}
@media(prefers-reduced-motion:reduce){
  .footer .footer-motion-title .footer-motion-glyph{
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
}