/* 4人の表情が見える間を取り、クーポンも同じ画面に置く。 */
.finale-video{display:none}
.finale-screen{position:relative}
.has-finale-video{position:relative;height:280svh}
.has-finale-video .finale-picture{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,3svh,36px);padding:88px 0 28px;aspect-ratio:auto}
.has-finale-video .finale-screen{flex:none;width:min(100%,calc((100svh - 240px) * 1.764706));aspect-ratio:30/17}
.has-finale-video .finale-friends,.has-finale-video .finale-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transform:none;filter:none;mix-blend-mode:normal}
.has-finale-video .finale-video{display:block;opacity:0;pointer-events:none}
.has-finale-video .video-ready:not(.reduced-video) .finale-video{opacity:1}
.has-finale-video .video-ready:not(.reduced-video) .finale-friends{opacity:0}
.has-finale-video .finale-invitation{flex:none;z-index:2;width:100%;padding:0 var(--space);background:transparent}
.has-finale-video .finale-greeting h2{font-size:clamp(28px,4.4vw,62px);margin-top:12px}
@media(max-width:760px){
  .has-finale-video .finale-screen{width:140%;max-width:none}
  .has-finale-video .finale-greeting h2{font-size:6.5vw;margin-top:9px}
  .has-finale-video .finale-greeting .eyebrow{font-size:9px}
  .has-finale-video .finale-invitation{padding:0 24px}
}
@media(max-height:600px) and (min-width:761px){
  .has-finale-video .finale-picture{padding-top:70px;padding-bottom:18px;gap:16px}
  .has-finale-video .finale-screen{width:min(100%,calc((100svh - 180px) * 1.764706))}
  .has-finale-video .finale-greeting h2{font-size:26px;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){
  .has-finale-video{height:auto}
  .has-finale-video .finale-picture{position:relative;height:auto;display:block;padding:0}
  .has-finale-video .finale-screen{width:100%;aspect-ratio:auto}
  .has-finale-video .finale-friends{position:relative;width:100%;height:auto}
  .has-finale-video .finale-invitation{padding:30px var(--space)}
  .has-finale-video .finale-video{display:none}
  .has-finale-video .video-ready .finale-friends{opacity:1}
}