/* Video phase 1: all new presentation is contained in these two components. */
.brd-video-module { margin-block: 72px; min-width: 0; }
.brd-video-module[hidden] { display: none; }
.brd-video-module .brd-video-heading {
    position: relative; width: fit-content; max-width: 100%; margin: 0 0 40px;
    font-family: var(--gh-font-heading, var(--font-sans)); font-size: 2.4rem;
    font-weight: 700; line-height: 1.2; letter-spacing: -.01em; text-transform: uppercase;
}
.brd-video-module .brd-video-heading::after {
    content: ""; position: absolute; inset-inline: 0; bottom: -7px; height: 7px;
    pointer-events: none; background-color: #C62828;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='7' viewBox='0 0 180 7' preserveAspectRatio='none'%3E%3Cpath d='M1 4.8 Q45 1.8 90 3.4 T179 3.8' fill='none' stroke='%23C62828' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 7px no-repeat;
}
.brd-video-module .brd-video-panel { min-width: 0; overflow: hidden; background: #101113; }
.brd-video-module .brd-video-track { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; padding: 28px; }
.brd-video-module .brd-video-card { position: relative; display: block; min-width: 0; aspect-ratio: 9 / 16; overflow: hidden; background: #191a1b; color: #fff; text-decoration: none; scroll-snap-align: start; }
.brd-video-module .brd-video-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,0,0,.94),rgba(0,0,0,.12) 65%,transparent); pointer-events: none; }
.brd-video-module .brd-video-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.brd-video-module .brd-video-play { position: absolute; z-index: 1; top: 50%; left: 50%; width: clamp(44px,4.5vw,68px); transform: translate(-50%,-50%); }
.brd-video-module .brd-video-play svg { display: block; width: 100%; height: auto; }
.brd-video-module .brd-video-play circle { fill: rgba(0,0,0,.2); stroke: #fff; stroke-width: 2; }
.brd-video-module .brd-video-play path { fill: #fff; }
.brd-video-module .brd-video-title { position: absolute; z-index: 1; right: 16px; bottom: 18px; left: 16px; margin: 0; font-family: var(--gh-font-heading,var(--font-sans)); font-size: clamp(1.8rem,1.8vw,2.4rem); font-weight: 700; line-height: 1.2; color: #fff; overflow-wrap: anywhere; }
.brd-video-module .brd-video-card:focus-visible { outline: 3px solid #C62828; outline-offset: -3px; }
.brd-video-article { padding-block: 48px 64px; min-height: 65vh; background: #101113; color: #fff; }
.brd-video-article .brd-video-player { position: relative; width: min(100%,1100px,calc(78vh * var(--brd-video-ratio,1.77777778))); aspect-ratio: var(--brd-video-ratio,1.77777778); margin: 0 auto 36px; background: #000; }
@supports (height: 1svh) { .brd-video-article .brd-video-player { width: min(100%,1100px,calc(78svh * var(--brd-video-ratio,1.77777778))); } }
.brd-video-article .brd-video-player[hidden] { display: none; }
.brd-video-article .brd-video-player > *,
.brd-video-article .brd-video-player .kg-video-container,
.brd-video-article .brd-video-player .fluid-width-video-wrapper { width: 100%; height: 100%; margin: 0; padding: 0 !important; }
.brd-video-article .brd-video-player video,
.brd-video-article .brd-video-player iframe { display: block; position: absolute; inset: 0; width: 100%; height: 100%; max-width: 100%; border: 0; object-fit: contain; }
.brd-video-article .brd-video-player .kg-video-overlay,
.brd-video-article .brd-video-player .kg-video-large-play-icon,
.brd-video-article .brd-video-player .kg-video-player-container { display: none !important; }
.brd-video-article .brd-video-article-header { max-width: 800px; margin: 0 auto; text-align: center; }
.brd-video-article .brd-video-article-title { margin: 0; color: #fff; font-family: var(--gh-font-heading,var(--font-sans)); font-size: clamp(3rem,4vw,5.2rem); line-height: 1.12; }
.brd-video-article .brd-video-article-excerpt { margin: 20px 0 0; font-size: 2rem; line-height: 1.5; color: #ddd; }
.brd-video-article .brd-video-meta { margin-top: 24px; color: #b8b8b8; font-size: 1.3rem; line-height: 1.6; }
.brd-video-article .brd-video-meta a { color: inherit; }
.brd-video-article .brd-video-body { margin: 36px auto 0; max-width: 800px; color: #eee; }
.brd-video-article .brd-video-body :is(h1,h2,h3,h4,a) { color: inherit; }
.brd-video-article .brd-video-body[hidden] { display: none; }
@media (max-width: 767px) {
    .brd-video-module { margin-block: 48px; }
    .brd-video-module .brd-video-track { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 82%; gap: 16px; padding: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; overscroll-behavior-x: contain; scrollbar-width: thin; }
    .brd-video-module .brd-video-play { width: 58px; }
    .brd-video-module .brd-video-title { font-size: 2rem; }
    .brd-video-article { padding-block: 28px 48px; }
}