/* ─────── PAGE HERO (iç sayfa görselli breadcrumb) ─────── */
.page-hero{
  position:relative;
  padding:0; /* hero ailesi: global section padding'i geçersiz, yükseklik içerikten + min-height'tan gelir */
  min-height:min(58vh, 540px);
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:var(--navy);
  color:var(--white);
}
.page-hero-bg{
  position:absolute;
  inset:0;
}
.page-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(0.95) contrast(1.04) brightness(0.85);
}
/* ana hero ile aynı overlay mantığı: soldan koyu + alttan koyu, metin kontrastı için */
.page-hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(18,18,18,0.55) 0%, rgba(18,18,18,0.22) 45%, rgba(18,18,18,0.05) 70%),
    linear-gradient(180deg, rgba(18,18,18,0.12) 0%, rgba(18,18,18,0) 40%, rgba(18,18,18,0.5) 100%);
}
/* ana sayfadaki hero→services geçişiyle aynı dil: alttan yükselen radius'lu beyaz şerit */
.page-hero::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;
  height:48px;
  background:var(--white);
  border-radius:48px 48px 0 0;
  z-index:3;
}
.page-hero-content{
  position:relative;
  z-index:2;
  width:100%;
  padding:180px 0 110px; /* üst: fixed header; alt: radius şeridinin üstünde kalsın */
}
/* breadcrumb h1: hero tipografi ailesi — 76px / 500 (her iki varyantta) */
.page-hero .sec-h2{
  color:var(--white);
  max-width:16ch;
  font-size:76px;
  font-weight:500;
}
.page-hero-sub{
  margin-top:14px;
  font-size:20px;
  line-height:1.5;
  font-weight:400;
  color:rgba(255,255,255,0.92);
  max-width:560px;
}
/* ── Varyant 2 (açık): paper zemin, solda eyebrow + metin, sağda radius'lu görsel ── */
.page-hero--light{
  background:var(--paper);
  color:var(--ink);
  min-height:min(74vh, 700px);
}
.page-hero--light .page-hero-content{padding:185px 0 110px}
.page-hero-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:80px;
  align-items:center;
}
/* eyebrow standardı: kategori etiketi — gold çerçeveli pill (yalnızca page-hero v2'de) */
.page-hero-eyebrow{
  display:inline-block;
  padding:9px 18px;
  border:1px solid var(--gold);
  color:var(--gold);
  border-radius:99px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:24px;
}
.page-hero--light .sec-h2{color:var(--ink)}
.page-hero--light .page-hero-sub{color:var(--ink-soft);margin-top:28px}
/* ── Varyant 3 (minimal): açık zemin, yalnızca başlık + açıklama, görselsiz ──
   Bu varyantta alt radius şeridi yok; hero altı ince çizgiyle biter. */
.page-hero--min{
  background:var(--paper);
  color:var(--ink);
  min-height:0;
  border-bottom:1px solid var(--line);
}
.page-hero--min::after{content:none}
.page-hero--min .page-hero-content{padding:200px 0 86px}
.page-hero--min .sec-h2{color:var(--ink)}
.page-hero--min .page-hero-sub{color:var(--ink-soft);margin-top:24px}
/* ── Varyant 4 (plain): v1 düzeni birebir (sol altta başlık + sub, flex-end taban hizası,
   alttan yükselen radius'lu beyaz şerit), yalnızca görsel/overlay yok — paper zemin,
   ink metin; sonraki section beyaz olmalı ki şerit geçişi çalışsın (şablon: iletisim.html). */
.page-hero--plain{
  background:var(--paper);
  color:var(--ink);
  min-height:0; /* v1'den kısa: yükseklik içerikten gelir */
}
.page-hero--plain .page-hero-content{padding:200px 0 110px}
.page-hero--plain .sec-h2{color:var(--ink)}
/* başlık solda, alt metin sağda sağa yaslı — .section-head ile aynı dil */
.page-hero--plain .page-hero-content .wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:end;
  column-gap:80px;
}
.page-hero--plain .page-hero-sub{
  color:var(--ink-soft);
  text-align:right;
  justify-self:end;
  margin-top:0;
}
/* ── Varyant 5 (plain-dark): v4'ün koyu versiyonu — .page-hero--plain İLE BİRLİKTE kullanılır,
   düzen (grid, kısa yükseklik, sağa yaslı sub, beyaz şerit) v4'ten gelir; bu sınıf yalnızca renk:
   zemin --ink (#121212, footer koyusu), metin beyaz.
   Kullanım: <section class="page-hero page-hero--plain page-hero--dark"> */
.page-hero--dark{
  background:var(--ink);
  color:var(--white);
}
.page-hero--dark .sec-h2{color:var(--white)}
.page-hero--dark .page-hero-sub{color:rgba(255,255,255,0.92)}
/* görsel hero tabanına kadar iner: alt köşeler düz, beyaz şerit üstüne biner */
.page-hero-media{
  position:relative;
  border-radius:48px 48px 0 0;
  overflow:hidden;
  align-self:stretch;
  min-height:570px;
  margin-bottom:-110px; /* content'in alt padding'ini aşıp section tabanına ulaşır */
}
.page-hero-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
/* İç sayfalarda page-hero'dan sonraki ilk section daha az boşluk alır */
.page-hero + section{padding-top:90px}