/* ═══════════════════════════════════════════════════
   MIRAATH CALLIGRAPHIC BACKGROUND SYSTEM
   Each page gets a unique treatment derived from
   the logo's letterforms, key motif, and arabesque.
   All elements are purely decorative SVG — pointer-
   events: none, z-index below content.
═══════════════════════════════════════════════════ */

/* Shared: all bg canvases */
.calli-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.calli-bg svg {
  width: 100%;
  height: 100%;
}

/* All page content sits above */
#nav, section, footer, .page-hero,
#about-content, #catalog-content,
#programs-content, #enroll-content,
#portal-wrap { position: relative; z-index: 1; }