/* Intro L'institut de Pauline — film d'ouverture (studio motion) puis fondu sur la page. ?intro=0 coupe, ?intro=1 force. */
#pauline-intro{position:fixed;inset:0;z-index:300;background:#0f1130;transition:opacity .9s cubic-bezier(.4,0,.2,1)}
#pauline-intro video{display:block;width:100%;height:100%;object-fit:cover}
#pauline-intro.gone{opacity:0;pointer-events:none}
#pauline-intro .skip{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-height:44px;padding:14px;background:none;border:0;cursor:pointer;
  font:400 14px/1 system-ui,sans-serif;color:rgba(239,233,222,.55);transition:color .3s}
#pauline-intro .skip:hover{color:#efe9de}
html.pauline-intro-on,html.pauline-intro-on body{overflow:hidden}
@media (prefers-reduced-motion:reduce){#pauline-intro{display:none}}