/* Honk Party promo intro (js/promo.js), honkparty.com first visit only */
#promo { position: fixed; inset: 0; z-index: 210; display: grid; place-items: center; background: #07080a; overflow: hidden; transition: opacity .55s var(--ease, ease); }
#promo.out { opacity: 0; pointer-events: none; }
html.promo body { overflow: hidden; }
html.promo .goose { visibility: hidden; }
#promo video { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (min-aspect-ratio: 16/9) { #promo video { object-fit: contain; } }
#promo .pr-word { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 14px; text-align: center; pointer-events: none;
  font-family: var(--display); font-weight: 700; font-size: clamp(54px, 13vw, 132px); letter-spacing: -0.04em; line-height: .9; color: #fff;
  background: radial-gradient(60% 50% at 50% 50%, rgba(7, 8, 10, .55), rgba(7, 8, 10, .1) 70%); opacity: 0; transform: scale(.9); transition: opacity .45s, transform .6s var(--spring, ease); text-shadow: 0 6px 30px rgba(0, 0, 0, .6); }
#promo .pr-word b { color: var(--accent); font-weight: 800; }
#promo .pr-word small { font-family: var(--text-font, inherit); font-size: clamp(13px, 2.4vw, 19px); font-weight: 600; letter-spacing: .28em; text-transform: uppercase; color: #fff1d6; }
#promo.word .pr-word { opacity: 1; transform: none; }
#promo button { position: absolute; bottom: calc(22px + var(--safe-b, 0px)); height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .25); background: rgba(10, 11, 13, .6); color: #fff; font: 600 14px/1 inherit; backdrop-filter: blur(6px); cursor: pointer; }
#promo .pr-skip { right: calc(22px + var(--safe-r, 0px)); }
#promo .pr-sound { left: calc(22px + var(--safe-l, 0px)); }