/* SIVUSIIRTYMÄ — ks. assets/js/siirtyma.js */

/* Saapuessa punainen on ruudulla jo ensimmäisessä piirrossa. JS vaihtaa
   tämän SVG-verhoon heti kun body on olemassa. */
html.saapuu::after{
  content:''; position:fixed; inset:0; z-index:1000; background:var(--puna, #FF3600);
}

.siirtyma{
  position:fixed; inset:0; width:100%; height:100%; z-index:1000;
  display:none; pointer-events:none; overflow:visible;
}
.siirtyma__veto{
  fill:none; stroke:var(--puna, #FF3600);
  /* laatikon yksiköissä; venyy ruudun mukana */
  stroke-width:190; stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray:0 99999;
}
.siirtyma__taytto{ fill:var(--puna, #FF3600); opacity:0; }