/* Enter-the-dossier transition layers (only shown while it runs) */
:root{
  --et-back:#EFE7D6;
  --et-cast:rgba(52,40,22,.38);
}
[data-theme="dark"]{
  --et-back:#E6DCC8;
  --et-cast:rgba(0,0,0,.62);
}
.et-veil{position:fixed;inset:0;z-index:9001;pointer-events:none;display:none}
.et-veil.is-on{display:block}
.et-shade{position:absolute;inset:0}
.et-flap-wrap{position:absolute;inset:0;filter:drop-shadow(-12px 10px 16px var(--et-cast))}
.et-flap{position:absolute;left:0;top:0;width:100vw;height:100vh;transform-origin:0 0;overflow:hidden}
/* Page back: warm cream with a faint paper fiber */
.et-back{
  position:absolute;inset:0;background-color:var(--et-back);
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .18' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .18 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
  background-size:220px 220px;
}
.et-ghost{position:absolute;inset:0;opacity:.2;filter:grayscale(.35) contrast(.9)}
.et-curl{position:absolute;inset:0}
.et-vignette{
  position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse 75% 70% at 50% 50%,transparent 40%,rgba(7,17,31,.62) 100%);
}