.hero-logo-stage.has-video-fallback { perspective:none; }
.hero-logo-stage.has-video-fallback:not(.has-video-alpha) { background:var(--bg,#050505); -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent); -webkit-mask-composite:source-in; mask-composite:intersect; }
.hero-logo-stage.has-video-fallback:not(.has-video-alpha) .motion-fallback-video { mix-blend-mode:screen; }
html.light .hero-logo-stage.has-video-fallback:not(.has-video-alpha) .motion-fallback-video { mix-blend-mode:multiply; }
.hero-video-fallback { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; }
.hero-video-fallback .motion-fallback-video { width:100%; height:100%; object-fit:contain; opacity:0; }
.hero-video-fallback.is-playing .motion-fallback-video { opacity:1; }

.motion-fallback-action { position:absolute; left:50%; bottom:14px; transform:translateX(-50%); min-height:44px; max-width:calc(100% - 24px); padding:10px 20px; border:1px solid #9580ee; border-radius:999px; background:#171329; color:#fff; font:inherit; cursor:pointer; pointer-events:auto; z-index:5; }
.motion-fallback-status { position:absolute; left:12px; right:12px; bottom:64px; margin:0; padding:8px; border-radius:8px; background:#171329; color:#fff; text-align:center; font-size:.85rem; }
.motion-fallback-action[hidden],.motion-fallback-status[hidden] { display:none; }
.lab-video-fallback { position:fixed; inset:0; z-index:10000; display:flex; flex-direction:column; background:#050505; color:#f4f2ec; }
.lab-video-fallback .motion-fallback-video { display:block; width:100%; min-height:0; flex:1; object-fit:contain; }
.lab-video-options { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; padding:12px; border-top:1px solid #363044; background:#0e0b17; }
.lab-video-options button { min-height:44px; padding:10px; border:1px solid #423756; border-radius:10px; background:transparent; color:inherit; font:inherit; font-size:.85rem; cursor:pointer; }
.lab-video-options button[aria-pressed="true"] { background:linear-gradient(120deg,#217baf55,#6b38b466); border-color:#9b7aff; }
.lab-video-fallback .motion-fallback-action { bottom:120px; }
.lab-video-fallback .motion-fallback-status { bottom:174px; }
.motion-fallback-action:focus-visible,.lab-video-options button:focus-visible { outline:3px solid #b69aff; outline-offset:2px; }
@media(max-width:720px) { .lab-video-options { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding:8px; }.lab-video-options button { font-size:.72rem; padding:8px 5px; } .lab-video-fallback .motion-fallback-action { bottom:150px; }.lab-video-fallback .motion-fallback-status { bottom:204px; } }
