/* Converted from src/components/site/profiles/Backdrop.module.css (CSS Module): local classes are prefixed "profiles-backdrop__". */
/* Section background photo, optionally "fixed" (parallax) like the original background-attachment: fixed. */

.profiles-backdrop__backdrop {
  position: absolute;
  inset: 0;
  overflow: hidden;
  /* clips the position:fixed image to the section (overflow does not clip fixed descendants) */
  clip-path: inset(0);
  pointer-events: none;
  background-color: var(--color-surface-dark);
}

.profiles-backdrop__image {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: var(--backdrop-position, center);
}

@media (max-width: 767px) {
  .profiles-backdrop__image {
    object-position: var(--backdrop-position-mobile, var(--backdrop-position, center));
  }
}

/* Theme page headline: always fixed (the theme's mobile "scroll" override never applied). */
.profiles-backdrop__fixedAlways .profiles-backdrop__image {
  position: fixed;
  height: 100vh;
}

/* Elementor sections: fixed from 1025px. */
@media (min-width: 1025px) {
  .profiles-backdrop__fixedDesktop .profiles-backdrop__image {
    position: fixed;
    height: 100vh;
  }
}