body[data-page="factory"] .video-section {
  position: relative;
  grid-template-columns: minmax(240px, 0.68fr) minmax(0, 1.32fr);
  gap: clamp(34px, 5vw, 78px);
  overflow: hidden;
  border-top: 1px solid color-mix(in srgb, var(--green) 12%, var(--border));
  border-bottom: 1px solid color-mix(in srgb, var(--green) 12%, var(--border));
  background: linear-gradient(
    132deg,
    color-mix(in srgb, var(--green-soft) 72%, var(--surface)) 0%,
    var(--surface) 54%,
    color-mix(in srgb, var(--panel) 68%, var(--canvas)) 100%
  );
}

body[data-page="factory"] .video-section .section-intro {
  max-width: 460px;
  padding-left: clamp(0px, 1.5vw, 22px);
}

body[data-page="factory"] .video-section h2 {
  max-width: 12ch;
  color: var(--navy);
}

body[data-page="factory"] .video-section p {
  max-width: 38ch;
  color: var(--muted);
  font-size: 17px;
}

body[data-page="factory"] .video-section video {
  width: 100%;
  min-height: 0;
  max-height: none;
  aspect-ratio: 16 / 9;
  border: 1px solid color-mix(in srgb, var(--green) 22%, var(--border));
  border-radius: var(--radius-card);
  background: var(--navy);
  box-shadow: 0 26px 68px rgba(8, 48, 34, 0.16);
  object-fit: cover;
}

@media (max-width: 1180px) {
  body[data-page="factory"] .video-section {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  body[data-page="factory"] .video-section .section-intro {
    max-width: 680px;
    padding-left: 0;
  }

  body[data-page="factory"] .video-section h2 {
    max-width: 18ch;
  }
}

@media (max-width: 680px) {
  body[data-page="factory"] .video-section {
    gap: 24px;
  }

  body[data-page="factory"] .video-section p {
    font-size: 16px;
  }
}

@media (prefers-color-scheme: dark) {
  body[data-page="factory"] .video-section {
    background: linear-gradient(
      132deg,
      color-mix(in srgb, var(--green-soft) 52%, var(--surface)) 0%,
      var(--surface) 58%,
      color-mix(in srgb, var(--panel) 76%, var(--canvas)) 100%
    );
  }

  body[data-page="factory"] .video-section video {
    box-shadow: 0 26px 68px rgba(3, 14, 11, 0.4);
  }
}