.technology-videos{margin:36px 0 44px;padding-top:28px;border-top:1px solid #dce1e3}
.technology-video-group{margin-top:24px}
.technology-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.technology-short-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.technology-video-card{min-width:0;padding:16px;border:1px solid #dce1e3;border-radius:6px}
.technology-video-player{aspect-ratio:16/9;background:#202824;border-radius:4px;overflow:hidden}
.technology-video-player.is-short{aspect-ratio:9/16;max-width:340px;margin:auto}
.technology-video-play{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;border:0;background:#202824;color:#fff;cursor:pointer;font:inherit;text-align:center}
.technology-video-play:hover{background:#314238}
.technology-video-play:focus-visible{outline:3px solid #7cbfa3;outline-offset:-5px}
.technology-play-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;color:#202824;font-size:24px}
.technology-video-player iframe{display:block;width:100%;height:100%;border:0}
.technology-video-note{font-size:13px;line-height:1.5;color:#606b65;margin:14px 0 8px}
@media(max-width:700px){.technology-video-grid,.technology-short-grid{grid-template-columns:1fr}.technology-video-player.is-short{max-width:300px}}

.technology-video-play{position:relative;isolation:isolate}
.technology-video-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.technology-video-play:has(.technology-video-thumbnail)::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.6));z-index:-1}
.technology-video-play:has(.technology-video-thumbnail) strong,.technology-video-play:has(.technology-video-thumbnail)>span:last-child{text-shadow:0 1px 4px #000}