/* The existing project image becomes a quiet, on-demand motion preview. */
.website-preview-play{position:relative;display:block;width:100%;aspect-ratio:16/9;max-height:62vh;padding:0;border:0;background:#f6f6f3;overflow:hidden;isolation:isolate;cursor:pointer;line-height:0;touch-action:pan-y}
.website-preview .website-preview-play>img,.website-preview-video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;display:block}
.website-preview-video{z-index:1;opacity:0;pointer-events:none;transition:opacity .52s cubic-bezier(.22,.61,.36,1)}
.website-preview-play.is-playing .website-preview-video{opacity:1}
.website-preview-play:focus-visible{outline:2px solid #6b9697;outline-offset:5px}
.website-preview figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lightbox-canvas.is-website .website-preview-play{flex:none;max-height:100%;width:100%}
@media(max-width:1000px){.website-preview-play{max-height:45vh}}
@media(max-width:700px){.lightbox-canvas.is-website .website-preview-play{flex:1;min-height:0;max-height:calc(100% - 35px)}}
@media(prefers-reduced-motion:reduce){.website-preview-video{transition:none}}