/* Real TikTok artwork shares the blog's image frames and scroll choreography. */
.rd-site .rd-card-image.rd-video-art{display:block;aspect-ratio:4/5;padding:0;isolation:isolate;overflow:hidden;text-decoration:none;background:#000}
.rd-site .rd-video-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:0}
.rd-site .rd-video-art::before{inset:0;border:0;background:linear-gradient(180deg,#06131b4d,transparent 28%,transparent 58%,#06131bcc);z-index:1;pointer-events:none}
.rd-site .rd-video-art .rd-video-eyebrow,.rd-site .rd-video-art .rd-video-signature{position:absolute;z-index:2;left:24px;right:24px;color:#f1f4ed;font-size:11px;letter-spacing:.13em;text-shadow:0 1px 5px #06131b}
.rd-site .rd-video-art .rd-video-eyebrow{top:24px}.rd-site .rd-video-art .rd-video-signature{bottom:22px}
.rd-site .rd-video-art .rd-video-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:72px;height:72px;font-size:42px;background:#06131b66;border-color:#e4f0e9bb;backdrop-filter:blur(3px);box-shadow:0 0 50px #06131b30;color:#fff}
.rd-site .rd-video-art:focus-visible{outline:2px solid #d5e7db;outline-offset:-7px}
@media(max-width:600px){.rd-site .rd-card-image.rd-video-art{aspect-ratio:4/4.6}.rd-site .rd-video-art .rd-video-mark{width:60px;height:60px;font-size:36px}}

/* The representative film uses text; preserve its whole opening frame. */
.rd-site .rd-video-art .rd-video-mark{left:auto;top:auto;right:18px;bottom:18px;transform:none;width:50px;height:50px;font-size:29px}
.rd-site .rd-video-art .rd-video-signature{right:88px;bottom:32px}
.rd-site.rd-home .rd-carousel.rd-drift-surface .rd-video-art,.rd-site.rd-home .rd-carousel.rd-drift-surface .rd-video-art:hover>img{--rd-image-zoom:1.04}