/* Service-card framing has one source of truth for every route. Card-specific
   sources are 1200×675; WebGL reads this frame during page initialization. */
#brand-film-video-watch-btn {
  /* Temporarily keep the reel as an inline visual only. The original button
     and overlay implementation stay in the bundle for a future re-enable. */
  display: none !important;
  pointer-events: none !important;
}

#brand-film-video-title,
#brand-film-video-container .brand-film-video-container-svgs {
  /* Temporarily let the inline film stand on its own. Keep the original reel
     typography in the DOM so it can be restored with the final film. */
  visibility: hidden !important;
  pointer-events: none !important;
}

#home-featured .project-item-main,
#projects-main .project-item-main {
  padding-top: 56.25%;
  overflow: hidden;
  border-radius: var(--global-border-radius);
  isolation: isolate;
}

/* Production and continuity entries are editorial text, not interactive links. */
#about-award .award-category-articles .about-award-item-container,
#about-award .award-category-talks .about-award-item-container {
  cursor: default !important;
}

/* Final client marquee: one mathematical cell system, with logo-specific
   adjustments limited to optical scale. This keeps every centre and loop seam
   perfectly even while mixed wordmarks still feel the same visual weight. */
#about-clients-carousel {
  --client-logo-cell-width: 20em;
  --client-logo-cell-height: 9em;
  --client-logo-row-gap: 2.75em;
  --client-logo-growth: 1.04;
}

#about-clients-carousel .about-clients-carousel-line + .about-clients-carousel-line {
  margin-top: var(--client-logo-row-gap) !important;
}

#about-clients-carousel .about-clients-carousel-line {
  align-items: center;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding-right: 0 !important;
}

#about-clients-carousel .about-clients-carousel-line img {
  display: block;
  flex: 0 0 var(--client-logo-cell-width);
  max-width: none !important;
  width: var(--client-logo-cell-width) !important;
  height: var(--client-logo-cell-height) !important;
  padding: 1.2em 3.4em;
  box-sizing: border-box;
  object-fit: contain;
  object-position: center;
  transform: translateY(var(--logo-y, 0)) scale(calc(var(--logo-scale, 1) * var(--client-logo-growth))) !important;
  transform-origin: center;
}

/* Optical scale, not layout width: spacing remains mathematically equal. */
#about-clients-carousel img[src*="@logo--hesaplikasap.svg"] {
  --logo-scale: 0.82;
  --logo-y: 0.12em;
}

#about-clients-carousel img[src*="@logo--ugurokullari.svg"] {
  --logo-scale: 0.74;
}

#about-clients-carousel img[src*="@logo--michelin.svg"],
#about-clients-carousel img[src*="@logo--hankook.svg"] {
  --logo-scale: 0.82;
}

#about-clients-carousel img[src*="@logo--bybit.svg"] {
  --logo-scale: 0.7;
}

#about-clients-carousel img[src*="@logo--satecs.svg"] {
  --logo-scale: 0.72;
}

#about-clients-carousel img[src*="@logo--ctrlworld.svg"] {
  --logo-scale: 0.68;
}

#about-clients-carousel img[src*="@logo--audius.svg"] {
  --logo-scale: 0.76;
}

#about-clients-carousel img[src*="@logo--happycenter.svg"] {
  --logo-scale: 0.78;
}

#about-clients-carousel img[src*="@logo--base.svg"] {
  --logo-scale: 0.7;
}

#about-clients-carousel img[src*="@logo--printco.svg"] {
  --logo-scale: 0.86;
}

#about-clients-carousel img[src*="@logo--barbarians.svg"] {
  --logo-scale: 0.76;
}

#about-clients-carousel img[src*="@logo--buski.svg"] {
  --logo-scale: 0.84;
}

#about-clients-carousel img[src*="@logo--korusu.svg"] {
  --logo-scale: 0.78;
}

#about-clients-carousel img[src*="@logo--bursabuyuksehir.svg"] {
  --logo-scale: 0.74;
}

#about-clients-carousel img[src*="@logo--bursaspor.svg"] {
  --logo-scale: 0.76;
}

@media (max-width: 812px) {
  #about-clients-carousel {
    --client-logo-cell-width: 13.5em;
    --client-logo-cell-height: 7.25em;
    --client-logo-row-gap: 1.75em;
  }

  #about-clients-carousel .about-clients-carousel-line img {
    padding: 0.9em 2.3em;
  }
}

#about-award
  .award-category-articles
  .about-award-item-container
  .about-award-item-wrapper-text,
#about-award
  .award-category-talks
  .about-award-item-container
  .about-award-item-wrapper-text,
#about-award
  .award-category-articles
  .about-award-item-container:hover
  .about-award-item-wrapper-text,
#about-award
  .award-category-talks
  .about-award-item-container:hover
  .about-award-item-wrapper-text {
  transform: none !important;
  transition: none !important;
}

#about-award .award-category-articles .about-award-item-wrapper-svg,
#about-award .award-category-talks .about-award-item-wrapper-svg {
  display: none !important;
}

@media (max-width: 812px) {
  #about-who-team-left-mobile-tips.--is-active {
    animation: bastet-mobile-tip 2.6s cubic-bezier(0.35, 0, 0, 1) forwards;
  }
}

@keyframes bastet-mobile-tip {
  0% {
    opacity: 0;
    transform: scale3d(0, 0, 1);
  }

  14%,
  68% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  100% {
    opacity: 0;
    transform: scale3d(0.84, 0.84, 1);
  }
}

@media (prefers-reduced-motion: reduce) {
  #about-who-team-left-mobile-tips {
    display: none !important;
  }
}
/* Search engines and assistive technologies need a page-level title on the
   highly visual BAST page; keep it semantic without changing the composition. */
#about-seo-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Keep the services masthead compact: title and count share one line. */
@media (min-width: 813px) {
  #projects-main-title-wrapper {
    font-size: 6.8vw !important;
    white-space: nowrap;
  }

  #projects-main-title {
    white-space: nowrap;
  }

  #projects-main-title-project-number {
    font-size: 2.75vw;
    top: 1.4vw;
    right: -6.5vw;
  }
}

@media (max-width: 812px) {
  #projects-main-title-wrapper {
    font-size: 7.8vw !important;
    max-width: 100%;
    white-space: nowrap;
  }

  #projects-main-title {
    left: 0;
    white-space: nowrap;
  }

  #projects-main-title-project-number {
    font-size: 3vw;
    top: 1.5vw;
    right: -5.5vw;
  }

  #projects-main-title-project-arrow {
    right: -5.5vw;
    width: 3vw;
    height: 3vw;
  }
}