.youtube-video { min-width: 0; }
.youtube-video-stage { position: relative; display: grid; place-items: center; overflow: hidden; width: 100%; aspect-ratio: 16 / 9; min-height: 200px; border: 1px solid var(--line); border-radius: 8px; background: var(--background); }
.youtube-video-placeholder { position: absolute; inset: 0; display: grid; place-items: center; }
.youtube-video-placeholder[hidden] { display: none; }
.youtube-video-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.youtube-video-play { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--space-3); padding: var(--space-4) var(--space-5); border-radius: 8px; background: #080d14eb; color: var(--text); font-size: var(--font-small); font-weight: 600; text-decoration: none; }
.youtube-video-play:hover { background: #14202df5; color: white; }
.youtube-video-play-icon { display: grid; place-items: center; width: var(--control-height-large); height: var(--control-height-large); border-radius: 12px; background: var(--blue); color: white; }
.youtube-video-play-icon svg { width: var(--control-icon-size-large); height: var(--control-icon-size-large); }
.youtube-video-player { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.youtube-video-player:focus-visible { outline-offset: -4px; }
.youtube-video-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-2) var(--space-5); margin-top: var(--space-3); color: var(--muted); font-size: var(--font-caption); }

.project-demonstration { margin-top: var(--space-8); }
.project-demonstration h2 { margin: 0 0 var(--space-5); }