/* B&K Hukuk ve Danışmanlık — ortak hareket katmanı
   Uygulama HTML'de data- öznitelikleriyle yapılır; seçenek seçildikten sonra aynen taşınır.

   data-hm="up"            blok aşağıdan yükselerek belirir (kaydırınca)
   data-hm="clip"          portre alttan açılır, içindeki fotoğraf hafifçe yakınlaşmadan oturur
   data-hm="flow"          süreç akışı (01–06): çizgi kaydırdıkça dolar, noktalar sırayla belirir
   data-hm-stagger         doğrudan çocuklar sırayla belirir (70 ms aralık)
   data-hm-rule="top|bottom"  kenar çizgisi soldan sağa çizilir
   data-hm-split="lines|words"  başlık satır (ya da sözcük) sözcük maskenin arkasından yükselir
   data-hm-count           rakam görünürken sayarak gelir; HTML'deki değer son değerdir
   data-hm-open="1…4"      açılışta kademeli belirme (menü, künye, eylem)
   data-hm-open="curtain"  portre perde gibi ortadan iki yana açılır (Seçenek B)
   data-hm-parallax        kaydırmaya bağlı çok hafif dikey kayma (yalnız CSS scroll-driven destek varsa)

   Güvenlik: gizleyen kuralların hepsi html.hm altında. .hm, <head>'deki satır içi betikle
   yalnız hareket azaltma kapalıyken eklenir; hareket.js 2,5 sn içinde çalışmazsa geri alınır.
   JS kapalı, hareket azaltma açık ya da betik hatalı: her şey anında ve tam görünür. */

:root{
  --hm-ease:cubic-bezier(.22,1,.36,1);     /* yumuşak iniş */
  --hm-ease-io:cubic-bezier(.65,0,.35,1);  /* çizgi çizimi */
  --hm-fast:180ms;
  --hm-mid:600ms;
  --hm-slow:900ms;
  --hm-step:70ms;
  --hm-rise:18px;
}

/* ---------- Sayfalar arası geçiş (destekleyen tarayıcıda; desteklemeyen normal gezinir) ---------- */
@view-transition{navigation:auto}
::view-transition-old(root){animation:hm-vt-out .2s ease both}
::view-transition-new(root){animation:hm-vt-in .42s var(--hm-ease) both}
@keyframes hm-vt-out{to{opacity:0}}
@keyframes hm-vt-in{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
}

/* ---------- Açılış: kademeli belirme ---------- */
.hm [data-hm-open]{animation:hm-open var(--hm-mid) var(--hm-ease) both;animation-delay:var(--hm-od,0ms)}
.hm [data-hm-open="1"]{--hm-od:120ms}
.hm [data-hm-open="2"]{--hm-od:260ms}
.hm [data-hm-open="3"]{--hm-od:420ms}
.hm [data-hm-open="4"]{--hm-od:580ms}
@keyframes hm-open{from{opacity:0;transform:translateY(10px)}}

/* Seçenek B: portre perdesi */
.hm [data-hm-open="curtain"]{animation:hm-curtain 1.05s var(--hm-ease-io) .15s both}
.hm [data-hm-open="curtain"] img:not([data-hm-parallax]){animation:hm-settle 1.4s var(--hm-ease) .15s both}
@keyframes hm-curtain{from{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0)}}
@keyframes hm-settle{from{transform:scale(1.1)}}

/* Kapak fotoğrafı: hafif büyükten yerine oturur ve opaklıkla gelir (yalnız transform/opacity; paralaks .cover-photo üzerinde, açılış picture üzerinde: çakışmaz) */
.hm [data-hm-open="photo"]{animation:hm-photo-scale 1.6s var(--hm-ease) both,hm-photo-fade 1.1s ease-out both}
@keyframes hm-photo-scale{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes hm-photo-fade{from{opacity:0}to{opacity:1}}

/* ---------- Başlık bölme (JS sözcükleri sarar; sarılmadan önce bekletilir, 1,5 sn'de kendiliğinden açılır) ---------- */
/* Bölünen başlıklarda dengeli kırma kapalı: sarılı sözcüklerle özgün metin aynı yerden kırılsın (düzen kayması olmasın) */
.hm [data-hm-split]{text-wrap:wrap}
.hm [data-hm-split]:not(.is-split):not(.hm-done){opacity:0;animation:hm-failsafe 1ms linear 1.5s forwards}
@keyframes hm-failsafe{to{opacity:1}}
.hm [data-hm-split].is-split{white-space:nowrap}
.hm-w{display:inline-block;clip-path:inset(-.3em -.2em -.32em -.2em)}
.hm-wi{display:inline-block;transform:translateY(165%)}
.hm-play .hm-wi{animation:hm-word .72s var(--hm-ease) both;animation-delay:var(--d,0ms)}
@keyframes hm-word{from{transform:translateY(165%)}to{transform:translateY(0)}}

/* ---------- Kaydırınca belirme ---------- */
.hm [data-hm="up"]{transition:opacity var(--hm-mid) var(--hm-ease),transform .7s var(--hm-ease);transition-delay:var(--hm-d,0ms)}
.hm [data-hm="up"]:not(.hm-in){opacity:0;transform:translateY(var(--hm-rise))}

.hm [data-hm-stagger] > *{transition:opacity .55s var(--hm-ease),transform .65s var(--hm-ease);transition-delay:calc(var(--i,0) * var(--hm-step))}
.hm [data-hm-stagger]:not(.hm-in) > *{opacity:0;transform:translateY(14px)}
/* İç içe: sıralı bir listenin içindeki blok, listeyle birlikte gelir (çift hareket yok) */
.hm [data-hm-stagger] [data-hm="up"]{transition:none}
.hm [data-hm-stagger] [data-hm="up"]:not(.hm-in){opacity:1;transform:none}

/* Portre: alttan açılır */
.hm [data-hm="clip"]{transition:clip-path var(--hm-slow) var(--hm-ease-io);transition-delay:calc(var(--i,0) * 90ms)}
.hm [data-hm="clip"]:not(.hm-in){clip-path:inset(100% 0 0 0)}
.hm [data-hm="clip"] img{transition:transform 1.3s var(--hm-ease);transition-delay:calc(var(--i,0) * 90ms)}
.hm [data-hm="clip"]:not(.hm-in) img{transform:scale(calc(var(--s,1) * 1.12))}

/* Kenar çizgisi çizimi: asıl kenar saydamlaşır, aynı kenarı taşıyan sözde öğe soldan çizilir */
.hm [data-hm-rule]{position:relative}
.hm [data-hm-rule="top"]{border-top-color:transparent}
.hm [data-hm-rule="bottom"]{border-bottom-color:transparent}
.hm [data-hm-rule]::after{content:"";position:absolute;left:0;right:0;height:0;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);transition:transform 1s var(--hm-ease-io);transition-delay:calc(var(--i,0) * var(--hm-step))}
.hm [data-hm-rule="top"]::after{top:0;border-top:inherit;border-top-color:var(--hm-rc);translate:0 -100%}
.hm [data-hm-rule="bottom"]::after{bottom:0;border-bottom:inherit;border-bottom-color:var(--hm-rc);translate:0 100%}
.hm [data-hm-rule].hm-in::after{transform:scaleX(1)}

/* Rakam sayacı: kutu son değerin genişliğinde sabit kalır (düzen kaymaz) */
[data-hm-count]{font-variant-numeric:lining-nums tabular-nums}

/* Süreç akışı: bronz çizgi gri çizginin üstünde dolar, noktalar sırayla */
@media (min-width:1000px){
  .flow[data-hm="flow"]{position:relative}
  .flow[data-hm="flow"]::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--bronze-l);transform-origin:0 50%;transform:scaleX(var(--hm-flow,1));pointer-events:none}
  .hm .flow[data-hm="flow"]::after{transform:scaleX(0);transition:transform 1.6s var(--hm-ease-io) .2s}
  .hm .flow[data-hm="flow"].hm-in::after{transform:scaleX(1)}
  @supports (animation-timeline:view()){
    .hm .flow[data-hm="flow"]::after{transition:none;animation:hm-fill linear both;animation-timeline:view();animation-range:entry 30% cover 60%}
  }
}
@keyframes hm-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hm .flow[data-hm="flow"] li::before{transition:transform .5s var(--hm-ease),opacity .5s ease;transition-delay:calc(var(--i,0) * 140ms + 200ms)}
.hm .flow[data-hm="flow"]:not(.hm-in) li::before{transform:scale(0);opacity:0}

/* Seçenek B kapak portresi: kaydırmaya bağlı çok hafif kayma (yalnız destekleyen tarayıcıda, JS yok) */
@supports (animation-timeline:scroll()){
  .hm [data-hm-parallax]{animation:hm-parallax linear both;animation-timeline:scroll(root);animation-range:0 90vh}
}
@keyframes hm-parallax{from{transform:translateY(0) scale(1.06)}to{transform:translateY(7%) scale(1.06)}}

/* ---------- Üst bilgi: kaydırınca küçülür, aşağı kaydırınca gizlenir, yukarı kaydırınca gelir ---------- */
.hm-ok .site-head{position:sticky;top:0;transition:transform .45s var(--hm-ease),box-shadow .3s ease,background-color .3s ease}
.hm-ok .site-head .brand .mono{transition:transform .45s var(--hm-ease);transform-origin:0 60%}
.hm-scrolled .site-head{transform:translateY(-10px)}
.hm-scrolled .site-head .brand .mono{transform:scale(.86)}
.hm-scrolled .site-head:not(.site-head--dark){box-shadow:0 1px 0 var(--line)}
.hm-scrolled .site-head--dark{box-shadow:0 1px 0 rgba(255,255,255,.12)}
.hm-head-hide .site-head{transform:translateY(-100%)}
/* Seçenek C: üst bilgi görünürken yapışkan dizin onun altına iner */
.hm-ok .c-rail{transition:transform .45s var(--hm-ease)}
.hm-scrolled:not(.hm-head-hide) .c-rail{transform:translateY(calc(var(--hm-head-h,64px) - 10px))}

/* ---------- Etkileşim ---------- */
/* Menü öğeleri: alt çizgi soldan çizilir */
@media (min-width:1024px){
  .site-nav .label{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s var(--hm-ease);padding-bottom:2px}
  .site-nav a:hover .label,.site-nav a:focus-visible .label{background-size:100% 1px}
}
/* Mobil menü: öğeler sırayla gelir */
.hm .site-nav.is-open li{animation:hm-menu .45s var(--hm-ease) both}
.hm .site-nav.is-open li:nth-child(2){animation-delay:50ms}
.hm .site-nav.is-open li:nth-child(3){animation-delay:100ms}
.hm .site-nav.is-open li:nth-child(4){animation-delay:150ms}
.hm .site-nav.is-open li:nth-child(5){animation-delay:200ms}
@keyframes hm-menu{from{opacity:0;transform:translateY(-8px)}}

/* "Devamı" bağlantıları: alt çizgi çizilerek gelir, ok kayar */
.more{background:linear-gradient(var(--bronze),var(--bronze)) 0 calc(100% - 8px)/0 1px no-repeat;transition:background-size .4s var(--hm-ease),color .2s ease}
.more:hover,.more:focus-visible{background-size:100% 1px}
.dark .more{background-image:linear-gradient(var(--bronze-l),var(--bronze-l))}
.more::after,.a-cta-v::after,.b-cta-v::after,.c-cta .v::after{transition:transform .35s var(--hm-ease)}

/* Liste satırları: hover'da hafif kayma, üst kenarda bronz çizgi */
.toc li,.area-list > li,.b-areas li,.c-index > li,.a-areas li,.pr-list li,.agrid li{position:relative}
.toc li::before,.area-list > li::before,.b-areas li::before,.c-index > li::before,.a-areas li::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--bronze);transform:scaleX(0);transform-origin:0 50%;transition:transform .55s var(--hm-ease);pointer-events:none;z-index:1}
.toc li:hover::before,.area-list > li:hover::before,.b-areas li:hover::before,.c-index > li:hover::before,.a-areas li:hover::before,
.toc li:focus-within::before,.area-list > li:focus-within::before,.b-areas li:focus-within::before,.c-index > li:focus-within::before,.a-areas li:focus-within::before{transform:scaleX(1)}
.toc .t,.area-list h2,.c-index .t,.agrid b{display:inline-block;transition:transform .45s var(--hm-ease)}
.b-areas a{transition:transform .45s var(--hm-ease),color .2s ease}
.toc a:hover .t,.toc a:focus-visible .t,.area-list a:hover h2,.area-list a:focus-visible h2,.c-index a:hover .t,.c-index a:focus-visible .t{transform:translateX(8px)}
.agrid a:hover b,.agrid a:focus-visible b{transform:translateX(4px)}
.b-areas a:hover,.b-areas a:focus-visible{transform:translateX(6px)}
.pr-list li{transition:background-color .3s ease}
.pr-list h2{transition:transform .45s var(--hm-ease)}
.pr-list li:hover h2{transform:translateX(6px)}

/* Portre: hover'da yumuşak yakınlaşma */
.team-row li .photo img,.trio .photo img,.ops-row li .photo img,.b-card .photo img,.founder-pic .photo img{transition:transform 1s var(--hm-ease)}
.team-row li:hover .photo img,.trio > *:hover .photo img,.ops-row li:hover .photo img,.b-card:hover .photo img,.b-card:focus-within .photo img{transform:scale(calc(var(--s,1) * 1.045))}

/* Düğmeler: basma hissi */
.menu-btn,.copybtn,.a-cta,.b-cta,.c-cta,.more,.sel-list a{transition-property:transform,background-size,color,border-color;transition-duration:.15s,.4s,.2s,.2s;transition-timing-function:ease-out,var(--hm-ease),ease,ease}
.menu-btn:active,.copybtn:active{transform:scale(.96)}
.a-cta:active,.b-cta:active,.c-cta:active,.more:active{transform:translateY(1px)}

/* ---------- Hareket azaltma: hover kaymaları da kapanır ---------- */
@media (prefers-reduced-motion:reduce){
  .toc a:hover .t,.area-list a:hover h2,.c-index a:hover .t,.agrid a:hover b,.b-areas a:hover,.pr-list li:hover h2,
  .team-row li:hover .photo img,.trio > *:hover .photo img,.ops-row li:hover .photo img,.b-card:hover .photo img{transform:none}
}
@media print{
  .hm [data-hm],.hm [data-hm-stagger] > *,.hm [data-hm-split]{opacity:1!important;transform:none!important;clip-path:none!important}
}