/* Shared entrance CTA for the full and short journeys. */
.video-journey[data-stop="0"] .entrance-actions{
  position:fixed;left:50%;bottom:clamp(24px,5dvh,58px);z-index:8;
  transform:translateX(-50%);width:min(420px,calc(100vw - 32px));
  margin:0;padding:16px 18px 14px;max-width:none;text-align:center;
  border:1px solid rgba(255,255,255,.7);border-radius:14px;
  background:rgba(8,25,29,.94);box-shadow:0 12px 42px rgba(0,0,0,.48);
  backdrop-filter:blur(12px)
}
.video-journey[data-stop="0"] .entrance-start{color:#fff;font-weight:700;font-size:13px}
.video-journey[data-stop="0"] #knock{
  width:100%;justify-content:center;gap:20px;min-height:72px;
  font-size:clamp(20px,2vw,25px);font-weight:800;
  background:var(--rose);border:2px solid #fff;
  box-shadow:0 0 0 6px rgba(179,43,92,.55),0 0 30px rgba(179,43,92,.5);
  animation:knock-beacon 2.8s ease-in-out infinite
}
.video-journey[data-stop="0"] #knock:hover{background:var(--marine);box-shadow:0 0 0 7px rgba(81,190,191,.45),0 0 34px rgba(81,190,191,.4);animation:none}
.video-journey[data-stop="0"] #knock:focus-visible{animation:none;outline:4px solid var(--teal-hi);outline-offset:8px}
.video-journey[data-stop="0"] #entrance-help{color:#fff;font-size:13px}
@keyframes knock-beacon{50%{box-shadow:0 0 0 11px rgba(179,43,92,.28),0 0 38px rgba(179,43,92,.7)}}
@media(max-width:820px){
  .video-journey[data-stop="0"] .pnl[data-i="0"]{top:92px!important;bottom:auto!important;max-width:calc(100% - 40px)}
  .video-journey[data-stop="0"] .entrance-actions{bottom:clamp(18px,4dvh,42px);gap:8px;padding:13px 16px 12px}
  .video-journey[data-stop="0"] #knock{min-height:62px;font-size:21px}
}
@media(max-height:650px){
  .video-journey[data-stop="0"] .entrance-actions{bottom:14px;padding:9px 12px;gap:5px}
  .video-journey[data-stop="0"] #knock{min-height:52px;padding:9px 16px;font-size:19px}
  .video-journey[data-stop="0"] #entrance-help{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.video-journey[data-stop="0"] #knock{animation:none}}
