/* ══ BÖLÜNMÜŞ SCROLL (SPLIT) ══ */
.split-pin-wrap {
    height: 400vh; position: relative;
    background: var(--bg2);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
  }
  .split-sticky {
    position: sticky; top: 0; height: 100vh;
    display: flex; align-items: center; justify-content: center;
    padding: 0 10vw; gap: 6vw; overflow: hidden;
  }
  .split-left { flex: 1; display: flex; justify-content: flex-end; margin-top: 40px; }
  .split-frame {
    position: relative; width: 100%; max-width: 640px;
    aspect-ratio: 1/1;
    border: 1.5px solid var(--border-2);
    border-radius: 24px; padding: 8px;
  }
  .split-frame-inner {
    position: relative; width: 100%; height: 100%;
    border-radius: 18px; overflow: hidden; background: var(--bg2);
  }
  .split-img {
    position: absolute; inset: 0; opacity: 0;
    transform: scale(1.08);
    transition: opacity .9s ease, transform .9s ease;
    object-fit: cover; filter: brightness(.92) saturate(1.1);
  }
  .split-img.active { opacity: 1; transform: scale(1); }
  
  .split-right { flex: 1; position: relative; height: 320px; display: flex; align-items: center; }
  .split-text {
    position: absolute; left: 0; width: 100%; max-width: 500px;
    opacity: 0; transform: translateY(45px) translateX(-10px);
    transition: all .85s cubic-bezier(.19,1,.22,1); pointer-events: none;
  }
  .split-text.active { opacity: 1; transform: translateY(0) translateX(0); pointer-events: auto; }
  
  .split-step {
    font-family: 'Space Mono', monospace; font-size: .48rem;
    letter-spacing: .42em; color: var(--teal);
    margin-bottom: 16px; display: block;
  }
  .split-text h3 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.4rem,3.5vw,3.8rem);
    font-weight: 300; line-height: 1.1;
    color: var(--text); margin-bottom: 22px;
  }
  .split-text p { font-size: 1.1rem; line-height: 1.85; color: var(--muted); font-weight: 300; }

  /* ══ MOBİL UYUMLULUK: BÖLÜNMÜŞ EKRAN (SPLIT) ══ */
@media (max-width: 768px) {
    .split-sticky { flex-direction: column; padding: 10vh 5vw; gap: 20px; }
    .split-left { margin-top: 0; align-items: flex-end; }
    .split-frame { max-width: 80%; margin: 0 auto; }
    .split-right { height: auto; text-align: center; margin-top: 20px; }
    .split-text { transform: translateY(20px) translateX(0); left: 50%; transform: translateX(-50%); width: 100%; }
  }