/* KGC Denizcilik v17: project balance, exact intro docking and logo shimmer. */

/* Kurtarma 4, Kıyı Emniyeti and Ciner identity panels use a calmer scale. */
@media (min-width: 761px) {
  .project-detail-page
    .kgc-project-hero-v9:not(.tcg-project-hero)
    .kgc-project-copy-center {
    top: 54%;
  }

  .project-detail-page
    .kgc-project-hero-v9:not(.tcg-project-hero)
    .kgc-project-copy-center
    h1,
  .project-detail-page
    .kgc-project-hero-v9:not(.tcg-project-hero)
    .kgc-project-copy-center
    h1.tank-project-title {
    max-width: 500px;
    font-size: clamp(32px, 2.8vw, 42px) !important;
    line-height: 1.03 !important;
  }

  .project-detail-page
    .kgc-project-hero-v9.tank-project-hero
    .kgc-project-copy-center
    h1.tank-project-title {
    font-size: clamp(30px, 2.55vw, 38px) !important;
  }

  .project-detail-page
    .kgc-project-hero-v9:not(.tcg-project-hero)
    .kgc-project-copy-center
    .project-detail-subtitle {
    margin-top: 10px;
    font-size: clamp(14px, 1.05vw, 17px) !important;
    line-height: 1.35;
  }

  .project-detail-page
    .kgc-project-hero-v9:not(.tcg-project-hero)
    .kgc-project-copy-center
    .kgc-project-meta {
    gap: 6px;
    margin-top: 16px;
  }

  .project-detail-page
    .kgc-project-hero-v9:not(.tcg-project-hero)
    .kgc-project-copy-center
    .kgc-project-meta
    span {
    min-height: 25px;
    padding: 4px 9px;
    font-size: 9px;
  }
}

/* Keep the gallery cue fully visible on first entry on every project page. */
.project-detail-page
  .project-overview.kgc-project-overview-v13
  > .kgc-project-gallery-jump {
  bottom: 78px;
}

.project-detail-page
  .project-overview.kgc-project-overview-v13
  > .kgc-project-gallery-jump:hover {
  transform: translate(-50%, -3px);
}

/* Remove the decorative labels above the contact information cards. */
.kgc-contact-console-head {
  display: none !important;
}

/* The intro artwork now lands at the logo's real rendered width, not its box width. */
@keyframes kgc-intro-logo-dock {
  0% {
    left: 50%;
    top: 47%;
    width: clamp(180px, 24vw, 310px);
    transform: translate(-50%, -50%);
  }

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

/* A restrained light pass, clipped to the transparent KGC logo silhouette. */
.site-header .logo-link {
  --kgc-logo-visible-width: 154.5px;
  --kgc-logo-visible-height: 78px;
  position: relative;
  isolation: isolate;
}

.site-header .logo-link::after {
  content: "";
  z-index: 2;
  pointer-events: none;
  width: var(--kgc-logo-visible-width);
  height: var(--kgc-logo-visible-height);
  background: linear-gradient(
    108deg,
    transparent 37%,
    rgba(74, 200, 239, 0.05) 43%,
    rgba(117, 224, 255, 0.88) 50%,
    rgba(74, 200, 239, 0.08) 57%,
    transparent 63%
  );
  background-position: 145% 0;
  background-size: 260% 100%;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-mask: url("../kgc-media/logo-transparent.png") left center / 100% 100% no-repeat;
  mask: url("../kgc-media/logo-transparent.png") left center / 100% 100% no-repeat;
  animation: kgc-logo-light-pass 3s ease-in-out infinite;
}

@keyframes kgc-logo-light-pass {
  0%, 18% {
    background-position: 145% 0;
    opacity: 0;
  }

  27% {
    opacity: 0.82;
  }

  62% {
    background-position: -48% 0;
    opacity: 0.82;
  }

  72%, 100% {
    background-position: -58% 0;
    opacity: 0;
  }
}

@media (max-width: 1120px) {
  .site-header .logo-link {
    --kgc-logo-visible-width: 150.5px;
    --kgc-logo-visible-height: 76px;
  }
}

@media (max-width: 940px) {
  @keyframes kgc-intro-logo-dock-mobile {
    0% {
      left: 50%;
      top: 47%;
      width: clamp(180px, 48vw, 260px);
      transform: translate(-50%, -50%);
    }

    100% {
      left: 9px;
      top: 0;
      width: 142.6px;
      transform: none;
    }
  }

  .site-header .logo-link {
    --kgc-logo-visible-width: 142.6px;
    --kgc-logo-visible-height: 72px;
  }
}

@media (max-width: 760px) {
  .project-detail-page
    .project-overview.kgc-project-overview-v13
    > .kgc-project-gallery-jump {
    bottom: 62px;
  }
}

@media (max-width: 430px) {
  @keyframes kgc-intro-logo-dock-mobile {
    0% {
      left: 50%;
      top: 47%;
      width: min(230px, 68vw);
      transform: translate(-50%, -50%);
    }

    100% {
      left: 9px;
      top: 0;
      width: 134.7px;
      transform: none;
    }
  }

  .site-header .logo-link {
    --kgc-logo-visible-width: 134.7px;
    --kgc-logo-visible-height: 68px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header .logo-link::after {
    animation: none !important;
  }
}