/* ═══ HERO v2 · SESSİZ KAPAK ═════════════════════════════════════
   Tam ekran görsel, altta tek metin şeridi. Hiçbir hareket, hiçbir
   betik yok — sayfanın en hafif açılışı. Okunurluk, görselin üstüne
   binen tek yönlü bir karartmayla sağlanır; kutu ya da panel yok.
   ═══════════════════════════════════════════════════════════════ */
.hro-v2{
  /* Görsel artık sayfaya ERİMİYOR, kendi kutusunda duruyor. Çerçeve ince:
     görsel hâlâ baskın, ama net bir kenarı var — alttaki bölümle karışmıyor. */
  --hro-cerceve:var(--cerceve);
  position:relative;background:var(--z1);
  /* Kutu şeridin ALTINDAN başlar; yoksa üst köşeler navigasyonun
     arkasında kalıyor ve kutu üstten köşesiz görünüyordu. */
  padding-block:calc(var(--nav-h) + var(--hro-cerceve) * 2) var(--hro-cerceve);
  padding-inline:var(--hro-cerceve);
}
.hro-v2-kutu{
  position:relative;isolation:isolate;overflow:clip;
  border-radius:var(--yr-xl);
  min-block-size:calc(100svh - var(--nav-h) - var(--hro-cerceve) * 3);
  display:grid;align-content:end;
  padding-block:clamp(2rem,5vh,3.5rem) clamp(1.6rem,4vh,3rem);
  color:#F3EEE4;
}
.hro-v2-gor{
  position:absolute;inset:0;z-index:-2;
  inline-size:100%;block-size:100%;object-fit:cover;object-position:center 58%;
}
.hro-v2-ort{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(8,11,10,.44) 0%, rgba(8,11,10,.20) 26%,
    rgba(8,11,10,.62) 56%, rgba(8,11,10,.86) 78%, rgba(8,11,10,.95) 100%);
}
.hro-v2-ic{
  /* Metin, navigasyon şeridiyle AYNI hizadan başlar. Kutu çerçeve kadar
     içeride olduğu için o pay kenar boşluğundan düşülür; yoksa hero yazısı
     şeritten bir çerçeve kadar kayardı. */
  inline-size:min(calc(100% - 2 * max(0px, var(--serit-kenar) - var(--hro-cerceve))),var(--serit-w));
  margin-inline:auto;
  padding-inline:var(--serit-pd);
  display:grid;gap:clamp(.9rem,2vh,1.4rem);
}
.hro-v2-etk{
  margin:0;font-size:var(--yz-etk);font-weight:600;letter-spacing:.26em;
  text-transform:uppercase;color:rgba(243,238,228,.72);
}
html[lang="ar"] .hro-v2-etk{letter-spacing:0;text-transform:none}
.hro-v2-bsl{
  margin:0;font-weight:800;letter-spacing:-.035em;line-height:1.02;
  font-size:clamp(2.4rem,6.4vw,5.2rem);max-inline-size:16ch;
}
html[lang="ar"] .hro-v2-bsl{letter-spacing:0;line-height:1.28}
.hro-v2-gvd{
  margin:0;max-inline-size:52ch;color:rgba(243,238,228,.9);
  font-size:var(--yz-gir);line-height:1.55;
}
@media(max-width:720px){
  .hro-v2-kutu{min-block-size:calc(92svh - var(--nav-h) - var(--hro-cerceve) * 2)}
}


/* ── ORTAK: başlık iki satıra DENGELİ bölünür ───────────────────── */
.hro-v2-bsl{text-wrap:balance}

/* ── ORTAK: Ken Burns — görsel çok yavaş yaklaşır ve kayar ──────── */
@media (prefers-reduced-motion: no-preference){
  .hro-v2-gor{animation:hro-v2-kb 13s ease-in-out infinite alternate;will-change:transform}
}
@keyframes hro-v2-kb{
  from{transform:scale(1.04) translate3d(0,0,0)}
  to  {transform:scale(1.18) translate3d(-2.4%,-1.8%,0)}
}

/* ── Alt kenar sayfanın zeminine erir (keskin bitmez) ───────────── */

/* ── Metin bölgesi okunurluğu ────────────────────────────────────
   Ölçüldü: yalnız üstteki gradyanla gövde kontrastı 1.7'de kalıyordu
   (AA eşiği 4.5). Metnin ardına, kenarı olmayan geniş bir koyuluk
   konuyor — kutu değil, dağılan bir gölge alanı. */
.hro-v2-perde-metin{
  position:absolute;inset-block-end:0;inset-inline:0;block-size:62%;
  z-index:0;pointer-events:none;
  background:linear-gradient(180deg,
    transparent 0%, rgba(8,11,10,.34) 34%, rgba(8,11,10,.72) 68%, rgba(8,11,10,.88) 100%);
}
.hro-v2-ic{position:relative;z-index:2}

.hro-v2-gvd + .hro-v2-gvd{margin-block-start:.35rem}