/* ExpandReveal: sticky sahne. --p/--e/--t/--c kaydırmada JS ile yazılır; kelime ve süs hareketi saf CSS. */
.cc_3kqoau7t_iF4kwJx6ik .zb-er {
  --er-ease: var(--zb-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
  /* başlangıç (SSR) değerleri; kaydırmada JS satır içi yazar. Inline vnode'da yok ki reduced-motion ezilmesin */
  --p: 0;
  --e: 0;
  --t: 0;
  --c: 0;
  box-sizing: border-box;
  width: 100%;
  overflow: clip; /* hidden değil: sticky bozulur */
  color: var(--er-text);
}

.cc_3kqoau7t_iF4kwJx6ik .zb-er-track {
  position: relative;
  height: calc(var(--er-len) * 1vh);
}

.cc_3kqoau7t_iF4kwJx6ik .zb-er-stage {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: clip;
}

/* kart: tam alan katman, clip-path ile küçük pencere → tam alan */
.cc_3kqoau7t_iF4kwJx6ik .zb-er-media {
  --er-cw: min(var(--er-w), 80%);
  --er-ch: min(var(--er-h), 72%);
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--er-text) 8%, var(--er-bg));
  clip-path: inset(
    calc((100% - var(--er-ch)) / 2 * (1 - var(--e, 0))) calc((100% - var(--er-cw)) / 2 * (1 - var(--e, 0)))
      round calc(var(--er-radius) * (1 - var(--e, 0)))
  );
  will-change: clip-path;
}

.cc_3kqoau7t_iF4kwJx6ik .zb-er-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(calc(1.2 - 0.2 * var(--e, 0)));
  will-change: transform;
}

.cc_3kqoau7t_iF4kwJx6ik .zb-er-shade {
  position: absolute;
  inset: 0;
  background: var(--er-shade);
  opacity: calc(var(--e, 0) * var(--er-shade-strength, 0.32));
  pointer-events: none;
}

.cc_3kqoau7t_iF4kwJx6ik .zb-er-floats {
  position: absolute;
  inset: 0;
}

.cc_3kqoau7t_iF4kwJx6ik .zb-er-copy {
  --er-ink: color-mix(in srgb, var(--er-text-on-image) calc(var(--e, 0) * 100%), var(--er-text));
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 0 32px;
  text-align: center;
  color: var(--er-ink);
  pointer-events: none;
}

.cc_3kqoau7t_iF4kwJx6ik .zb-er-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: var(--ty-eyebrow-size, 12px);
  line-height: 16px;
  text-transform: uppercase;
  font-weight: var(--ty-eyebrow-weight, 400);
}
.cc_3kqoau7t_iF4kwJx6ik .zb-er-eyebrow::before {
  content: "";
  width: 32px;
  height: 1px;
  background: currentColor;
}

.cc_3kqoau7t_iF4kwJx6ik .zb-er-headline {
  margin: 0;
  max-width: 1120px;
  font-size: var(--er-size, 72px);
  line-height: 1.05;
  font-weight: var(--ty-headline-weight, 500);
  text-wrap: balance;
}

/* kelime i: --t (0–1) ilerlemesine göre sırayla netleşir (3 kelimelik örtüşme) */
.cc_3kqoau7t_iF4kwJx6ik .zb-er-word {
  --k: clamp(0, calc((var(--t, 0) * (var(--wn) + 3) - var(--wi)) / 3), 1);
  display: inline-block;
  margin-right: 0.24em;
  opacity: calc(0.12 + 0.88 * var(--k));
  transform: translate3d(0, calc((1 - var(--k)) * 12px), 0);
  filter: blur(calc((1 - var(--k)) * 8px * var(--er-blur, 1)));
}
.cc_3kqoau7t_iF4kwJx6ik .zb-er-word:last-child {
  margin-right: 0;
}

.cc_3kqoau7t_iF4kwJx6ik .zb-er-caption {
  margin: 0;
  max-width: 480px;
  font-size: var(--ty-caption-size, 16px);
  line-height: 1.5;
  opacity: var(--c, 0);
  transform: translate3d(0, calc((1 - var(--c, 0)) * 12px), 0);
  font-weight: var(--ty-caption-weight, 400);
}

.cc_3kqoau7t_iF4kwJx6ik .zb-er-link {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  border: 1px solid currentColor;
  color: inherit;
  font-size: var(--ty-link-size, 16px);
  line-height: 24px;
  text-decoration: none;
  opacity: var(--c, 0);
  transform: translate3d(0, calc((1 - var(--c, 0)) * 12px), 0);
  pointer-events: none;
  transition:
    background var(--zb-duration-base, 0.35s) var(--er-ease),
    color var(--zb-duration-base, 0.35s) var(--er-ease);
  font-weight: var(--ty-link-weight, 400);
}
/* buton yalnızca görününce tıklanır */
.cc_3kqoau7t_iF4kwJx6ik .zb-er[data-done] .zb-er-link, .cc_3kqoau7t_iF4kwJx6ik .zb-er-link:focus-visible {
  pointer-events: auto;
}
.cc_3kqoau7t_iF4kwJx6ik .zb-er-link:hover {
  background: var(--er-text-on-image);
  color: var(--er-text);
}

@media (max-width: 768px) {
  .cc_3kqoau7t_iF4kwJx6ik .zb-er-copy {
    padding: 0 16px;
    gap: 16px;
  }
  .cc_3kqoau7t_iF4kwJx6ik .zb-er-headline {
    font-size: var(--er-size-sm, 36px);
  }
  .cc_3kqoau7t_iF4kwJx6ik .zb-er-floats {
    --er-fs: 0.6;
  }
}

/* hareketi azalt: sabitleme yok, görsel tam açık, başlık tam görünür */
@media (prefers-reduced-motion: reduce) {
  .cc_3kqoau7t_iF4kwJx6ik .zb-er {
    --e: 1;
    --t: 1;
    --c: 1;
  }
  .cc_3kqoau7t_iF4kwJx6ik .zb-er-track {
    height: auto;
  }
  .cc_3kqoau7t_iF4kwJx6ik .zb-er-stage {
    position: relative;
    height: 80vh;
  }
  .cc_3kqoau7t_iF4kwJx6ik .zb-er-media {
    clip-path: none;
  }
  .cc_3kqoau7t_iF4kwJx6ik .zb-er-img {
    transform: none;
  }
  .cc_3kqoau7t_iF4kwJx6ik .zb-er-word {
    filter: none;
    transform: none;
    opacity: 1;
  }
  .cc_3kqoau7t_iF4kwJx6ik .zb-er-caption, .cc_3kqoau7t_iF4kwJx6ik .zb-er-link {
    transform: none;
    opacity: 1;
    pointer-events: auto;
  }
  .cc_3kqoau7t_iF4kwJx6ik .zb-ef {
    display: none;
  }
}