/* Portrait infographic films share the framing of the NUX film. */
.nv-service-video { margin:0 auto; width:83%; }
.nv-service-video__frame { padding:16px; border:2px solid var(--green-400, #4dd08b); border-radius:0; background:transparent; box-shadow:none; }
.nv-service-video video { display:block; width:100%; aspect-ratio:53/66; object-fit:contain; background:#f7f9f8; }
.nv-service-video__caption { padding:12px 0 0; color:#004672; font-size:12px; }
.video-wrap--nux { box-shadow:none; }
.video-wrap--nux video { filter:none; }
@media(max-width:1024px) { .nv-service-video { width:80%; max-width:540px; } }
@media(max-width:768px) { .nv-service-video { width:90%; } .nv-service-video__frame { padding:12px; } }
#cyfrowa .section__title,#automatyka .section__title,#cyfrowa .card h3,#automatyka .card h3 { color:#004672; }
#cyfrowa .section__split:not(.section__split--no-media) .card,#automatyka .section__split:not(.section__split--no-media) .card { display:grid; grid-template-columns:40px minmax(0,1fr); gap:4px 16px; padding:18px 20px; }
#cyfrowa .section__split:not(.section__split--no-media) .card__icon,#automatyka .section__split:not(.section__split--no-media) .card__icon { grid-column:1; grid-row:1/3; width:40px; height:40px; }
#cyfrowa .section__split:not(.section__split--no-media) .card h3,#cyfrowa .section__split:not(.section__split--no-media) .card p,#automatyka .section__split:not(.section__split--no-media) .card h3,#automatyka .section__split:not(.section__split--no-media) .card p { grid-column:2; }

/* Keep the illustration visible while playback is preparing or unavailable. */
.nv-service-video__frame { position:relative; }
.nv-service-video .nv-service-video__poster { position:absolute; inset:16px; width:calc(100% - 32px); height:calc(100% - 32px); object-fit:contain; }
.nv-service-video video { position:relative; opacity:0; }
.nv-service-video.has-frame video { opacity:1; }
@media(max-width:768px) { .nv-service-video .nv-service-video__poster { inset:12px; width:calc(100% - 24px); height:calc(100% - 24px); } }

/* Override the shared illustration drop-shadow on animation posters. */
.nv-service-video, .nv-service-video__frame,
.nv-service-video video, .nv-service-video .nv-service-video__poster,
.video-wrap--nux, .video-wrap--nux video { box-shadow:none; filter:none; }

.nv-service-video .nv-service-video__poster { max-width:none; margin:0; border-radius:0; }
