/* Only the two core VoriVideo demonstrations. HERO uses its own player. */
.vc-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px 12px 0 0;background:#171b21;isolation:isolate}
.vc-poster,.vc-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.vc-video{opacity:0}.vc-demo.is-ready .vc-video{opacity:1}
.vc-demo[data-vc-demo=clarity][data-vc-mode=before] .vc-video,.vc-demo[data-vc-demo=clarity][data-vc-mode=before] .vc-poster{filter:blur(2px)}
.vc-badge,.vc-current{position:absolute;z-index:1;padding:6px 10px;border:1px solid #ffffff30;background:#171b21e8;color:#fff;font-size:13px;font-weight:600;line-height:1.5;border-radius:6px;pointer-events:none}
.vc-badge{left:12px;top:12px}.vc-current{bottom:12px;left:12px;border-left:3px solid #ff963f}
.vc-status{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;color:#fff;background:#171b21ed;padding:8px 12px;font-size:13px;line-height:1.5;border-radius:6px}.vc-status:empty{display:none}
.vc-controls{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--soft);border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px}
.vc-controls button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:36px;min-height:44px;padding:6px;background:transparent;color:var(--text);font-size:13px;font-weight:600;flex-shrink:0;border-radius:6px}
.vc-controls button .icon{width:16px;height:16px}.vc-controls button:hover{background:var(--surface)}
.vc-seek{min-width:0;flex:1;accent-color:#ff7a2d;height:32px;cursor:pointer}
.vc-time{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
.vc-modes{display:flex;gap:8px;margin-top:14px}.vc-modes button{flex:1;min-height:44px;padding:9px 8px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--text);font-size:13px;line-height:1.5;font-weight:600}
.vc-modes button[aria-pressed=true]{border-color:var(--orange-strong);background:var(--orange-soft);color:var(--orange-strong)}
.vc-demo button:focus-visible,.vc-demo input:focus-visible{outline:3px solid var(--orange-strong);outline-offset:3px}
.vc-demo button:disabled{opacity:.45;cursor:default}
.vc-edit-map{margin-top:18px}.vc-map-label{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.5;color:var(--muted);margin-bottom:6px}.vc-map-label b{font-weight:600;color:var(--text);margin-left:4px}
.vc-source-track{position:relative;height:44px;border-radius:6px;background:linear-gradient(var(--line),var(--line)) center/100% 18px no-repeat;isolation:isolate}
.vc-source-track button{position:absolute;top:0;height:44px;background:transparent;color:var(--orange-strong);font-size:13px;font-weight:700;border-radius:4px;z-index:1}
.vc-source-track button:before{content:'';position:absolute;inset:10px 0;background:var(--orange-soft);border:1px solid var(--orange-strong);z-index:-1;border-radius:4px}
.vc-source-track button.is-active:before{background:#ff8e3c}.vc-source-track button.is-active{color:#251507}
.vc-source-cursor{position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--text);z-index:2;pointer-events:none}
.vc-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
.vc-moments button{padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--soft);min-width:0;text-align:left;overflow:hidden;color:var(--text)}
.vc-moments button[aria-pressed=true]{border-color:var(--orange-strong);box-shadow:inset 0 0 0 1px var(--orange-strong)}
.vc-moments img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:5px;display:block}
.vc-moments span{display:flex;align-items:baseline;gap:5px;padding:6px 3px;font-size:13px;line-height:1.5;font-weight:500}.vc-moments b{font-size:13px;color:var(--orange-strong)}
.vc-hint{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 4px 0;text-align:center}
.vc-demo .enhance-caption{padding-top:18px}.vc-demo .enhance-evidence{margin-top:12px}
@media(max-width:600px){.vc-badge,.vc-current{font-size:13px;padding:5px 7px}.vc-badge{top:8px;left:8px}.vc-current{bottom:8px;left:8px}.vc-controls{gap:3px;padding:4px}.vc-controls button{min-width:32px}.vc-controls button[data-vc-play] span{display:none}.vc-time{font-size:13px}.vc-modes button{font-size:13px}.vc-moments{gap:6px}.vc-moments span{font-size:13px;gap:3px;flex-wrap:wrap}.vc-demo[data-vc-demo=clarity][data-vc-mode=before] .vc-video,.vc-demo[data-vc-demo=clarity][data-vc-mode=before] .vc-poster{filter:blur(1.2px)}}
