/* Darwin — XFADE (departure half of the model transition).

   Loaded on any page that links to a model page (/home2 bikes band, /bikes).
   It owns beats 0-1 of the cinematic: the clicked tile falls away, the white
   wordmark grows toward the viewer, the frame blows out to paper white — and
   THEN the browser navigates. The model page picks the same camera move up
   mid-flight (model.js reads sessionStorage.dwXfade) so the two halves read as
   one continuous push through the letterforms.

   Nothing here paints until a model link is clicked. */

#dwXf{position:fixed;inset:0;z-index:2147483000;pointer-events:none;
  opacity:0;visibility:hidden;contain:strict}
#dwXf.on{opacity:1;visibility:visible;pointer-events:auto}

#dwXf .scrim{position:absolute;inset:0;background:#0B0B0A;opacity:0}

#dwXf .wm{position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%) scale(.55);transform-origin:50% 50%;
  will-change:transform,opacity;opacity:0;white-space:nowrap;
  font-family:'Yapari Ultra','Yapari',sans-serif;font-weight:900;
  letter-spacing:.02em;color:#F7F5EE;
  text-shadow:0 0 90px rgba(255,255,255,.28)}

#dwXf .flash{position:absolute;inset:0;background:#F7F5EE;opacity:0}

@media (prefers-reduced-motion: reduce){
  #dwXf .wm{transition:none}
}