/* Local project videos. Keep the existing horizontal project rail. */
.inf-video {
    --video-width: min(1000px, calc(100vw - 40px));
    height: calc(var(--video-width) * .5625 + 20px);
}
.inf-video .ob-block {
    width: var(--video-width);
    height: calc(var(--video-width) * .5625);
    overflow: hidden;
    border: 0;
    border-radius: 30px;
}
.inf-video .video-frame,
.inf-video .video-frame video,
.inf-video .video-poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.inf-video .video-frame { background: #111; border-radius: inherit; overflow: hidden; }
.inf-video .video-frame video { display: block; object-fit: contain; }
.inf-video .video-poster { display: block; object-fit: cover; user-select: none; }
.inf-video .video-frame [hidden] { display: none !important; }
.inf-video .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    place-items: center;
    width: 80px;
    height: 80px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #111;
    cursor: pointer;
    box-shadow: 0 4px 24px #0002;
}
.inf-video .video-play svg { width: 26px; height: 26px; margin-left: 4px; }
.inf-video .video-play:focus-visible { outline: 3px solid #111; outline-offset: 4px; }
.inf-video .video-error { position: absolute; bottom: 12px; left: 12px; right: 12px; margin: 0; padding: 8px 12px; border-radius: 10px; color: #111; background: #fff; font-size: 14px; white-space: normal; text-align: center; }
.inf-video .ob-last { display: inline-flex; width: 230px; align-items: center; justify-content: center; }
.inf-video noscript a { position: absolute; bottom: 16px; left: 16px; padding: 10px 16px; background: white; border-radius: 20px; }
@media (max-width: 1400px) { .inf-video { --video-width: min(800px, calc(100vw - 40px)); } }
@media (max-width: 1024px) { .inf-video { --video-width: min(600px, calc(100vw - 40px)); } }
@media (max-width: 760px) {
    .inf-video { --video-width: min(500px, calc(100vw - 40px)); }
    .inf-video .ob-block { border-radius: 20px; }
    .inf-video .ob-last { width: 200px; }
    .inf-video .video-play { width: 64px; height: 64px; }
    .inf-video .video-play svg { width: 22px; height: 22px; }
}