/* Seuls ajouts au design HomePage.css : vidéo réelle et lien d'évitement. */
.skip-link { background: var(--cream); border: 2px solid var(--green); left: 12px; padding: 12px; position: absolute; top: 12px; transform: translateY(-200%); z-index: 10; }
.skip-link:focus { transform: translateY(0); }
.home-video-player { aspect-ratio: 16 / 9; background: var(--green); border-radius: 14px; display: block; width: 100%; }
.home-video-player::cue { background: rgb(0 0 0 / 80%); color: #fff; }
.home-video-accessibility { color: var(--muted); font-size: .75rem; line-height: 1.6; margin: 14px 4px 0; }
.home-video-accessibility a { color: var(--green); }
@media (max-width: 380px) {
  .portfolio-home .topbar { align-items: flex-start; flex-direction: column; gap: 14px; }
}