.video-player{position:relative;display:block;width:100%;min-height:200px;overflow:hidden;background-color:var(--color-neutral-100);border-radius:var(--border-radius-md);aspect-ratio:16/9}.video-player__loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-neutral-50);z-index:1}.video-player__loading-text{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-neutral-600);font-weight:var(--font-weight-medium)}.video-player__spinner{width:32px;height:32px;border-top:2px solid var(--color-neutral-200);border:2px solid var(--color-neutral-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:video-player-spin 1s linear infinite}.video-player__poster{z-index:1}.video-player__poster,.video-player__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.video-player__video{background-color:var(--color-neutral-900);z-index:2;opacity:1}.video-player__fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-neutral-100);z-index:3}.video-player__fallback-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) opacity(.7)}.video-player__error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--spacing-md);background-color:rgba(0,0,0,.8);border-radius:var(--border-radius-sm);z-index:4}.video-player__error-text{font-weight:var(--font-weight-medium)}.video-player__error-text,.video-player__no-support{color:var(--color-white);font-size:var(--font-size-sm);text-align:center}.video-player__no-support{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--spacing-md);background-color:var(--color-neutral-800);border-radius:var(--border-radius-sm)}.video-player__no-support a{color:var(--color-primary-400);text-decoration:underline}.video-player__no-support a:hover{color:var(--color-primary-300)}.video-player--realisation-list{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.video-player--realisation-list:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);transition:all .2s ease-out}.video-player--realisation-block,.video-player--realisation-block .video-player__video{border-radius:var(--border-radius-md)}@media(max-width:768px){.video-player{border-radius:var(--border-radius-sm)}.video-player__loading-text{font-size:var(--font-size-xs)}.video-player__spinner{width:24px;height:24px}}.video-player:focus-within{outline:2px solid var(--color-primary-500);outline-offset:2px}@media(prefers-color-scheme:dark){.video-player{background-color:var(--color-neutral-800)}.video-player .video-player__loading{background-color:var(--color-neutral-700)}.video-player .video-player__loading-text{color:var(--color-neutral-300)}.video-player .video-player__fallback{background-color:var(--color-neutral-800)}}@media(prefers-reduced-motion:reduce){.video-player .video-player__spinner,.video-player .video-player__video{animation:none}.video-player--realisation-list:hover{transform:none;transition:none}}@keyframes video-player-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes video-player-fade-in{0%{opacity:0}to{opacity:1}}