/* Myteria production performance pass
   Keeps the visual direction while avoiding expensive scroll-time repaints. */

:root {
  --fast-panel: rgba(16, 7, 30, .88);
  --fast-panel-soft: rgba(18, 8, 31, .82);
  --fast-shadow: 0 18px 46px rgba(0, 0, 0, .30);
}

html {
  scroll-behavior: auto;
}

body,
body.privacy-page {
  background-attachment: scroll !important;
}

.background-blobs,
.privacy-bg,
.page-bg,
.bg,
.blobs {
  contain: layout paint style;
  transform: translateZ(0);
  isolation: isolate;
}

.background-blobs .blob-1,
.background-blobs .blob-2,
.blob,
.blob-1,
.blob-2,
.blob-3,
.blob-4,
.blob-one,
.blob-two,
.blob-three,
.blob-four,
.steve {
  filter: none !important;
  will-change: auto !important;
  backface-visibility: hidden;
}

.hero-card,
.summary-card,
.policy-panel,
.policy-index,
.policy-note,
.support-dialog,
.site-dialog,
.staff-card,
.chip,
.management-container,
.modal,
.card,
.panel,
.container-card,
.content-panel {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: var(--fast-shadow) !important;
}

.hero-card,
.summary-card,
.policy-panel,
.policy-index,
.policy-note,
.support-dialog,
.site-dialog,
.content-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)), var(--fast-panel) !important;
}

.policy-card {
  contain: none;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), var(--fast-panel-soft) !important;
}

.staff-card,
.management-member {
  contain: none;
}

.staff-card img,
.management-member img,
.avatar {
  animation: none !important;
  transition: transform .16s ease, filter .16s ease !important;
  will-change: auto !important;
}

.staff-card:hover img,
.management-member:hover img,
.avatar:hover {
  animation: none !important;
  filter: drop-shadow(0 0 10px rgba(168,85,247,.32)) !important;
}

.modal-overlay,
.support-dialog::backdrop,
.site-dialog::backdrop {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.loader {
  transition: opacity .22s ease, visibility .22s ease !important;
}

@media (max-width: 900px) {
  .background-blobs {
    opacity: .58;
  }

  .background-blobs .blob-1,
  .background-blobs .blob-2 {
    width: min(520px, 90vw) !important;
  }
}

@media (max-width: 640px), (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }

  .background-blobs,
  .privacy-bg,
  .bg,
  .blobs {
    position: absolute !important;
  }
}


/* Disable delayed rendering on long text pages; text should never pop in while scrolling. */
.policy-block,
.policy-card,
.staff-card,
.management-member,
.content-panel {
  content-visibility: visible !important;
}