/* lite-vimeo: a graded poster with a white play button; the Vimeo player loads on click. 12 Oct 2026. */
.lv{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;overflow:hidden;background:#111;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;z-index:1}
.lv picture,.lv img{display:block;width:100%;height:100%}
.lv img{object-fit:cover}
.lv::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);transition:background-color .2s ease;pointer-events:none}
.lv:hover::after{background:rgba(0,0,0,.22)}
.lv-play{position:absolute;left:50%;top:50%;width:clamp(32px,9%,48px);aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.28);z-index:2;pointer-events:none;transition:transform .2s ease}
.lv-play::before{content:"";position:absolute;left:50%;top:50%;width:34%;height:38%;transform:translate(-36%,-50%);background:#111;clip-path:polygon(0 0,100% 50%,0 100%)}
.lv:hover .lv-play{transform:translate(-50%,-50%) scale(1.07)}
.lv:focus{outline:none}
.lv:focus-visible{outline:3px solid #fff;outline-offset:-6px;box-shadow:inset 0 0 0 6px rgba(0,0,0,.55)}
.lv:focus-visible::after{background:rgba(0,0,0,.22)}
:has(>.lv){position:relative}
.lv-live{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:600px){.lv-play{width:clamp(28px,9%,36px)}}
@media (prefers-reduced-motion:reduce){.lv::after,.lv-play{transition:none}}