#ps-intro[hidden]{display:none!important}
#ps-intro{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,3vh,30px);padding:32px 22px;box-sizing:border-box;background:#faf8f3;color:#392834;opacity:1;transition:opacity .85s ease,transform 1s cubic-bezier(.22,.61,.36,1);font-family:Georgia,serif;text-align:center;isolation:isolate}
html.ps-intro-pending body>:not(#ps-intro){visibility:hidden}
html.ps-intro-active,html.ps-intro-active body{overflow:hidden!important;overscroll-behavior:none}
#ps-intro.ps-intro-leaving{opacity:0;transform:translateY(-18px);pointer-events:none}
#ps-intro-video{display:block;width:min(760px,84vw);height:auto;max-height:62vh;max-height:62svh;object-fit:contain;aspect-ratio:22/17;background:#faf8f3}
#ps-intro .ps-intro-eyebrow{margin:0;font:400 11px/1.8 "Segoe UI",sans-serif;letter-spacing:.18em;text-transform:uppercase}
#ps-intro .ps-intro-bottom{display:flex;flex-direction:column;align-items:center;gap:19px}
#ps-intro .ps-intro-bottom p{margin:0;font:400 14px/1.6 Georgia,serif;color:#776571}
#ps-intro-enter{appearance:none;display:inline-flex;align-items:center;gap:26px;min-height:48px;padding:12px 24px;border:1px solid #b7a4ae;border-radius:999px;background:transparent;color:#392834;font:400 13px/1.5 "Segoe UI",sans-serif;cursor:pointer;transition:background .2s,color .2s}
#ps-intro-enter:hover{background:#392834;color:#faf8f3}
#ps-intro-enter:focus-visible{outline:2px solid #392834;outline-offset:5px}
.ps-intro-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html.ps-intro-reveal #contenu{animation:ps-intro-reveal .95s cubic-bezier(.22,.61,.36,1) both}
@keyframes ps-intro-reveal{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){#ps-intro{padding:26px 18px;gap:30px}#ps-intro-video{width:100%;max-height:56svh}#ps-intro .ps-intro-eyebrow{max-width:270px;font-size:10px}#ps-intro .ps-intro-bottom p{max-width:265px;font-size:13px}}
@media(max-height:520px){#ps-intro{gap:8px;padding:12px}#ps-intro-video{max-height:52svh}#ps-intro .ps-intro-bottom{gap:6px}}
@media(prefers-reduced-motion:reduce){#ps-intro{transition:none}html.ps-intro-reveal #contenu{animation:none}}

/* Introduction sans texte visible, fondu simple après trois secondes de logo. */
#ps-intro{gap:0;padding:20px;transition:opacity .85s ease}
#ps-intro-video{width:min(860px,94vw);max-height:90vh;max-height:90svh}
#ps-intro.ps-intro-leaving{transform:none}
#ps-intro-enter.ps-intro-sr:not(:focus-visible){position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}
#ps-intro-enter.ps-intro-sr:focus-visible{position:absolute;bottom:24px;width:auto;height:auto;clip-path:none;overflow:visible;padding:12px 24px}
@keyframes ps-intro-reveal{from{opacity:.3}to{opacity:1}}

/* The full-screen dialog is focused for accessibility, without a decorative browser outline. */
#ps-intro:focus{outline:none}

/* HD render, short transition, tap anywhere to enter. */
#ps-intro{transition:opacity .35s ease;cursor:pointer}
#ps-intro-video{width:min(760px,90vw);aspect-ratio:22/17}
html.ps-intro-reveal #contenu{animation-duration:.4s}


/* 5.1 seconds of animation followed by a gentle 0.9 second fade. */
#ps-intro{transition:opacity .9s ease}
html.ps-intro-reveal #contenu{animation-duration:.9s}