/* ===========================================================================
   landing-departure — the wash, raised from the archive's front door
   ---------------------------------------------------------------------------
   Every chapter-to-chapter move in the archive is one choreography: the field
   drains, the destination's own ground closes over what is left, and the next
   chapter grows out of that ground. The landing page was the one door that cut
   instead, because it carries none of `chapter-sequence-nav`, so a reader who
   chose a chapter from the pill field met the same document change with no
   transition at all while every other route in the archive washed.

   The two files here raise the departing half of that choreography and write
   the record the arriving chapter already knows how to read. The geometry and
   the timing are the shared ones, restated rather than imported because the
   landing page does not load the sequence stylesheet and must not: that file
   also draws the pager, the crisis notice and the colophon, none of which this
   page has.
   =========================================================================== */
:root{
  --landing-veil-scale:1;
  --landing-drain:calc(560ms * var(--landing-veil-scale));
  --landing-veil:calc(640ms * var(--landing-veil-scale));
  --landing-veil-delay:calc(120ms * var(--landing-veil-scale));
  --landing-veil-ease:cubic-bezier(.45,0,.4,1);
}
.landing-departure-veil{
  position:fixed;
  z-index:1000;
  inset:0;
  background:var(--landing-veil-ground,var(--mhc-ground));
  opacity:0;
  pointer-events:none;
  transition:opacity var(--landing-veil) var(--landing-veil-ease) var(--landing-veil-delay);
  will-change:opacity;
}
.landing-departure-veil.is-active{opacity:1}
/* The field leaves ahead of the ground, so the last thing a reader watches go
   is the archive's own color rather than its furniture. */
html.landing-departing :is(.loom-stage,.landing-masthead){
  opacity:0;
  transition:opacity var(--landing-drain) var(--landing-veil-ease);
}
html.landing-departing{overflow:hidden;scrollbar-gutter:stable}
html.landing-departing .pill-field-nav a{pointer-events:none}
@media(prefers-reduced-motion:reduce){
  :root{--landing-drain:1ms;--landing-veil:120ms;--landing-veil-delay:0ms}
}