/**
 * css/components/video-band.css — About page restyle (#68)
 *
 * Recolours the legacy `.banner-img-section`/`.holder-video`/[data-video]
 * bg-video mechanism (still driven by js/jquery.main.js BgVideo(), kept
 * unchanged) onto the 2.0 ink surface, with a hairline top/bottom rule
 * matching the system's other full-bleed bands (marquee.css). About-only
 * — an additive modifier class, never a rename of the legacy selectors
 * (js/jquery.main.js queries `.banner-img-section [data-video]`
 * specifically), so no other `.banner-img-section` caller (industry,
 * services, careers, events, work, download, team intros, etc.) is
 * affected.
 *
 * Tokens only — no raw hex, no @layer, no !important.
 */

.cg-video-band {
	position: relative;
	overflow: hidden;
	background: var( --surface-dark );
	border-block: var( --hairline ) solid var( --rule-on-dark );
}