/* film.css — "kısa film" katmanı (kurucu, 9 Eki 2026: "beğendim ... siteyi yayınla").
   Önizlemede (özel artifact, 8 Eki gece) ölçülen prototipin üretim hâli. İki parça:
   1) Işıklar: koyu bant ekranı kapladıkça kâğıt kısım sinema salonu gibi kararır; perde içerikle (2) koyu bant (11)
      arasında, başlığın (20) altında durur. Kaydırmaya bağlıdır, süresi yoktur.
   2) Yaşayan plan: istasyon görseli ekrana yaklaşınca döngü videosu olur; poster döngünün 0. karesidir, geçişte sıçrama yok.
   Proje kuralı "motion 120–180 ms" arayüz geçişleri içindir; videonun 600 ms belirişi bu katmanın kurucu onaylı istisnası. */

.film-karanlik {
  position: fixed;
  inset: var(--space-0);
  z-index: 10;
  background: var(--arka-yuz);
  opacity: 0;
  pointer-events: none;
}

.kollar {
  position: relative;
  z-index: 11;
}

.film-sahne {
  position: relative;
}

.film-video {
  position: absolute;
  inset: var(--space-0);
  width: var(--size-full);
  height: var(--size-full);
  object-fit: cover;
  opacity: 0;
  transition: opacity 600ms ease;
}

.film-oynuyor .film-video {
  opacity: 1;
}

/* 061 · B9: 12 px okuma tabanı */
.film-durdur {
  position: absolute;
  inset-block-end: var(--space-3);
  inset-inline-end: var(--space-3);
  z-index: 1;
  min-width: 44px;
  min-height: 44px;
  padding-inline: var(--space-3);
  border: var(--border-width) solid var(--arka-yuz-sonus);
  background: var(--arka-yuz);
  color: var(--arka-yuz-metin);
  font-family: var(--font-mono);
  font-stretch: 75%;
  font-size: var(--text-xs-okur);
  letter-spacing: var(--tracking-nav);
  cursor: pointer;
}

.film-durdur:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .film-video {
    transition: none;
  }
}