/* Keep the existing image spaces and show a still frame until playback starts. */
.generator-video{position:relative;overflow:hidden;background:#edf2f5}
.generator-video-poster,.generator-video-player{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:60% center}
.generator-video-player{opacity:0}
.generator-video.is-ready>.generator-video-player{opacity:1}
.generator-video.is-ready>.generator-video-poster{opacity:0}
.generator-video-control{position:absolute;z-index:3;top:14px;right:14px;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid #ffffff8c;border-radius:7px;background:#112330e8;color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer}
.generator-video-control[hidden]{display:none}
.generator-video-control:hover{background:#007bff}
.generator-video-control:focus-visible{outline:3px solid #007bff;outline-offset:3px;box-shadow:0 0 0 3px #fff}
.generator-video-control .icon{width:17px;height:17px;flex:none}
.home-hero>.generator-video,.sub-hero>.generator-video{position:absolute}
.pathway>.generator-video{position:absolute;inset:0;width:100%;height:100%}
.pathway:after{pointer-events:none}
.video-pathway-note{position:absolute;z-index:2;right:12px;bottom:10px;padding:4px 7px;border-radius:4px;background:#112330e8;color:#fff;font-size:12px;line-height:1.4;pointer-events:none}
.home-hero .hero-fade,.sub-hero:after{pointer-events:none}
.home-hero>.wrap,.sub-hero>.wrap{pointer-events:none}
.home-hero .hero-copy,.sub-hero .sub-copy{pointer-events:auto}
.home-hero .image-caption,.sub-hero .image-caption{z-index:2}
.generator-video--teaser{width:100%;align-self:stretch;min-height:340px}
.generator-video--teaser .generator-video-poster,.generator-video--teaser .generator-video-player{object-fit:contain}
.generator-video--story{width:100%;aspect-ratio:16/9;border-radius:12px}
.generator-video--story .generator-video-poster{min-height:0;max-height:none;border-radius:0}
.generator-video--commercial{background:#fff}
.generator-video--commercial>.generator-video-poster,.generator-video--commercial>.generator-video-player{object-fit:contain;object-position:center}
.generator-video--commercial.commercial-hero-photo{padding:0}
.generator-video--commercial.commercial-hero-photo>.generator-video-poster,.generator-video--commercial.commercial-hero-photo>.generator-video-player{padding:20px 14px 34px;box-sizing:border-box}
.generator-video--commercial.generator-video--story{aspect-ratio:3/2;border:1px solid var(--line)}
.commercial-concept-media>.generator-video{position:absolute;inset:14px}
.generator-video--gallery .generator-video-control{top:4px;right:4px;width:44px;justify-content:center;padding:9px}
.generator-video--gallery .generator-video-control span{display:none}
.generator-video--featured{background:#112330}
.generator-video--featured.commercial-hero-photo>.generator-video-poster,.generator-video--featured.commercial-hero-photo>.generator-video-player{padding:0}
.video-inline-caption{margin-top:9px;font-size:12px;line-height:1.5;color:#586e80}
.video-concept-note{position:absolute;z-index:2;bottom:14px;left:14px;right:14px;width:fit-content;margin:0;padding:5px 8px;border-radius:4px;background:#112330e8;color:#fff;font-size:12px;line-height:1.5;pointer-events:none}
@media(max-width:760px){
 .generator-video-control{top:10px;right:10px;padding:9px 11px}
 .generator-video--teaser{min-height:280px}
}

.generator-video--commercial.generator-video--wide{aspect-ratio:16/9}