/* Shared manual-playback frames for the Services page and industry galleries. */
.e-list li video.service-video-native{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05);border:0;pointer-events:none;opacity:0;transition:opacity .15s ease}
.e-list .video-progress{--buffered:0%;background:rgba(18,18,18,.35);opacity:1}
.e-list .video-progress::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--buffered);background:rgba(241,241,241,.55);pointer-events:none}
.service-page main .industry-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:30px 0 0;list-style:none}
.service-page main .industry-video-grid>li{position:relative;overflow:hidden;aspect-ratio:16/9;padding:0;border:1px solid #393939;border-radius:8px;background:#0d0d0d}
@media(max-width:800px){.service-page main .industry-video-grid{grid-template-columns:1fr;gap:10px}}

/* Dedicated industry pages use full-width, single-column video frames. */
.service-page main .industry-gallery .industry-full-gallery{grid-template-columns:minmax(0,1fr);width:100%;}
.service-page main .industry-gallery .industry-full-gallery>li{width:100%;max-width:none;}
.service-page main .industry-gallery .service-video-fullscreen{position:absolute;top:12px;right:12px;z-index:10;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(241,241,241,.65);border-radius:50%;background:rgba(18,18,18,.72);color:#f1f1f1;font:500 24px/1 sans-serif;cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease;}
.service-page main .industry-gallery .service-video-fullscreen[hidden]{display:none;}
.service-page main .industry-gallery .has-video-frame .service-video-fullscreen{opacity:1;}
.service-page main .industry-gallery .service-video-fullscreen:hover{background:#ff5555;color:#121212;}
.service-page main .industry-gallery .service-video-fullscreen:focus-visible{opacity:1;outline:2px solid #ff5555;outline-offset:4px;}
.service-page main .industry-gallery .service-video-status.is-visible{position:absolute!important;inset:auto 12px 18px!important;z-index:11;width:auto;height:auto;margin:0;padding:9px 12px;overflow:visible;clip:auto;clip-path:none;border:1px solid rgba(241,241,241,.3);border-radius:3px;background:rgba(18,18,18,.9);color:#f1f1f1;font:500 12px/1.35 "IBM Plex Mono",monospace;white-space:normal;}

/* Fullscreen stays on the card so the custom pause, progress, and exit controls remain available. */
.service-page main .industry-gallery .industry-full-gallery>li:fullscreen{width:100vw;height:100vh;max-width:none;aspect-ratio:auto;overflow:hidden;border:0;border-radius:0;background:#121212}
.service-page main .industry-gallery .industry-full-gallery>li:fullscreen iframe{transform:none!important;pointer-events:auto!important}
.service-page main .industry-gallery .industry-full-gallery>li:fullscreen video.service-video-native{transform:none;object-fit:contain;pointer-events:auto}
.service-page main .industry-gallery .service-video-fullscreen.is-fullscreen{background:#ff5555;color:#121212;opacity:1}
.service-page main .industry-gallery .industry-full-gallery>li:fullscreen:not(.fullscreen-controls-visible) .service-video-fullscreen{opacity:0;pointer-events:none}
.service-page main .industry-gallery .industry-full-gallery>li:fullscreen.fullscreen-controls-visible .service-video-fullscreen{opacity:1;pointer-events:auto}
.service-page main .industry-gallery .industry-full-gallery>li:fullscreen .service-video-fullscreen:hover,
.service-page main .industry-gallery .industry-full-gallery>li:fullscreen .service-video-fullscreen:focus-visible{opacity:1;pointer-events:auto}
