/* KGC Denizcilik v18: stable project pages and corrected intro landing. */

/* Project counter labels are intentionally removed from every case study. */
.project-detail-page .kgc-project-index {
  display: none !important;
}

/* Keep the project identity comfortably inside the dark panel. */
.project-detail-page .kgc-project-copy-center {
  top: 49% !important;
}

.project-detail-page .kgc-project-copy-center .kgc-project-meta {
  margin-top: 15px !important;
}

/*
 * The gallery control now participates in the overview grid. This removes the
 * artificial empty area and prevents the button or following media from being
 * clipped below the first screen.
 */
.project-detail-page .project-overview.kgc-project-overview-v13 {
  padding-bottom: 76px !important;
}

.project-detail-page
  .project-overview.kgc-project-overview-v13
  > .kgc-project-gallery-jump {
  position: relative !important;
  grid-column: 1 / -1;
  justify-self: center;
  bottom: auto !important;
  left: auto !important;
  width: min(330px, calc(100% - 40px));
  margin: 6px auto 0 !important;
  transform: none !important;
}

.project-detail-page
  .project-overview.kgc-project-overview-v13
  > .kgc-project-gallery-jump:hover {
  transform: translateY(-3px) !important;
}

/* Never leave project photos invisible if a busy browser delays reveal logic. */
.project-detail-page .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/*
 * v14 fixed the loader width with !important, preventing width keyframes from
 * shrinking it. v18 keeps the large artwork and scales that artwork itself as
 * it travels to the header logo's exact visible dimensions.
 */
.intro-logo-stage {
  width: 310px !important;
  transform-origin: left top;
  animation-name: kgc-intro-logo-dock-v18 !important;
}

@keyframes kgc-intro-logo-dock-v18 {
  0% {
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    left: max(24px, calc((100vw - 1840px) / 2));
    top: 0;
    transform: scale(0.4984);
  }
}

@media (max-width: 940px) {
  .intro-logo-stage {
    width: 260px !important;
    animation-name: kgc-intro-logo-dock-mobile-v18 !important;
  }

  @keyframes kgc-intro-logo-dock-mobile-v18 {
    0% {
      left: 50%;
      top: 47%;
      transform: translate(-50%, -50%) scale(1);
    }

    100% {
      left: 9px;
      top: 0;
      transform: scale(0.5485);
    }
  }

  .project-detail-page .kgc-project-copy-center {
    top: 48% !important;
  }
}

@media (max-width: 760px) {
  .project-detail-page .project-overview.kgc-project-overview-v13 {
    padding-bottom: 58px !important;
  }

  .project-detail-page
    .project-overview.kgc-project-overview-v13
    > .kgc-project-gallery-jump {
    width: 100%;
    margin-top: 0 !important;
  }
}

@media (max-width: 430px) {
  .intro-logo-stage {
    width: 230px !important;
  }

  @keyframes kgc-intro-logo-dock-mobile-v18 {
    0% {
      left: 50%;
      top: 47%;
      transform: translate(-50%, -50%) scale(1);
    }

    100% {
      left: 9px;
      top: 0;
      transform: scale(0.5857);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .intro-logo-stage {
    width: 154.5px !important;
    top: 0 !important;
    left: max(24px, calc((100vw - 1840px) / 2)) !important;
    transform: none !important;
  }
}