/* Intro video for any design except Peškir (uvodvideo.js): full screen, a tap plays it, then the invitation fades in */
.v-uvod{position:fixed;inset:0;z-index:55;overflow:hidden;cursor:pointer;background:#14110d center/cover no-repeat}
.v-uvod::before{content:"";position:absolute;inset:-40px;background:inherit;filter:blur(28px) brightness(.8)}
.v-uvod:focus-visible{outline:3px solid #d8ad52;outline-offset:-6px}
.v-uvod-zum{position:absolute;inset:0}
.v-uvod video,.v-uvod-kraj{position:absolute;inset:0;width:100%;height:100%}
.v-uvod video{object-fit:cover}
.v-uvod-kraj{background:center/cover no-repeat;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
@media (min-aspect-ratio:3/4){.v-uvod video{object-fit:contain}.v-uvod-kraj{background-size:contain}}
.v-uvod.rezerva .v-uvod-kraj{opacity:1}
.v-uvod-hint{position:absolute;left:50%;bottom:calc(9% + env(safe-area-inset-bottom,0px));transform:translateX(-50%);margin:0;white-space:nowrap;
  font-family:var(--f-body);font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5);
  padding:11px 22px;border:1px solid rgba(255,255,255,.6);border-radius:99px;background:rgba(20,16,10,.28);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
  animation:v-mami 2.2s ease-in-out infinite}
.v-uvod.krenulo .v-uvod-hint{opacity:0;transition:opacity .35s;animation:none}
@keyframes v-mami{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}50%{box-shadow:0 0 0 9px rgba(255,255,255,0)}}
