/* Scène immersive plein viewport : deux clignements puis traversée de l’iris. */
#site-intro{position:fixed;inset:0;margin:0;width:100%;width:100dvw;height:100vh;height:100dvh;min-width:100vw;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#080912;color:#f4f4fb;overflow:hidden;box-shadow:none;isolation:isolate}
#site-intro::backdrop{background:transparent;backdrop-filter:none}body.intro-active{overflow:hidden}
.intro-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}
.intro-brand{position:absolute;top:max(24px,env(safe-area-inset-top));left:clamp(24px,4vw,70px);z-index:3;font-size:clamp(1.3rem,2vw,1.75rem);letter-spacing:-.05em;font-weight:750}.intro-brand>span{color:#a39aff}
.intro-caption{position:absolute;bottom:clamp(95px,12vh,140px);left:24px;right:24px;z-index:3;text-align:center;pointer-events:none}.intro-caption strong{display:block;font-size:clamp(1.4rem,2.6vw,2.5rem);line-height:1.15;letter-spacing:-.04em;font-weight:600}.intro-caption span{display:block;margin-top:12px;font-size:.75rem;letter-spacing:.15em;color:#b7b1d4}
.intro-skip{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));right:clamp(16px,3vw,45px);z-index:4;border:0;background:transparent;color:#c0bdd0;border-radius:0;padding:12px 8px;font-size:.75rem;min-height:44px;min-width:44px;line-height:1.2;opacity:.78}.intro-skip:hover{opacity:1;color:#fff}.intro-skip:focus-visible{outline:1px solid #b7a5fa;outline-offset:2px}
#site-intro.intro-playing{opacity:1}.intro-playing .intro-caption,.intro-playing .intro-brand{animation:intro-caption 3.8s linear forwards}
#site-intro.intro-leaving{animation:none;opacity:0!important;transition:opacity .25s ease;pointer-events:none}
@keyframes intro-reveal{0%{opacity:1}68.8889%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}100%{opacity:0}}
@keyframes intro-caption{0%,49%{opacity:1}58%,100%{opacity:0}}
#main:focus{outline:none}.header .brand:focus-visible{outline:none;text-decoration:underline;text-decoration-color:#b4a0ff;text-underline-offset:7px}
@media(max-width:600px){.intro-caption{bottom:105px}.intro-brand{top:max(24px,env(safe-area-inset-top))}.intro-caption span{font-size:.75rem;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){#site-intro{display:none!important}}

/* Évite le saut horizontal lorsque le défilement est rétabli après le fondu. */
html{scrollbar-gutter:stable}