/* ══════════════════════════════════════════════════════════════════════
   CMZ MOBİLYA — "Atölye" (Sürüm 2 — Tipografi & Arayüz İyileştirmesi)

   Tipografi Sistemi:
     Manrope (Tüm başlıklar, gövde, menü ve marka kilidi).
     Aşırı yuvarlak/balon hatlar ve sivri serifler yerine;
     mimari, dengeli, tok ve son derece elit bir duruş.
   ══════════════════════════════════════════════════════════════════════ */

@import url("stil.css");

:root {
  --baslik: "Manrope", system-ui, -apple-system, sans-serif;
  --serif: "Manrope", system-ui, -apple-system, sans-serif;
  --sans: "Manrope", system-ui, -apple-system, sans-serif;
  --marka: "Manrope", system-ui, -apple-system, sans-serif;
}

/* ── Mimari ve Dengeli Başlık Tipografisi ───────────────────────────── */
h1, h2, h3,
.bolum-basi h2,
.cizim-basi h2,
.hakkinda-metin h2,
.iletisim h2 {
  font-family: var(--baslik);
  font-weight: 500;
  letter-spacing: -0.02em;
}

.bolum-basi h2 {
  font-size: clamp(24px, 3.2vw, 36px);
  line-height: 1.2;
}

.cizim-basi h2 {
  font-size: clamp(24px, 3.2vw, 36px);
  line-height: 1.2;
}

.hakkinda-metin h2 {
  font-size: clamp(26px, 3.4vw, 38px);
  line-height: 1.2;
}

.iletisim h2 {
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 500;
  letter-spacing: -0.015em;
}

/* ── Açılış Marka Tipografisi ───────────────────────────────────────── */
.acilis-icerik h1 {
  font-family: var(--marka);
  font-weight: 500;
  letter-spacing: 0.28em;
  text-indent: 0.28em;
}

.acilis-alt {
  font-family: var(--sans);
  font-size: clamp(12px, 1.3vw, 14.5px);
  letter-spacing: 0.08em;
  font-weight: 400;
}

/* ── Galeri Kartları: Dengeli Boyut ve Fotoğrafı Kapatmayan Perde ────── */
.kart-yazi {
  padding: 14px 14px 12px;
}

.kart-yazi b {
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-bottom: 2px;
  display: block;
}

.kart-yazi span {
  font-family: var(--sans);
  font-size: 11.5px;
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.3;
  color: var(--soluk);
  display: block;
}

/* ── Vurgu ve Alıntı Cümleleri ─────────────────────────────────────── */
.soz, .hakkinda-vurgu {
  font-family: var(--baslik);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* ── Menü & Adımlar ────────────────────────────────────────────────── */
.menu .marka b {
  font-family: var(--marka);
  font-weight: 500;
  letter-spacing: 0.06em;
}

.baglar a {
  font-family: var(--sans);
  font-weight: 400;
  font-size: 13.5px;
  letter-spacing: 0.02em;
}

.adimlar h3 {
  font-family: var(--baslik);
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.01em;
}