/* Page privee de demonstration (chantier 2026-09) — additif uniquement,
   au-dessus de pn-public.css/pn-patterns.css. Jamais de regle globale. */

.pn-demo-hero .pn-head { max-width: 760px; margin-inline: auto; text-align: center; }
.pn-demo-hero .pn-lede { margin-inline: auto; }

.pn-demo-video-frame {
    max-width: 920px;
    margin: 0 auto;
    border-radius: 4px;
    overflow: hidden;
    background: var(--pn-ink-950);
    box-shadow: 0 24px 60px rgba(2, 6, 23, 0.22);
}

.pn-demo-video-frame video {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: var(--pn-ink-950);
}

.pn-demo-video-placeholder {
    aspect-ratio: 16 / 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px;
    text-align: center;
    color: var(--pn-on-ink-muted);
}

.pn-demo-video-placeholder p { margin: 0; }

@media (max-width: 640px) {
    .pn-demo-video-frame { border-radius: 0; margin-inline: -16px; max-width: none; }
}