:root{
  --ink:#121212;
  --ink-soft:rgba(18,18,18,0.68);
  --ink-muted:rgba(18,18,18,0.44);
  --white:#ffffff;
  --paper:#f9f6f4;
  --cream:#f5f0eb;
  --gold:#ae8e54;
  --navy:#010f27;
  --navy-mid:#093350;
  --line:rgba(18,18,18,0.10);
  --line-soft:rgba(18,18,18,0.06);
  --serif:'Campton',system-ui,sans-serif;
  --sans:'Campton',system-ui,sans-serif;
  --body:'Campton',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}
body{
  font-family:var(--body);
  color:var(--ink);
  background:var(--white);
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{font-family:var(--sans)}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
img{display:block;max-width:100%}
.wrap{max-width:1440px;margin:0 auto;padding:0 24px}
section{padding:120px 0} /* section dikey ritmi globaldir — section'lara ayrıca padding yazılmaz (istisnalar: hero sıfırlar, hero'dan sonraki section üstü artırabilir) */

/* ── Blok padding presetleri (panelden data-pt / data-pb ile ayarlanır) ── */
section[data-pt="none"]  {padding-top:0}
section[data-pt="small"] {padding-top:60px}
section[data-pt="ara"]   {padding-top:90px}
section[data-pt="large"] {padding-top:180px}
section[data-pb="none"]  {padding-bottom:0}
section[data-pb="small"] {padding-bottom:60px}
section[data-pb="ara"]   {padding-bottom:90px}
section[data-pb="large"] {padding-bottom:180px}

/* ── Global section heading (tüm section başlıklarında ortak) ── */
.sec-h2{
  font-family:var(--sans);
  font-size:60px;
  font-weight:500;
  line-height:1.05;
  color:var(--ink);
}
/* içerik bloğu başlığı (split, kart vb.) — bileşen özel h3 stili YAZMA, bunu kullan */
.sec-h3{
  font-family:var(--sans);
  font-size:32px;
  font-weight:500;
  line-height:1.15;
  color:var(--ink);
}
/* ── Global two-column section header: title left, desc right ── */
.section-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:end;
  margin-bottom:64px; /* başlık bloğu ile içerik arası global boşluk — section özelinde override edilmez */
}
/* gövde paragrafı — bileşen özel p tipografisi YAZMA, bunu kullan (bileşenler sadece boşluk tanımlar) */
.sec-p,
.section-head-desc{
  font-size:16px;
  line-height:1.68;
  color:var(--ink-soft);
}
.section-head .section-head-desc{
  text-align:right;
}
/* ── Varyant: ortalanmış section başlığı ── */
.section-head--center{
  grid-template-columns:1fr;
  justify-items:center;
  text-align:center;
}
.section-head--center .sec-h2{max-width:20ch} /* başlık tek satıra yayılmaz, iki satıra kırılır */
.section-head--center .section-head-desc{
  text-align:center;
  max-width:640px;
}