/* Pantalla de carga de Atelier Numen — solo en la primera carga de cada sesión.
   Lógica en assets/loader.js. El logo se usa como máscara, por eso puede
   pintarse de cualquier azul. Colores de marca: tinta #1A2A4A, papel #FAF8F4. */

/* Velo de papel desde el primer instante: evita ver la página un segundo
   antes de que el script monte la pantalla de carga. */
html.nl-on{overflow:hidden}
html.nl-on::before{content:"";position:fixed;inset:0;background:#FAF8F4;z-index:2147482990}

#nl{position:fixed;inset:0;z-index:2147483000;background:#FAF8F4;
    --nl-blue:#1A2A4A;--nl-paper:#FAF8F4;--nl-sz:clamp(220px,46vmin,360px);
    transition:opacity .7s ease;pointer-events:auto;cursor:progress}
#nl.nl-out{opacity:0;pointer-events:none}
#nl .nl-a,#nl .nl-b{position:absolute;inset:0;display:grid;place-items:center}
#nl .nl-a{background:var(--nl-paper);--ink:var(--nl-blue)}
#nl .nl-b{background:var(--nl-blue);--ink:var(--nl-paper);clip-path:inset(0 0 100% 0);will-change:clip-path}
#nl .nl-lg{position:relative;width:var(--nl-sz);aspect-ratio:1}
#nl .nl-fw{position:absolute;inset:0}
#nl i{position:absolute;inset:0;display:block;background:var(--ink);
      -webkit-mask:var(--nl-logo) center/contain no-repeat;mask:var(--nl-logo) center/contain no-repeat}
#nl .nl-ghost{opacity:.09}

@media print{#nl,html.nl-on::before{display:none}html.nl-on{overflow:auto}}