/* Video Production service page: poster-first films within the shared editorial system. */
.video-featured { padding-bottom: clamp(5rem, 10vw, 10rem); }
.video-featured-copy { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem clamp(1rem, 1.4vw, 1.25rem); align-items: end; margin-bottom: var(--space-6); }
.video-featured-copy > .site-eyebrow { grid-column: 1 / span 3; margin: 0; color: var(--color-text-muted); }
.video-featured-copy h2 { grid-column: 4 / span 6; margin: 0; font-size: var(--type-section-title); line-height: 1.05; }
.video-featured-copy > p:last-child { grid-column: 10 / -1; margin: 0; color: var(--color-text-muted); text-align: right; }
.video-featured-player { width: min(100%, 76rem); margin-inline: auto; }
.video-featured .case-study-video { width: 100%; }

.video-approach,
.video-deliverables { padding-block: clamp(5rem, 9vw, 9rem); }
.video-approach { background: var(--color-warm-white); }
.video-copy-grid,
.video-section-header { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem clamp(1rem, 1.4vw, 1.25rem); }
.video-copy-grid > .site-eyebrow,
.video-section-header > .site-eyebrow { grid-column: 1 / span 3; margin: .45rem 0 0; color: var(--color-text-muted); }
.video-copy-main { grid-column: 4 / span 5; }
.video-copy-main h2,
.video-section-header h2 { margin: 0; font-size: var(--type-section-title); line-height: 1.06; }
.video-copy-main > p { max-width: 38rem; margin: var(--space-5) 0 0; color: var(--color-text-muted); line-height: 1.7; }
.video-capability-list { grid-column: 10 / -1; margin: 0; padding: 0; list-style: none; border-top: var(--border-width) solid var(--color-border); }
.video-capability-list li { padding-block: var(--space-3); border-bottom: var(--border-width) solid var(--color-border); font-size: var(--type-small); }

.video-samples { padding-block: clamp(5rem, 9vw, 9rem); color: var(--color-text-inverse); background: var(--color-charcoal); }
.video-section-header { align-items: start; margin-bottom: clamp(3rem, 6vw, 5rem); }
.video-section-header > div { grid-column: 4 / span 7; }
.video-section-header > .site-eyebrow,
.video-section-header div > p { color: var(--color-text-inverse-muted); }
.video-section-header div > p { max-width: 42rem; margin: var(--space-4) 0 0; }
.video-sample-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(3rem, 6vw, 6rem) clamp(1rem, 1.4vw, 1.25rem); }
.video-sample-card:last-child { grid-column: 1 / -1; width: calc(50% - .625rem); margin-inline: auto; }
.video-sample-card .case-study-video { width: 100%; }
.video-sample-copy { padding-top: var(--space-4); }
.video-sample-copy > .site-eyebrow { margin: 0 0 .5rem; color: var(--color-text-inverse-muted); }
.video-sample-copy h3 { margin: 0; font-size: clamp(1.35rem, 2.2vw, 2rem); font-weight: var(--font-weight-body); }
.video-sample-copy h3 a { color: inherit; text-decoration: none; }
.video-sample-copy > p:last-child { display: flex; justify-content: space-between; gap: var(--space-4); margin: var(--space-3) 0 0; padding-top: var(--space-3); border-top: var(--border-width) solid var(--color-border-inverse); color: var(--color-text-inverse-muted); font-size: var(--type-small); }

.video-uses { padding-block: clamp(5rem, 9vw, 9rem); }
.video-section-header--light > .site-eyebrow { color: var(--color-text-muted); }
.video-use-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 5vw, 5rem); margin-left: 25%; }
.video-use-grid article { padding-top: var(--space-5); border-top: var(--border-width) solid var(--color-border); }
.video-use-grid .site-eyebrow { margin: 0 0 var(--space-5); color: var(--color-text-muted); }
.video-use-grid h3 { max-width: 17ch; margin: 0; font-size: var(--type-subsection-title); line-height: 1.1; }
.video-use-grid article > p:last-child { max-width: 34rem; margin: var(--space-4) 0 0; color: var(--color-text-muted); line-height: 1.7; }

@media (max-width: 767.98px) {
  .video-featured-copy,
  .video-copy-grid,
  .video-section-header { display: block; }
  .video-featured-copy > .site-eyebrow,
  .video-copy-grid > .site-eyebrow,
  .video-section-header > .site-eyebrow { margin: 0 0 var(--space-4); }
  .video-featured-copy > p:last-child { margin-top: var(--space-3); text-align: left; }
  .video-capability-list { margin-top: var(--space-7); }
  .video-sample-grid,
  .video-use-grid { grid-template-columns: 1fr; }
  .video-sample-card:last-child { grid-column: auto; width: auto; margin: 0; }
  .video-use-grid { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .video-production-page .case-study-video-trigger,
  .video-production-page .case-study-video-play { transition: none; }
}