/* ESHIK · W07 · ana sayfa. İki düzen:
   · html.uc-boyut — 3D (home.js, WebGL ve sahne hazır olunca ekler). Katmanlar: tuval 0 · ekran metinleri 1 · final 3 · navigasyon 20 · perde 40.
     Ekran metni şeffaf HTML katmanıdır; okunur yüzey 3D taşıyıcının buzlu CHALK bölümüdür (metin kontrastı sabit, saydamlıkla düşürülmez).
   · aksi halde statik belge akışı (varsayılan): JS yok / yüklenemedi / WebGL yok / azaltılmış hareket / statik=1 / 3D 4,5 sn içinde hazır olmadı.
     Statik düzen JS'e bağlı değildir. 3D değerleri W06 ile aynıdır; yalnız html.uc-boyut altına alındı.
   Emniyet (B4.2 · M47): perde ve 3D bekleme en geç 5 sn; JS devralmazsa CSS perdeyi gizler, statik içeriği gösterir. */

/* ---- ortak: metin, adımlar, bağlantılar (iki düzende aynı) */
.ekran { color: var(--eshik-graphite); }
.ekran .e-et { margin: 0; font-size: 15px; }
.ekran h2 { margin: 14px 0 0; font: 600 60px/1 var(--f-display); letter-spacing: -.01em; }
.e-lead { margin: 18px 0 0; font: 600 26px/1.32 var(--f-text); }
.adimlar { list-style: none; margin: 0; padding: 0; }
.adimlar li { display: grid; grid-template-columns: 22px 1fr; column-gap: 16px; align-items: center; }
.adimlar .nokta { width: 18px; height: 18px; border-radius: 50%; border: 3px solid var(--eshik-graphite); transition: background 240ms var(--e-in), border-color 240ms var(--e-in); }
.adimlar b { font-weight: 400; font-size: 25px; }
.e-not { margin: 0; font-size: 18px; line-height: 1.4; }
.k5.e-git { font-size: 26px; }   /* "…'ı keşfet": K5 · dolgu (kullanıcı kararı 11.11.2026; stil site.css); alt çizgi metin boyunda, yan dolgu 2 px */
html.uc-boyut .ekran .k5.e-git { flex-shrink: 0; }   /* 3D panelde sütun daralınca bağlantı ezilmez */
/* Studio örneği (statik düzen): KIVAM filminden sabit kare; 3D düzende film panelde (home.js) */
.e-gorsel { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #FADDD0; }   /* kare inene dek KIVAM zemini (Un); proje rengi yalnız medya alanında */
/* Systems örneği (statik düzen): tamamlanmış süreç haritası; 3D düzende sistem penceresi panelde (home.js) */
.e-harita { display: block; width: 100%; height: auto; }
.cikti .c { border-left: 4px solid var(--eshik-graphite); padding: 2px 0 2px 20px; }
.cikti .etiket { display: block; font-size: 13px; margin-bottom: 8px; }
.cikti p { margin: 0; font-size: 24px; line-height: 1.32; }
.cikti .dal { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 10px; }
.cikti .dal li { border: 3px solid var(--eshik-graphite); padding: 3px 12px; font-size: 20px; }
.cikti .dal .secili { background: var(--eshik-graphite); color: var(--eshik-chalk); font-weight: 600; }   /* seçilen: dolgu + ağırlık + ekran okuyucu metni */
/* Products örneği (statik düzen ve ekran okuyucu): örnek maliyet tablosunun son hâli; 3D düzende tablo panelde kaydırmayla kurulur (home.js). Kireç kartta küçük metin serbest; safran yalnız aktif alan */
.e-tablo-sar { overflow-x: auto; }
.e-tablo { width: 100%; min-width: 480px; border-collapse: collapse; font: 400 16px/1.3 var(--f-text); font-variant-numeric: tabular-nums; }
.e-tablo caption { caption-side: top; text-align: left; padding-bottom: 12px; font: 600 18px/1.3 var(--f-text); }
.e-tablo caption .etiket { margin-left: 12px; font-size: 12px; font-weight: 400; }
.e-tablo th, .e-tablo td { padding: 9px 8px 9px 0; border-bottom: 1px solid var(--eshik-graphite); text-align: right; }
.e-tablo :is(th, td):first-child { text-align: left; }
.e-tablo thead th { font-size: 14px; font-weight: 600; border-bottom-width: 2px; }
.e-tablo tbody th { font-weight: 400; }
.e-tablo td:nth-child(n+5) { font-weight: 600; }
.e-tablo tfoot :is(th, td) { border-bottom: 0; padding-top: 14px; font-weight: 600; }
.e-tablo .e-aktif { display: inline-block; padding: 3px 8px; box-shadow: inset 0 0 0 2px var(--eshik-saffron); }   /* aktif alan (yalnız değeri sarar): safran = aktif durum */
@media (max-width: 640px) {   /* telefon: altı sütun kartın içine sığar (ürün adı iki satıra iner); yana kaydırma yalnız emniyet */
  .e-tablo { min-width: 0; font-size: 13px; }
  .e-tablo th, .e-tablo td { padding-right: 5px; }
  .e-tablo thead th { font-size: 12px; }
  .e-tablo caption { font-size: 16px; }
}

/* giriş: onaylı FLAT lockup (kireç, zeytin zeminde), descriptor, kilitli slogan; zeytin üstünde metin ≥ 24 px */
.giris { color: var(--eshik-chalk); text-align: center; }
.giris h1 { margin: 0; display: flex; flex-direction: column; align-items: center; gap: clamp(20px, 3vh, 32px); font: 600 24px/1.3 var(--f-text); }
.giris-logo { display: block; height: clamp(150px, 22vh, 220px); width: auto; }
.giris-tanim { display: block; }
.giris-slogan { margin: clamp(24px, 4vh, 40px) 0 0; font: 600 clamp(32px, 4vw, 56px)/1.1 var(--f-display); letter-spacing: -.005em; }

/* final: ortak tipografi ve bağlantı dili */
.final { color: var(--eshik-chalk); text-align: center; --y: 46vh; --k: 0px; display: flex; flex-direction: column; align-items: center; }
.final h2 { margin: 0; font: 600 clamp(32px, 3.4vw, 52px)/1.08 var(--f-display); letter-spacing: -.01em; text-wrap: balance; }   /* okunur, ekranı doldurmaz; 3D'de dar bantta JS küçültür */
/* üç alan: P5.1 Threshold Light (K6, kullanıcı kararı 10.11.2026; önceden P5.2 önizleme) — Michroma etiket (+0,12em), zeytin üstünde 24 px, ESHIK sayfasıyla aynı;
   hover / odak = eşikten aşağı safran ışık (sayfada tek yayılım); 3D'de ilgili ekran hafifçe öne gelir (JS) */
.f-yon { display: flex; justify-content: center; gap: clamp(28px, 5vw, 88px); flex-wrap: wrap; transform: translateY(calc(var(--k) * -1)); }
.f-alan.tl { font: 400 24px/1 var(--f-label); letter-spacing: .12em; padding-left: 16px; padding-right: 16px; }
.f-alan .f-ad { margin-right: -.12em; }
/* iletişim: P5.1 Threshold Light (tek safran etkileşim); yüzey OLIVE */
.f-cagri { margin-top: clamp(28px, 5vh, 52px); display: flex; flex-direction: column; align-items: center; gap: 14px; transform: translateY(calc(var(--k) * -1)); }
.f-cagri[data-tl-surface] { background: transparent; }
.f-cagri p { margin: 0; font: 400 24px/1.3 var(--f-text); }                                          /* zeytin üstünde ≥ 24 px */
.f-cagri .tl { font-size: 24px; padding-left: 16px; padding-right: 16px; }                            /* P5.1 20 px → zeytin üstünde 24 px (M38 okunurluk kuralı; açık nokta olarak raporlandı) */
/* SYSTEMS tam ortada: yan sütunlar eşit, kısa STUDIO ve uzun PRODUCTS ortayı kaydırmaz; başlık, alt yazı ve İletişim aynı eksende (kullanıcı kararı, 10.11.2026) */
@media (min-width: 641px) { .f-yon { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); column-gap: clamp(28px, 5vw, 88px); width: 100%; max-width: 1080px; }
  .f-yon .f-alan:first-child { justify-self: end; } .f-yon .f-alan:last-child { justify-self: start; } }
@media (max-width: 640px) { .f-yon { flex-direction: column; align-items: center; gap: 0; } :is(.f-alan.tl, .f-cagri .tl) { min-height: 0; padding-top: 4px; padding-bottom: calc(.6em + 4px); }   /* telefonda final tek ekrana sığar; ışık payı (.6em) korunur */ .f-cagri { margin-top: 22px; } }

/* ---- açılış perdesi (oturumda bir kez; yalnız acilis.js 'perde' sınıfını eklerse görünür) */
html.yukleniyor { background: var(--eshik-chalk); }
html.yukleniyor #sahne { visibility: hidden; }
#perde { position: fixed; inset: 0; z-index: 40; pointer-events: none; display: none; }
html.perde #perde { display: block; animation: eshik-emniyet-gizle 0s linear 5s forwards; }   /* emniyet: JS devralmazsa en geç 5 sn'de gizlenir */
html.perde.perde-kisa #perde { animation-delay: 2.25s; }   /* yenileme perdesi (≈ 1,8 sn): CSS emniyeti 5 sn × 0,45 */
html #perde.bitti { display: none; }   /* html.perde #perde'den sonra, aynı özgüllükte */
#perde .p-ust, #perde .p-alt { position: absolute; left: 0; right: 0; height: 50%; background: var(--eshik-chalk); will-change: transform; }
#perde .p-ust { top: 0; } #perde .p-alt { bottom: 0; }
#perde .p-metin { position: absolute; left: 24px; right: 24px; bottom: clamp(30px, 5.2vh, 58px); margin: 0; text-align: center;
  font: 600 clamp(30px, 3.8vw, 60px)/1.1 var(--f-display); letter-spacing: -.005em; color: var(--eshik-graphite); opacity: 0; }
#perde .p-isim { position: absolute; left: 50%; top: clamp(30px, 5.2vh, 58px); height: clamp(30px, 3.8vw, 56px); transform: translateX(-50%); opacity: 0; }
#perde .p-cizgi { position: absolute; left: 0; top: 50%; width: 100%; height: 4px; margin-top: -2px; background: var(--eshik-saffron); transform: scaleX(0); transform-origin: 50% 50%; }
@media (max-width: 700px) { #perde .p-cizgi { height: 3px; } }

/* ---- 3D bekleniyor: içerik gizli; emniyet: 3D en geç 5 sn'de hazır değilse statik içerik görünür (sonra 3D'ye geçilmez: home.js 4,5 sn) */
html.bekle-3d main { visibility: hidden; animation: eshik-emniyet-goster 0s linear 5s forwards; }
html.bekle-3d.perde-kisa main { animation-delay: 2.25s; }   /* yenileme: perde kalkınca boş ekran değil, statik içerik */
@keyframes eshik-emniyet-gizle { to { visibility: hidden; } }
@keyframes eshik-emniyet-goster { to { visibility: visible; } }

/* ---- statik düzen (varsayılan): normal belge akışı, tam genişlik, nötr adımlar */
#sahne, #iz { display: none; }
html:not(.uc-boyut) main { padding-bottom: clamp(24px, 6vh, 64px); }
html:not(.uc-boyut) .giris { padding: calc(var(--bar-h) + clamp(48px, 9vh, 112px)) var(--gutter) clamp(32px, 6vh, 72px); }
html:not(.nv-js):not(.uc-boyut) .giris { padding-top: clamp(48px, 9vh, 112px); }   /* JS'siz navigasyon: header akışta (site.css) */
html:not(.uc-boyut) .ekran { position: relative; width: min(1200px, calc(100% - 32px)); margin: 40px auto; background: var(--eshik-chalk); }
html:not(.uc-boyut) .ekran-ic { padding: clamp(28px, 5vw, 64px); max-width: 760px; }
html:not(.uc-boyut) .adimlar { margin-top: 28px; display: grid; gap: 14px; }
html:not(.uc-boyut) .e-not { margin-top: 24px; }
html:not(.uc-boyut) .e-git { margin-top: 20px; }
html:not(.uc-boyut) .e-gorsel { margin-top: 28px; }
html.bekle-3d .e-gorsel { display: none; }   /* 3D beklenirken kare indirilmez (tembel; açılış yükünü artırmaz). JS yoksa bekle-3d de yok */
html:not(.uc-boyut) .e-harita { margin-top: 28px; }
html:not(.uc-boyut) .e-tablo-sar { margin-top: 28px; }
html:not(.uc-boyut) .cikti { margin-top: 28px; }
html:not(.uc-boyut) .cikti .c { margin: 14px 0; }
html:not(.uc-boyut) .final { padding: clamp(64px, 12vh, 140px) var(--gutter) clamp(48px, 8vh, 96px); }
html:not(.uc-boyut) .final h2 { margin-bottom: 40px; }
@media (max-width: 640px) {
  html:not(.uc-boyut) .ekran { margin: 24px auto; }
  html:not(.uc-boyut) .ekran h2 { font-size: 44px; } html:not(.uc-boyut) .e-lead { font-size: 22px; }
  html:not(.uc-boyut) .adimlar b { font-size: 22px; } html:not(.uc-boyut) .cikti p { font-size: 20px; }
  html:not(.uc-boyut) .turler span { font-size: 18px; margin-bottom: 8px; } html:not(.uc-boyut) .e-git { font-size: 22px; }
}

/* ---- 3D düzen (W06 değerleri) */
html.uc-boyut .giris { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }   /* yalnız ekran okuyucu */
html.uc-boyut #sahne { position: fixed; inset: 0; width: 100%; height: 100%; display: block; z-index: 0; }
html.uc-boyut #iz { display: block; width: 1px; }
body.ana { overscroll-behavior-y: none; }

/* ekran metinleri (3D yüze homografi ile oturur) */
html.uc-boyut .ekran { position: fixed; left: 0; top: 0; z-index: 1; transform-origin: 0 0; visibility: hidden; pointer-events: none; backface-visibility: hidden; }
html.uc-boyut .ekran.gorunur { visibility: visible; } html.uc-boyut .ekran.etkin { pointer-events: auto; }
html.uc-boyut .ekran-ic { position: absolute; inset: 0; }
html.uc-boyut .adimlar li[data-durum="gecti"] .nokta { background: var(--eshik-graphite); }
html.uc-boyut .adimlar li[data-durum="simdi"] b { font-weight: 600; }
html.uc-boyut .adimlar li[data-durum="simdi"] .nokta { background: var(--eshik-saffron); border-color: var(--eshik-saffron); }   /* durum: biçim (dolgu) + ağırlık + renk */
html.uc-boyut .e-git { visibility: hidden; }
html.uc-boyut .ekran.gorunur.cta .e-git { visibility: visible; }

/* Studio / Systems / Products (yatay): metin buzlu sol bölümde, anlatım sağ bölümde */
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]) .ekran-ic { padding: 62px 0 54px 64px; width: 46%; display: flex; flex-direction: column; }
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]) .ekran-ic > :not(.e-git) { padding-right: 40px; }   /* bağlantıya değil: alt çizgi metin boyunda kalır */
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]) .adimlar { margin-top: 36px; display: grid; gap: 16px; }
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]) .e-not { margin-top: auto; }
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]) .e-git { margin-top: 16px; align-self: flex-start; }
html.uc-boyut .e-gorsel, html.uc-boyut .e-harita { display: none; }   /* 3D'de film / sistem penceresi panelde; kare indirilmez (tembel) */
html.uc-boyut .e-tablo-sar { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }   /* 3D'de tablo panelde (tuval); burada yalnız ekran okuyucu */

/* ilk ekran (3D): sembolün altında, lockup'taki gibi kısa tanım ve kaydırma işareti; kaydırma başlayınca söner (index.html). Statik düzende .giris zaten görünür */
.ilk-tanim { display: none; }
html.uc-boyut .ilk-tanim { display: block; position: fixed; left: 0; right: 0; top: 76vh; z-index: 2; padding: 0 var(--gutter); text-align: center; pointer-events: none; color: var(--eshik-chalk); opacity: var(--o, 1); visibility: var(--v, visible); }
.ilk-tanim p { margin: 0; font-size: 13px; letter-spacing: .14em; }   /* kısa tanıtıcı etiket (descriptor; zeytinde kalabilir) */
.ilk-asagi { display: inline-flex; align-items: center; gap: 12px; margin-top: 22px; font: 400 12px/1 var(--f-label); letter-spacing: .14em; }
/* KAYDIRIN'ın yanında ince aşağı ok: aşağı kayarak belirir, söner (kullanıcı kararı B, 09.11.2026); kaydırınca tanımla birlikte söner, azaltılmış harekette durağan */
.ilk-asagi::after { content: ""; width: 9px; height: 9px; margin-top: -6px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); animation: ilk-ok 1.8s cubic-bezier(.45, 0, .55, 1) infinite; }
@keyframes ilk-ok {
  0% { opacity: 0; transform: translateY(-6px) rotate(45deg); }
  40% { opacity: 1; }
  70% { opacity: 1; transform: translateY(4px) rotate(45deg); }
  100% { opacity: 0; transform: translateY(8px) rotate(45deg); }
}
@media (prefers-reduced-motion: reduce) { .ilk-asagi::after { animation: none; } }
@media (max-width: 760px) { html.uc-boyut .ilk-tanim { top: 70vh; } .ilk-tanim p { font-size: 12px; line-height: 1.6; } }
@media (forced-colors: active) { .ilk-asagi::after { border-color: CanvasText; } }

/* Studio ve Systems (yatay): solda metin, sağda anlatım kenardan kenara (home.js). Aynı punto ölçeği (dünya birimi başına 300 CSS px).
   Studio ve Systems aynı panel (kullanıcı kararı, 04.11.2026): eşik boyunda sinema oranı (4,0 × 1,485 → 1200 × 445,5), %34 metin; sağda KIVAM filmi / 16:9 sistem penceresi.
   Puntolar daralan sütuna göre; adımlar sağdaki anlatımı izler (etkin adım = sağda gösterilen) */
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]) { width: 1200px; height: 445.5px; }   /* Products da aynı panel (kullanıcı onayı, 07.11.2026) */
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]):not(.dikey) .ekran-ic { width: 34%; padding: 34px 0 30px 40px; }
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]):not(.dikey) .ekran-ic > :not(.e-git) { padding-right: 28px; }
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]):not(.dikey) .e-et { font-size: 13px; }
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]):not(.dikey) h2 { margin-top: 10px; font-size: 46px; }
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]):not(.dikey) .e-lead { margin-top: 12px; font-size: 20px; line-height: 1.4; }
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]):not(.dikey) .adimlar { margin-top: 22px; gap: 12px; }
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]):not(.dikey) .adimlar li { grid-template-columns: 16px 1fr; column-gap: 12px; }
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]):not(.dikey) .adimlar .nokta { width: 15px; height: 15px; border-width: 2px; }
html.uc-boyut :is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]):not(.dikey) .adimlar b { font-size: 21px; }
html.uc-boyut [data-ekran="products"]:not(.dikey) h2 { font-size: 38px; }   /* "Eshik Products" %34 sütunda tek satır */
html.uc-boyut [data-ekran="products"]:not(.dikey) .e-lead { font-size: 18px; }
html.uc-boyut [data-ekran="products"]:not(.dikey) .adimlar { margin-top: 18px; gap: 8px; }
html.uc-boyut [data-ekran="products"]:not(.dikey) .adimlar b { font-size: 19px; }
html.uc-boyut [data-ekran="products"]:not(.dikey) .e-not { font-size: 13px; }   /* buzlu kireç bölümde kısa not */
html.uc-boyut [data-ekran="products"]:not(.dikey) .e-git { margin-top: 10px; font-size: 20px; }
html.uc-boyut [data-ekran="studio"]:not(.dikey) .e-git { margin-top: auto; font-size: 20px; }
html.uc-boyut [data-ekran="systems"]:not(.dikey) h2 { font-size: 40px; }   /* "Eshik Systems" %34 sütunda tek satır */
html.uc-boyut [data-ekran="systems"]:not(.dikey) .e-lead { font-size: 18px; }
html.uc-boyut [data-ekran="systems"]:not(.dikey) .adimlar { margin-top: 16px; gap: 6px; }
html.uc-boyut [data-ekran="systems"]:not(.dikey) .adimlar b { font-size: 19px; }
html.uc-boyut [data-ekran="systems"]:not(.dikey) .e-git { margin-top: auto; font-size: 20px; }
/* Systems çıktıları: 3D'de kartlar sistem penceresinde (tuval); burada yalnız ekran okuyucu için etkin adımın çıktısı */
html.uc-boyut .cikti { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
html.uc-boyut .cikti .c { display: none; }
html.uc-boyut [data-ekran="systems"][data-asama="0"] .c0, html.uc-boyut [data-ekran="systems"][data-asama="1"] .c1, html.uc-boyut [data-ekran="systems"][data-asama="2"] .c2,
html.uc-boyut [data-ekran="systems"][data-asama="3"] .c3, html.uc-boyut [data-ekran="systems"][data-asama="4"] .c4 { display: block; }

/* dikey (telefon): 750 × 1000; metin üstte buzlu bölümde, anlatım altta */
html.uc-boyut .ekran.dikey { width: 750px; height: 1000px; }
html.uc-boyut .ekran.dikey .ekran-ic { padding: 54px 52px 44px; width: auto; display: block; }
html.uc-boyut .ekran.dikey .ekran-ic > * { padding-right: 0; }
html.uc-boyut .ekran.dikey .e-et { font-size: 20px; } html.uc-boyut .ekran.dikey h2 { font-size: 70px; } html.uc-boyut .ekran.dikey .e-lead { font-size: 30px; max-width: none; }
html.uc-boyut .ekran.dikey .adimlar { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 10px 26px; }
html.uc-boyut .ekran.dikey .adimlar b { font-size: 28px; }
html.uc-boyut .ekran.dikey[data-ekran="products"] .e-not { margin-top: 22px; font-size: 20px; }   /* alt bölüm tabloda; not buzlu bölümde akışta */
html.uc-boyut .ekran.dikey .e-git { position: absolute; left: 52px; right: auto; bottom: 40px; font-size: 32px; margin: 0; }
html.uc-boyut .ekran.dikey[data-ekran="systems"] .e-lead { font-size: 27px; }
/* Studio / Systems (dikey): alt bölüm tam genişlikte 16:9 anlatım (KIVAM filmi / sistem penceresi, alttaki %42); bağlantı buzlu bölümde, metnin altında akışta */
html.uc-boyut .ekran.dikey:is([data-ekran="studio"], [data-ekran="systems"], [data-ekran="products"]) .e-git { position: static; margin-top: 26px; }

/* final: OLIVE dünyada son eşik; --y = eşiğin ekrandaki yüksekliği (JS) */
html.uc-boyut .final { position: fixed; inset: 0; z-index: 3; visibility: hidden; pointer-events: none; padding: calc(var(--y) + clamp(30px, 5vh, 56px)) var(--gutter) 0; }
html.uc-boyut .final.gorunur { visibility: visible; } html.uc-boyut .final.etkin a { pointer-events: auto; }
html.uc-boyut .final h2 { position: absolute; left: var(--gutter); right: var(--gutter); bottom: calc(100% - var(--tb, calc(var(--y) - 40px))); transform: translateY(var(--k)); }   /* --tb: geride kalan ekran şeridinin üstü (JS) */

/* ---- azaltılmış hareket: konum değiştiren ve büyüyen geçişler yok; odak, renk ve anlam taşıyan durumlar kalır (P5.1 basışı: site.css sonu; ışık geçişleri threshold-light.css) */