.site-video.recruitment-video {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; width: 100%; aspect-ratio: 16/9; margin: 0; padding: 16px; box-sizing: border-box; overflow: hidden; background: #102343; color: #fff; text-align: center;}
.site-video.recruitment-video--portrait {aspect-ratio: 9/16; max-width: 360px; margin-inline: auto;}
.recruitment-video-pair {display: grid; grid-template-columns: repeat(2, minmax(0, 360px)); justify-content: center; gap: 32px; margin: 48px auto 0;}
.site-video.recruitment-video .video-thumbnail {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.site-video.recruitment-video .video-play-button {position: relative; z-index: 1; width: 68px; height: 48px; min-height: 48px; padding: 0; border: 0; border-radius: 12px; background: #f00; color: #fff; font-size: 0; cursor: pointer;}
.site-video.recruitment-video .video-play-button::before {content: ""; display: block; width: 0; height: 0; margin: auto; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 16px solid #fff;}
.site-video.recruitment-video .video-play-button:hover {background: #c00;}
.site-video.recruitment-video .video-play-button:focus-visible {outline: 3px solid #fff; outline-offset: 4px; box-shadow: 0 0 0 7px #003499;}
.site-video.recruitment-video .video-consent-note {position: relative; z-index: 1; margin: 0; padding: 10px; background: rgba(0,0,0,.8); color: #fff; font-size: 14px; line-height: 1.5;}
.site-video.recruitment-video iframe {position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}
.site-video.recruitment-video.video-playing .video-play-button, .site-video.recruitment-video.video-playing .video-consent-note, .site-video.recruitment-video.video-playing .video-thumbnail {display: none;}
@media (max-width: 767px) {.recruitment-video-pair {grid-template-columns: minmax(0, 360px);}}