.m-finale{
  position:relative;
  background:var(--fx-k);color:var(--fx-w);
  overflow:hidden;
}


.m-finale__stage{
  position:relative;
  min-height:120vh;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  text-align:center;
  padding:14vh var(--fx-pad) 10vh;
}


.m-finale__ghosts{position:absolute;inset:0;pointer-events:none;}
.m-finale__ghost{
  position:absolute;width:12vw;min-width:90px;height:auto;
  opacity:.32; 
  will-change:transform;
}
.m-finale__ghost--1{left:8%;top:14%;}
.m-finale__ghost--2{right:7%;top:20%;width:16vw;}
.m-finale__ghost--3{left:14%;bottom:16%;width:10vw;}
.m-finale__ghost--4{right:16%;bottom:10%;width:14vw;}

.m-finale__kicker{margin-bottom:5vh;}

.m-finale__slogan{
  font-size:clamp(40px,7.2vw,128px);
  white-space:nowrap;
}
.m-finale__slogan .fx-char{will-change:transform,opacity;}

.m-finale__sign{margin-top:3.2vh;}


.m-finale__tbc{
  position:relative;
  margin-top:9vh;
  white-space:nowrap;
  line-height:1;
}
.m-finale__tbc-word{display:inline-block;}
.m-finale__tbc-char{
  display:inline-block;
  font-family:var(--fx-sans);font-weight:900;
  font-size:clamp(56px,9.5vw,160px);
  letter-spacing:.04em;line-height:1;
  will-change:transform,opacity;
}
.m-finale__dots{
  display:inline-block;margin-left:.35em;
  vertical-align:baseline;
}
.m-finale__dots i{
  display:inline-block;
  width:clamp(12px,1.3vw,20px);height:clamp(12px,1.3vw,20px);
  border-radius:50%;background:var(--fx-w);
  margin-left:clamp(10px,1vw,18px);
  opacity:0;
}
.m-finale__ball{
  position:absolute;left:0;top:0;
  width:clamp(12px,1.3vw,20px);height:clamp(12px,1.3vw,20px);
  border-radius:50%;background:var(--fx-r);   
  opacity:0;visibility:hidden;
  will-change:transform;
}


.m-finale__strip{
  position:relative;
  border-top:1px solid rgba(255,255,255,.16);
  display:flex;justify-content:space-between;align-items:center;
  gap:4vw;flex-wrap:wrap;
  padding:5vh var(--fx-pad) 6vh;
}
.m-finale__copy{opacity:.6;}
.m-finale__actions{display:flex;gap:14px;flex-wrap:wrap;}
.m-finale__btn{
  border:1px solid rgba(255,255,255,.4);background:none;color:var(--fx-w);
  padding:13px 22px;cursor:pointer;
  transition:background .25s var(--fx-ease),color .25s var(--fx-ease);
}
.m-finale__btn:hover,
.m-finale__btn[aria-pressed="true"]{background:var(--fx-w);color:var(--fx-k);}


.m-finale--static .m-finale__ghosts{display:none;}
.m-finale--static .m-finale__ball{display:none;}
.m-finale--static .m-finale__dots i{opacity:1;}

@media (max-width:720px){
  .m-finale__slogan{white-space:normal;}
  .m-finale__strip{justify-content:center;text-align:center;}
}