/* ===============================
   core.css  (shared across pages)
   =============================== */

/* Hide Webflow badge everywhere */
.w-webflow-badge {
  display: none !important;
  visibility: hidden !important;
}

/* Prevent sideways scroll from tiny overflows */
body {
  overflow-x: hidden;
}

/* Make all images fluid */
img {
  max-width: 100%;
  height: auto;
}

/* -------- Footer responsive tweaks (all pages) -------- */
@media screen and (max-width: 767px) {
  /* Top part of footer: stack columns */
  .footer3_top-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }

  /* Bottom credits + links: one below the other */
  .footer3_bottom-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  .footer3_legal-list {
    display: grid;
    grid-auto-flow: row;
    justify-items: flex-start;
    row-gap: 0.5rem;
  }
}
/* =============================
   Scroll Blur / Highlight effect
   ============================= */

/* initial blurred state */
.scroll-fade {
  opacity: 0.3;
  filter: blur(6px);
  transform: scale(0.98);
  transition: all 0.7s ease;
}

/* when in viewport (highlighted) */
.scroll-fade.visible {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}