/* Construction film: existing homepage coverage grid and worksite hero. */
.coverage-grid#service-videos .coverage-card-media { min-height: 0; }
@media (min-width: 1200px) {
  .coverage-grid#service-videos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .coverage-grid#service-videos .coverage-card-body { padding: 1.2rem; }
}
.construction-film { overflow: hidden; border: 1px solid #607082; border-radius: 18px; background: #101e2b; color: #f7f5ef; scroll-margin-top: 7rem; }
.construction-film video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #07111b; }
.construction-film-copy { padding: 1.25rem; }
body.page-rebrand .construction-film h2 { color: #fff !important; font-size: 1.55rem; margin: 0 0 .65rem; }
body.page-rebrand .construction-film p, body.page-rebrand .construction-film summary { color: #e0e6e9 !important; }
body.page-rebrand .construction-film .construction-film-kicker { color: #e6c67b !important; font-size: .8rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; margin: 0 0 .6rem; }
.construction-film details { border-top: 1px solid #607082; padding-top: .8rem; margin-top: 1rem; }
.construction-film summary { cursor: pointer; }
.construction-film details p { margin: .8rem 0 0; font-size: .95rem; }
.construction-film :focus-visible { outline: 3px solid #e6c67b; outline-offset: 3px; }