/* Keep the page entry compact; expand the video only after a click. */
.home-page .movie {padding-block:40px 16px;text-align:left}
.home-page .service-video-card {display:flex;align-items:center;justify-content:center;gap:32px;width:min(760px,100%);margin-inline:auto;padding:16px;background:#fff;border:1px solid #d8deea;border-radius:16px;text-align:left;transition:border-color .2s,box-shadow .2s}
.home-page .service-video-card:hover {border-color:var(--blue);box-shadow:0 6px 20px #243b7910}
.home-page .service-video-card:focus-visible {outline:3px solid var(--blue);outline-offset:5px}
.home-page .service-video-preview {position:relative;display:block;flex:0 0 240px;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#0c28ad}
.home-page .service-video-preview img {width:100%;height:100%;object-fit:cover}
.home-page .service-video-copy {display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.home-page .service-video-title {font-size:24px;font-weight:600;line-height:1.5;letter-spacing:.02em}
.home-page .service-video-action {display:inline-flex;align-items:center;gap:10px;min-height:32px;color:#3444d6;font-size:16px;font-weight:600;line-height:1.5;text-decoration:underline;text-underline-offset:5px}
.home-page .service-video-action-icon {display:grid;place-items:center;width:28px;height:28px;padding-left:2px;border-radius:50%;background:#3444d6;color:#fff;font-size:12px;line-height:1;text-decoration:none}
.home-page .service-video-dialog {width:min(960px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:16px;border-radius:16px;background:#fff}
.home-page .service-video-dialog-header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.home-page .service-video-dialog h2 {margin:0;font-size:20px;line-height:1.5;font-weight:600}
.home-page .service-video-dialog .dialog-close {position:static;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#eef1f8;color:#2b3548;line-height:1}
.home-page .service-video-player {width:100%;aspect-ratio:16/9;background:#111827}
.home-page .service-video-player iframe {display:block;width:100%;height:100%;border:0}
.home-page .service-video-external {display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#3444d6;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px) {
 .home-page .movie {padding-block:28px 8px}
 .home-page .service-video-card {gap:16px;padding:14px;border-radius:14px}
 .home-page .service-video-preview {flex-basis:112px;border-radius:8px}
 .home-page .service-video-copy {gap:4px}
 .home-page .service-video-title {font-size:20px;letter-spacing:0}
 .home-page .service-video-dialog {padding:12px}
 .home-page .service-video-dialog h2 {font-size:16px}
}
@media(max-width:360px) {
 .home-page .service-video-preview {flex-basis:96px}
 .home-page .service-video-title {font-size:18px}
}

/* The introduction button on the service page opens the video. */
.offline-page .sf-movie-play {cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.offline-page .sf-movie-play:hover {background:var(--sf-blue,#215de8);color:#fff;box-shadow:0 8px 28px #1e2d4330}
.offline-page .sf-movie-play:focus-visible {outline:3px solid var(--sf-blue,#215de8);outline-offset:5px}
.offline-page .service-video-dialog {width:min(960px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:16px;border-radius:16px;background:#fff}
.offline-page .service-video-dialog-header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.offline-page .service-video-dialog h2 {margin:0;font-size:20px;line-height:1.5;font-weight:600;color:#2b3548}
.offline-page .service-video-dialog .dialog-close {position:static;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#eef1f8;color:#2b3548;line-height:1}
.offline-page .service-video-player {width:100%;aspect-ratio:16/9;background:#111827}
.offline-page .service-video-player iframe {display:block;width:100%;height:100%;border:0}
.offline-page .service-video-external {display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#215de8;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px) {
 .offline-page .service-video-dialog {padding:12px}
 .offline-page .service-video-dialog h2 {font-size:16px}
}