/* Intro Agapes — film d'ouverture (studio motion) puis fondu sur la page. ?intro=0 coupe, ?intro=1 force. */
#agapes-intro{position:fixed;inset:0;z-index:300;background:#112618;transition:opacity .9s cubic-bezier(.4,0,.2,1)}
#agapes-intro video{display:block;width:100%;height:100%;object-fit:cover}
#agapes-intro.gone{opacity:0;pointer-events:none}
#agapes-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:500 11px/1 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,251,243,.55);transition:color .3s}
#agapes-intro .skip:hover{color:#fffbf3}
html.agapes-intro-on,html.agapes-intro-on body{overflow:hidden}
@media (prefers-reduced-motion:reduce){#agapes-intro{display:none}}