/* The exported video background already contains the diagonal white/grey composition. */
.video-section {
  display: grid;
  grid-template-columns: 60% 40%;
  min-height: min(52.083vw, 1000px);
  background: url("../../开发打包/切图/01-首页/07-视频背景.jpg") center / 100% 100% no-repeat;
  color: #000;
}

.video-art {
  width: 86%;
  min-height: 0;
  aspect-ratio: 16 / 9;
  align-self: center;
  justify-self: start;
  margin-left: 4%;
  background: #000;
}

.video-art .play-button {
  width: clamp(4.6rem, 7.4vw, 8.9rem);
  height: clamp(4.6rem, 7.4vw, 8.9rem);
  background: #ff1b12;
  font-size: clamp(1.2rem, 2.1vw, 2.5rem);
}

.video-copy {
  align-self: center;
  padding: 0 9% 0 3%;
  color: #000;
}

.video-copy p.video-description {
  max-width: 649px;
  margin: 0;
  color: #000;
  font-family: Arial, sans-serif;
  font-size: clamp(1rem, 1.7vw, 2.05rem);
  font-weight: 400;
  line-height: 1.43;
}

.video-copy .video-description strong { font-weight: 900; }

@media (max-width: 800px) {
  .video-section { grid-template-columns: 1fr; min-height: 0; background-size: cover; }
  .video-art { width: calc(100% - 2rem); margin: 2rem 1rem; }
  .video-copy { padding: 1rem 1.5rem 3rem; }
  .video-copy .video-description { font-size: 1rem; }
}