/* QD page transitions — entrance fade on load, dark veil on exit. Opacity-only on body (safe for fixed elements). */
body{animation:qdPgIn .45s ease both}
@keyframes qdPgIn{from{opacity:0}to{opacity:1}}
.pg-veil{position:fixed;inset:0;z-index:9999;background:#07070a;opacity:0;pointer-events:none;transition:opacity .26s ease;display:grid;place-items:center}
body.pg-out .pg-veil{opacity:1;pointer-events:auto}
.pg-veil b{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;font-size:30px;letter-spacing:.22em;color:#e8e8ee;opacity:0;transform:scale(.92);transition:opacity .22s ease .08s,transform .3s cubic-bezier(.16,1,.3,1) .08s}
body.pg-out .pg-veil b{opacity:.9;transform:none}
@media(prefers-reduced-motion:reduce){body{animation:none}.pg-veil{display:none}}