/* ======================================================
   STUDIO#RE — PROJECT PTL
   Aanvulling op /css/re_project.css
======================================================= */

.project-page--ptl .project-hero-media img {
  object-position: center 58%;
}

.project-page--ptl .project-hero-name {
  width: min(64vw, 900px);
}

.project-page--ptl .project-hero-name-text {
  letter-spacing: -17px;
}

.project-page--ptl .project-image-reveal-frame img {
  object-position: center 58%;
}

.project-page--ptl .project-feature-image img {
  object-position: center center;
}

.project-page--ptl
.project-technology--ptl
.project-technology-background img {
  object-position: center 48%;
}

.project-page--ptl
.project-technology--ptl
.project-technology-overlay {
  background:
    linear-gradient(
      90deg,
      rgba(10, 10, 10, 0.88) 0%,
      rgba(10, 10, 10, 0.67) 48%,
      rgba(10, 10, 10, 0.22) 100%
    );
}

.project-page--ptl .project-panorama-image {
  object-position: center 58%;
}

.project-page--ptl
.project-gallery-item:nth-child(2) img {
  object-position: center 40%;
}

.project-page--ptl
.project-gallery-item:nth-child(5) img {
  object-position: center 58%;
}

.project-page--ptl
.project-gallery-item:nth-child(6) img {
  object-position: center 42%;
}

.project-page--ptl .project-cta-background img {
  object-position: center 52%;
}

@media (max-width: 900px) {
  .project-page--ptl .project-hero-name {
    width: 92%;
  }

  .project-page--ptl .project-hero-media img {
    object-position: 60% center;
  }

  .project-page--ptl
  .project-technology--ptl
  .project-technology-background img {
    object-position: 60% center;
  }
}

@media (max-width: 620px) {
  .project-page--ptl .project-hero-media img {
    object-position: 61% center;
  }

  .project-page--ptl .project-hero-name {
    width: 100%;
  }

  .project-page--ptl .project-hero-name-text {
    letter-spacing: -12px;
  }

  .project-page--ptl .project-image-reveal-frame img,
  .project-page--ptl .project-feature-image img,
  .project-page--ptl .project-panorama-image {
    object-position: center center;
  }
}