/* EDITORIAL PROJECTS V11 — full-page photographic texture + persistent mouse dimmer */
.projects-v10 .projects-intro {
  --ghost-opacity: .24;
}

.projects-v10 .projects-ghost-photo {
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  opacity:.24;
  transform:translate3d(0,0,0) scale(1.02);
  transform-origin:center center;
  pointer-events:none;
  will-change:transform,opacity;
  filter:grayscale(1) contrast(1.04) brightness(.86);
  -webkit-mask-image:radial-gradient(ellipse at 58% 48%, #000 0%, rgba(0,0,0,.94) 38%, rgba(0,0,0,.70) 62%, rgba(0,0,0,.25) 84%, transparent 100%);
  mask-image:radial-gradient(ellipse at 58% 48%, #000 0%, rgba(0,0,0,.94) 38%, rgba(0,0,0,.70) 62%, rgba(0,0,0,.25) 84%, transparent 100%);
}

.projects-v10 .projects-ghost-photo img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:64% 50%;
}

.projects-v10 .projects-intro > *:not(.projects-ghost-photo) {
  position:relative;
  z-index:1;
}

.projects-v10 .projects-intro::before { content:none; }
.projects-v10 .projects-intro::after { z-index:0; pointer-events:none; }

@media (hover:none), (pointer:coarse) {
  .projects-v10 .projects-ghost-photo {
    opacity:.22;
    transform:none;
  }
}

@media (max-width:900px) {
  .projects-v10 .projects-ghost-photo {
    opacity:.18;
    -webkit-mask-image:radial-gradient(ellipse at 62% 48%, #000 0%, rgba(0,0,0,.88) 44%, rgba(0,0,0,.45) 72%, transparent 100%);
    mask-image:radial-gradient(ellipse at 62% 48%, #000 0%, rgba(0,0,0,.88) 44%, rgba(0,0,0,.45) 72%, transparent 100%);
  }
  .projects-v10 .projects-ghost-photo img { object-position:64% 50%; }
}

@media (max-width:560px) {
  .projects-v10 .projects-ghost-photo { opacity:.14; }
}