/* PiP promo 9 · Kinetic type manifesto (9:16). Black, white and PiP green. */
:root { --page: #000; --accent: #9dc395; --k: #000; --w: #fff; --g: #9dc395; --gd: #2f6b4c; }
.stage { background: #000; font-family: "Anton", "Impact", sans-serif; text-transform: uppercase; }
.frames { position: absolute; inset: 0; }
.frame { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; visibility: hidden; }
.frame.k { background: var(--k); color: var(--w); }
.frame.w { background: var(--w); color: var(--k); }
.frame.g { background: var(--g); color: var(--k); }
.frame.gd { background: var(--gd); color: var(--w); }
.word { white-space: nowrap; line-height: .9; letter-spacing: .005em; font-size: 300px; }
.frame .small { position: absolute; left: 0; right: 0; top: 560px; text-align: center; font: 700 44px "Inter", sans-serif; text-transform: none; letter-spacing: 0; opacity: .7; }
.frame.lines { flex-direction: column; gap: 0; }

.stack { position: absolute; inset: 0; background: #000; color: #fff; display: flex; flex-direction: column; justify-content: center; padding: 0 70px; visibility: hidden; }
.sl { font-size: 230px; line-height: .92; white-space: nowrap; }
.sl:nth-child(2n) { color: var(--g); }
.sl.one { margin-top: 40px; font-size: 128px; color: #000; background: var(--g); padding: 18px 30px 8px; align-self: flex-start; }

#end { background: #000; color: #fff; }
.end-logo { position: absolute; left: 290px; top: 520px; width: 500px; height: 500px; }
.end-a { position: absolute; left: 60px; right: 60px; top: 1060px; text-align: center; font-size: 110px; line-height: .95; }
.cta { position: absolute; left: 140px; right: 140px; top: 1390px; height: 132px; display: flex; align-items: center; justify-content: center; background: var(--g); color: #000; text-decoration: none; font-size: 62px; }
.end-url { position: absolute; left: 0; right: 0; top: 1570px; text-align: center; font: 800 44px "Inter", sans-serif; text-transform: none; }
.flash { position: absolute; inset: 0; background: #fff; opacity: 0; pointer-events: none; }
