.brand-video{padding:24px 5% 18px;background:#fff;scroll-margin-top:24px}
.brand-video-poster{position:relative;display:block;width:100%;overflow:hidden;border-radius:15px;outline-offset:5px}
.brand-video-poster img{display:block;width:100%;height:auto}
.brand-video-play{position:absolute;right:7%;top:45%;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:#fff;background:#168fd5;box-shadow:0 0 0 8px #ffffff80,0 5px 22px #146d9733;transition:transform .2s,background .2s}
.brand-video-play svg{width:27px;height:27px;fill:currentColor}
.brand-video-poster:hover .brand-video-play,.brand-video-poster:focus-visible .brand-video-play{background:#077dbf;transform:scale(1.07)}
.brand-video-caption{margin:10px 0 0;text-align:center;font-size:12px;letter-spacing:.07em;color:#2879a3}
.brand-video-caption span{margin-right:5px;font-size:10px}
dialog[data-type=video]{height:fit-content}
dialog[data-type=video] .frame-wrap{aspect-ratio:16/9;flex:0 0 auto}
@media(max-width:700px){.brand-video{padding:17px 16px 14px}.brand-video-poster{border-radius:10px}.brand-video-play{width:43px;height:43px;box-shadow:0 0 0 5px #ffffff90,0 3px 15px #146d9726}.brand-video-play svg{width:21px;height:21px}.brand-video-caption{font-size:10px;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.brand-video-play{transition:none}}
