/* Keiser NZ showroom TV: the visit welcome and the personalised close (visits.js).
   Same stage, tokens, type and motion as tv.css; written for Chromium 76 (no flex gap, no inset, no aspect-ratio). */

/* ——— shared: Keiser and the visitor's logo side by side ——— */
.s-welcome .wrap, .s-vclose .wrap {
  position: absolute; left: 160px; top: 0; width: 1600px; height: 1080px;
  display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column;
  -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center;
}
.s-welcome .lockup, .s-vclose .lockup { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.s-welcome .lockup .rule, .s-vclose .lockup .rule { display: block; width: 1px; background: rgba(242, 239, 237, 0.28); }
/* The visitor's logo. A logo that would vanish on black (dark ink, or its own background) sits on a
   plate in its own background colour; a light logo on transparency sits straight on the stage. */
.s-welcome .plate, .s-vclose .plate { border-radius: 20px; }
.s-welcome .plate img, .s-vclose .plate img { display: block; }
.s-welcome .plate.on { padding: 28px 40px; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45); }
.s-vclose .plate.on { padding: 18px 26px; border-radius: 12px; }

/* ——— welcome ——— */
.s-welcome .glow {
  position: absolute; left: 50%; top: 34%; width: 1800px; height: 1300px; margin: -650px 0 0 -900px; border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(209, 10, 44, 0.2) 0%, rgba(209, 10, 44, 0.07) 38%, rgba(209, 10, 44, 0) 66%);
}
/* an engine with its own glow layer (#glow) lights the welcome itself */
#glow ~ #scenes .s-welcome .glow { display: none; }
.s-welcome .lockup .k { width: 270px; height: auto; }
.s-welcome .lockup .rule { height: 110px; margin: 0 60px; }
.s-welcome .hello { margin-top: 90px; font-size: 44px; line-height: 1.3; font-weight: 400; color: var(--bone-2); }
.s-welcome .hello em { font-size: 1.24em; color: var(--bone); }
.s-welcome .org { margin-top: 22px; width: 1600px; font-size: 156px; }
.s-welcome .line { margin-top: 44px; max-width: 1240px; font-size: 38px; line-height: 1.34; color: var(--bone-2); }
.s-welcome .line:empty { display: none; }

/* ——— personalised close ——— */
.s-vclose .said { width: 1500px; font-size: 112px; }
.s-vclose .lockup { margin-top: 96px; }
.s-vclose .lockup .k { width: 230px; height: auto; }
.s-vclose .lockup .rule { height: 84px; margin: 0 48px; }
.s-vclose .nz { margin-top: 30px; font-size: 26px; line-height: 1.3; font-weight: 450; letter-spacing: 0.01em; color: var(--muted); }
.s-vclose .wp { position: absolute; left: 50%; bottom: 72px; width: 120px; margin-left: -60px; height: auto; opacity: 0.45; }