/* Siluet ana sayfa ortak (lider). Bölüm stilleri css/b-*.css ve css/dizin.css dosyalarında. */
.yapim, .projeler, .yuruyus, .kurumsal, .sayilar, .iletisim { position: relative; z-index: 7; }
/* yazı her görselde aynı cam panelde: görselin kalabalık bölgesinde bile okunur */
/* ---------- okuma ---------- */
.kel { transition: none; }
/* zemin devri (UI jürisi): JS çalışınca düz bölümlerin kendi zemini kalkar, sayfa zemini kaydırmayla bir sonraki bölümün tonuna geçer;
   görselli sahneler (yürüyüş, Kurumsal) kendi zeminini korur, sayfa zemini onlara yaklaşırken kesme çizgisi erir. */
html.zemin-devri .yapim, html.zemin-devri .kamera, html.zemin-devri .projeler, html.zemin-devri .sayilar, html.zemin-devri .iletisim { background: transparent; }
/* bölüm devri (js/devir.js): giren bölüm, çıkan bölümün yapışık sahnesinin ve devir payının üstüne biner; iki sahne devir boyunca birlikte yapışık kalır */
html:not(.az-hareket) .devir-giren { margin-top: calc(-1 * (var(--sahne-h, 100svh) + var(--devir-giris, 0px))); }
html:not(.az-hareket) .devir-bekle > [data-sahne] { opacity: 0 !important; pointer-events: none !important; } /* devir.js bekleme kapısı */
/* giren bölümün kutusu negatif payla çıkan sahnenin üstüne uzanır: kutu dokunuş almaz, çocukları (sahne, İletişim'in form sütunu) alır (B2'nin son iki panosu ve yürüyüş durakları tıklanamıyordu).
   :where ile özgüllük düşük: bölüm kendi sahnesine pointer-events: none yazmışsa (Kurumsal, İletişim) o geçerli kalır */
html:not(.az-hareket) .devir-giren { pointer-events: none; }
:where(html:not(.az-hareket) .devir-giren) > * { pointer-events: auto; }