/* One control component. No per-section play styling or inherited icon colors. */
.j7-media{position:relative;isolation:isolate;overflow:hidden}
.j7-media-trigger{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation}
.j7-media-trigger[hidden]{display:none}
.j7-media-symbol{display:grid;place-items:center;box-sizing:border-box;width:56px;height:56px;padding:0;border:1px solid #ffffffb3;border-radius:50%;background:#301b40ed;box-shadow:0 6px 22px #12091e4d;transition:transform .2s ease,background .2s ease;pointer-events:none}
.j7-media-symbol svg{display:block;width:24px;height:24px;margin-left:2px;fill:#fff;stroke:none}
.j7-media-trigger:focus-visible{outline:3px solid #f4bad3;outline-offset:-5px;border-radius:inherit}
.j7-media-status{display:block;font-size:12px;line-height:1.6;color:#835087}
.dark-section .j7-media-status,.j7-showcase .j7-media-status,.cinema-portfolio .j7-media-status{color:#efc9e6}
.j7-media-status:not(:empty){margin-top:10px}
.j7-media video{object-fit:contain}
@media(hover:hover) and (pointer:fine){.j7-media-trigger:hover .j7-media-symbol{transform:scale(1.05);background:#683479}}
@media(prefers-reduced-motion:reduce){.j7-media-symbol{transition:none}}