/* YouTube videos: a cover with ▶ until clicked, then a youtube-nocookie player. */
.dds-video{position:relative;width:100%;border-radius:14px;overflow:hidden;background:#000}
.dds-video[data-format="wide"]{aspect-ratio:16/9}
.dds-video[data-format="tall"]{aspect-ratio:9/16;max-width:220px}
.dds-video--small[data-format="tall"]{max-width:180px}

.dds-video__btn{all:unset;box-sizing:border-box;position:absolute;inset:0;cursor:pointer;
  background:#000 center/cover no-repeat;display:block}
.dds-video__btn:focus-visible{outline:3px solid #2F63EB;outline-offset:-3px}
.dds-video__play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;
  background:rgba(0,0,0,.55);display:grid;place-items:center;transition:transform .15s,background .15s}
.dds-video__play svg{width:26px;height:26px;margin-left:4px;fill:#fff}
.dds-video__btn:hover .dds-video__play{transform:scale(1.08);background:#dc2626}
.dds-video__label{position:absolute;left:0;right:0;bottom:0;padding:32px 12px 12px;color:#fff;
  font:600 14px/1.3 system-ui,sans-serif;font-family:inherit;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.dds-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.dds-shorts-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:8px;-webkit-overflow-scrolling:touch}
.dds-shorts-row .dds-video{flex:0 0 200px;scroll-snap-align:start}
@media (min-width:1100px){ .dds-shorts-row{justify-content:center} }
@media (max-width:600px){ .dds-shorts-row .dds-video{flex-basis:62vw;max-width:none} }