body.demoreel-video-page {
    background: #000;
    min-height: 100vh;
}

.demoreel-wrap {
    min-height: calc(100vh - 140px);
    padding-top: 110px;
    padding-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.demoreel-container {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.demoreel-title {
    color: #fff;
    margin-bottom: 24px;
    font-weight: 700;
}

.demoreel-video {
    width: 100%;
    max-width: 1000px;
    max-height: 72vh;
    background: #000;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

body.login .white {
    max-width: 700px;
}

/* Retire le focus ring sur la vidéo */
#videoPlayer:focus,
#videoPlayer:focus-visible {
    outline: none;
    box-shadow: none;
}

/* Descriptions plus claires */
.demoreel-bio {
    color:       #ccccdd;
    font-style:  italic;
    font-size:   .9rem;
    margin-bottom: .5rem;
}

.demoreel-desc {
    color:      #bbbbcc;
    font-size:  .88rem;
}

.frame-hint {
    color:       #ccccdd;
    font-style:  italic;
    font-size:   .9rem;
    margin-bottom: .5rem;
}