.t52-home{background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:var(--govde-w,400);
    line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  .t52-home .wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
  .t52-home section{padding-top:var(--pad-y);padding-bottom:var(--pad-y)}
  /* mobilde bölüm boşlukları daha da dar — sayfa çok uzuyordu */
  /* 820 → 900 (18.09.2026): sitenin dar-ekran kırılma noktası TEK — üst çubuk,
     altbilgi, form, yer, kapanış, hikâye, yığın hepsi 900'de dönüyor; ana bölüm
     boşluğu, hero, ifade ve mozaik 820'de dönüyordu. 821–900 arasında (iPad Pro 11
     dikey = 834px) sayfanın yarısı mobil, yarısı masaüstü düzenindeydi. */
  @media(max-width:900px){ .t52-home section{padding-top:var(--bo-7);padding-bottom:var(--bo-7)} }
  .t52-home h1,.t52-home h2,.t52-home h3{font-family:var(--serif);font-weight:var(--baslik-w,700);line-height:1.12;letter-spacing:-.02em;color:var(--fg)}

  /* ═══ BÜYÜK BAŞLIK ÖLÇÜSÜ · TEK KAYNAK ═══════════════════════════════════
     Sayfadaki BÜTÜN büyük başlıklar (hero h1 dâhil) bu tek değeri kullanır.
     Bölümler kendi clamp'ini YAZMAZ — yalnız `font-size:var(--bas-xl)` der.
     Neden: her bölüm kendi ölçüsünü yazdığında 64/68/74/104/140px gibi beş
     ayrı bant oluşuyordu; sayfa aşağı indikçe başlıklar büyüyüp küçülüyordu.
     Ölçü değişecekse SADECE bu iki satır değişir. Stil panelinin
     --olcek-baslik çarpanı da böylece tek yerde uygulanır. */
  /* --bas-xl · --bas-w · --metin-kenar artık :root'ta (layouts/app.blade.php).
     Sebep: servis ve blog şablonları .t52-home sınıfını taşımıyor; ölçek
     yalnız anasayfada tanımlı kalırsa o sayfalarda çözümlenmiyordu. */

  /* AKAN GRADYAN · büyük başlıklarda vurgulu satırın rengi.
     Her bölüm bu bloğun kopyasını taşıyordu (altı ayrı yerde aynı 6 satır);
     biri değişince ötekiler geride kalıyordu. Tek tanım burada.
     Kullanım: <h2>Birinci satır<br><span class="akan">ikinci satır</span></h2> */
  .t52-home .akan, .t52-akan{
    background-image:linear-gradient(100deg,
      var(--gold) 0%, var(--aksan-2) 20%, var(--aksan-2) 32%,
      var(--gold) 50%,
      var(--aksan-2) 68%, var(--aksan-2) 80%, var(--gold) 100%);
    background-size:240% 100%;
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
    animation:t52-akis 9s linear infinite}
  @media(prefers-reduced-motion:reduce){.t52-home .akan,.t52-akan{animation:none;background-position:22% 50%}}
  /* background-clip:text desteklenmiyorsa gradyan yerine düz şampanya */
  @supports not ((-webkit-background-clip:text) or (background-clip:text)){
    .t52-home .akan, .t52-akan{color:var(--gold);-webkit-text-fill-color:var(--gold)}
  }
  /* KÜNYE SATIRI · bölümler ister .eyebrow ister .ust desin, ölçü tek yerden.
     Renk bölüme bırakıldı (kimi aksan-metin, kimi aksan-2 kullanıyor). */
  .t52-home .eyebrow,
  .t52-home .ust{font-size:var(--altbaslik-px);line-height:1;
    letter-spacing:var(--kunye-ls);text-transform:uppercase;font-weight:600}
  .t52-home .eyebrow{color:var(--aksan-metin)}
  /* Tek kelimelik son satır (orphan) YASAK — kural yalnız başlıklara değil gövdeye de uygulanır.
     pretty: uzun paragrafların son satırını korur · balance: kısa blokları eşitler */
  .t52-home p{color:var(--muted);text-wrap:pretty}

  

  .t52-home .t52-kart{position:relative;background:var(--panel);border:1px solid var(--line);
    border-radius:var(--rail-r);padding:var(--bo-5);
    transition:background .24s ease,border-color .24s ease}
  .t52-home .t52-kart:hover{background:var(--panel-2);border-color:var(--line-strong)}
  /* zeminsiz varyant — yalnız çizgi; hover'da hafif dolgu gelir */
  .t52-home .t52-kart.bos{background:transparent}
  .t52-home .t52-kart.bos:hover{background:var(--gold-soft)}
  /* kart içi tipografi */
  .t52-home .t52-kart h3{font-size:20px;margin:0 0 var(--bo-2)}
  .t52-home .t52-kart p{font-size:var(--yazi-m);margin:0}
  /* tıklanabilir kart — imleç ve odak halkası */
  .t52-home a.t52-kart{display:block;text-decoration:none;color:inherit;cursor:pointer}
  .t52-home a.t52-kart:focus-visible{outline:2px solid var(--aksan-2);outline-offset:2px}

  /* ═══ LENİS · YUMUŞAK KAYDIRMA · kütüphanenin kendi kuralları ═══════════
     lenis@1.1.18/dist/lenis.css'in tamamı (242 bayt) — ayrı bir ağ isteği
     açmamak için buraya gömüldü. Sürüm yükseltilirse bu blok da yenilenir.
       html.lenis        → yükseklik auto (kütüphane gövdeyi kendi ölçer)
       lenis-smooth      → CSS scroll-behavior kapanır, yoksa iki kaydırma
                           motoru aynı anda çalışır ve titrer
       data-lenis-prevent→ kendi içinde kayan kutular (stil paneli listesi)
                           tekerleği sayfaya devretmez
       lenis-stopped     → kaydırma durdurulduğunda taşma kesilir */
  html.lenis,html.lenis body{height:auto}
  .lenis.lenis-smooth{scroll-behavior:auto !important}
  .lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
  .lenis.lenis-stopped{overflow:clip}
  .lenis.lenis-smooth iframe{pointer-events:none}

  /* reveal (scroll ile beliren) — bölümler .reveal sınıfı verir */
  .t52-home .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
  .t52-home .reveal.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.t52-home .reveal{opacity:1;transform:none;transition:none}}