/* --------------------------------------------------------------------------
   Video demo block — reusable P&ID agent video section.
   -------------------------------------------------------------------------- */

.video-agent {
  padding: var(--spacing-80) 0;
  background: #fff;
}

.video-agent .ls-section__header {
  max-width: 900px;
  margin: 0 auto var(--spacing-40);
  text-align: center;
}

.video-agent__frame {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  background: #000;
  border: 1px solid #e2e4eb;
  overflow: hidden;
}

.video-agent__iframe {
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 0;
}

@media (max-width: 767px) {
  .video-agent .ls-section__header {
    text-align: left;
  }
}