/* Siluet hareket katmanı ve jüri turu ortak düzeltmeleri (2026-10-24). siluet.css'ten sonra yüklenir. */
:root {
  --kenar: clamp(20px, 5.6vw, 96px);          /* akışkan kenar: 1280'de 72 px, 1440'ta 81 px, telefonda 22 px */
  --bolum: clamp(72px, 9vw, 128px);           /* bölüm iç boşluğu */
  --e-sahne: cubic-bezier(.7, 0, .2, 1);
  --t-hizli: .45s; --t-orta: .9s; --t-sahne: 1.4s;
  --gri-koyu: #48484D;                        /* açık zeminlerde alt satır, ≥ 4,5:1 */
}
/* satır maskesi: Türkçe kuyruklar (ğ, ş, ç, g) ve İ noktası kesilmez */
.satir-m { padding: .06em 0 .16em; margin: -.06em 0 -.16em; }
/* fotoğrafla dolan yazı */
.foto-yazi { background-image: var(--foto); background-size: cover; background-position: 50% 50%; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
@supports not ((-webkit-background-clip: text) or (background-clip: text)) { .foto-yazi { color: var(--metin); -webkit-text-fill-color: currentColor; } }
/* kayan fotoğraf kadrajı */
[data-kayma] { overflow: hidden; }
/* imleç etiketi */
.imlec { position: fixed; left: 0; top: 0; z-index: 120; pointer-events: none; }
.imlec__hap { position: absolute; left: 18px; top: 14px; display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border-radius: 999px; background: rgba(255,255,255,.86); -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); color: var(--metin); font: 500 13px/1 var(--sans); letter-spacing: -.005em; white-space: nowrap; box-shadow: 0 8px 24px -12px rgba(0,0,0,.35); transform: scale(.6); opacity: 0; transform-origin: 0 0; transition: transform var(--t-hizli) var(--e-cikis), opacity .25s; }
.imlec.gorunur .imlec__hap { transform: scale(1); opacity: 1; }
.imlec.basili .imlec__hap { transform: scale(.92); }
/* sayfa geçişi (tam fotoğraf) */
.gecis-tam-klon { position: fixed; z-index: 90; pointer-events: none; overflow: hidden; }
.gecis-tam-klon img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gecis-tam-klon .gecis-tam-klon__hedef { position: absolute; inset: 0; opacity: 0; }
html.gecis-tam::after { content: ""; position: fixed; inset: 0; z-index: 96; background: var(--gt-src) 50% 50% / cover no-repeat, var(--gt-ton, #F4F2EE); transition: opacity .7s var(--e-yumusak); pointer-events: none; }
html.gecis-tam-bitti::after { opacity: 0; }
/* örtü fotoğrafı (head betiği): <img decoding="sync"> ilk boyamada çizilir; CSS arka planı çözülene dek tek kare düz renk kalıyordu (jüri 3) */
.gecis-ortu { position: fixed; inset: 0; z-index: 97; width: 100%; height: 100%; max-width: none; object-fit: cover; pointer-events: none; transition: opacity .7s var(--e-yumusak); transform-origin: 50% 50%; animation: gecis-ortu-yaklas 2.6s cubic-bezier(.2, .6, .3, 1) both; }
@keyframes gecis-ortu-yaklas { from { transform: scale(1); } to { transform: scale(1.03); } } /* sayfa yüklenirken kare donuk durmaz */
html:not(.gecis-tam):not(.gecis-donus) .gecis-ortu { display: none; }
html.gecis-tam-bitti .gecis-ortu, html.gecis-donus-bitti .gecis-ortu { opacity: 0; }
/* geri dönüş (yeniden yüklenen sayfa): fotoğraf ilk boyamada ekranı kaplar, hareket.js onu bağlantının karesine küçültür */
html.gecis-donus::after { content: ""; position: fixed; inset: 0; z-index: 96; background: var(--gt-src) 50% 50% / cover no-repeat, var(--gt-ton, #F4F2EE); transition: opacity .7s var(--e-yumusak); pointer-events: none; }
html.gecis-donus-bitti::after { opacity: 0; }
/* telefonda tek, sakin eylem: sağ altta küçük cam hap (Ara | WhatsApp) */
@media (max-width: 820px) {
  .eylem-cubugu { left: auto !important; right: 12px !important; width: auto !important; margin-left: 0 !important; gap: 4px; padding: 4px; }
  .eylem-cubugu .hap { flex: 0 0 auto; min-height: 44px; padding: 0 16px; font-size: 15px; }
  .alt { padding-bottom: 84px; }
}
@media (prefers-reduced-motion: reduce) { .imlec { display: none; } }