/* Dragonfly companion (inner pages). Canvas is fixed and never takes pointer events or layout space. */
.ec-df {
  position: fixed; inset: 0; width: 100%; height: 100%; display: block;
  z-index: 40; pointer-events: none;
  opacity: 0; transition: opacity .5s cubic-bezier(.2, .7, .2, 1);
}
.ec-df.on { opacity: 1; }
.ec-df--top { z-index: 60; }
body.menu-open .ec-df { opacity: 0; }
/* hard load: hold the reveals under the loader, hide the nav logo until the flying loader logo lands on it */
html.ec-intro .reveal, html.ec-intro .reveal.in { opacity: 0; transform: translate3d(0, 44px, 0); }
html.ec-logo-hold .site-nav__logo img { opacity: 0; }
/* zoom transition: the dragonfly flies over everything (leave: under the cream overlay; arrive: over the cover) */
.ec-df--zoom { z-index: 2147482990; transition: none; }
.ec-df--zoomin { z-index: 2147483100; transition: none; }