:root {
  --mor: #35229F;
  --mor-koyu: #21146B;
  --zemin: #F7F6F2;
  --metin: #3F3657;
  --cizgi: #CFC8E8;
  --lila: #EFEAF6;
  --serif: 'DM Serif Display', Georgia, serif;
  --sans: Jost, 'Futura PT', sans-serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--zemin); color: var(--mor); font-family: var(--sans); }
a { color: var(--mor); }
a:hover { color: var(--mor-koyu); }
img { display: block; max-width: 100%; height: auto; }
h1, h2, p { margin: 0; }

.kap { max-width: 1440px; margin: 0 auto; padding-left: 6%; padding-right: 6%; }
.serif { font-family: var(--serif); font-weight: 400; }
.etiket { font-size: 14px; }
.alt-link { font-size: 15px; text-underline-offset: 4px; }

/* Üst menü */
.ust { padding-top: 44px; display: flex; flex-wrap: wrap; gap: 12px 40px; align-items: baseline; justify-content: space-between; }
.ust .ad { text-decoration: none; font-family: var(--serif); font-size: 18px; color: #1A1A1A; letter-spacing: -0.03em; }
.ust nav { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 17px; }
.ust nav a { text-decoration: none; }
.ust nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }
.menu-dugme { display: none; }

/* Ana sayfa giriş */
.giris { padding-top: 120px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 9%; align-items: stretch; }
.giris-sol { display: flex; flex-direction: column; justify-content: space-between; gap: 60px; padding: 40px 0 12px; }
.giris h1 { font-size: clamp(64px, 8.4vw, 122px); line-height: 0.86; letter-spacing: -0.045em; text-align: center; }
.unvan { display: flex; flex-direction: column; gap: 6px; align-items: center; text-align: center; }
.unvan .buyuk { font-size: 23px; }
.unvan .kucuk { font-size: 15px; }
.giris picture img { width: 100%; aspect-ratio: 1000 / 1427; background: #D8D8D8; }

/* Çizgili satırlar */
.satir { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; border-top: 1px solid var(--mor); padding: 34px 0 48px; }
.satir.son { border-bottom: 1px solid var(--mor); }
.satir .etiket { padding-top: 6px; }
.satir .govde { grid-column: span 5; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.satir .govde p { font-family: var(--serif); font-size: 32px; line-height: 1.2; letter-spacing: -0.03em; }
.satir.buyuk { padding-bottom: 72px; }
.satir.buyuk .govde { gap: 24px; }
.satir.buyuk .govde p { font-size: 42px; line-height: 1.18; letter-spacing: -0.035em; }

/* Çalışma alanları listesi (ana sayfa) */
.bolum-baslik { margin-bottom: 54px; font-size: 56px; line-height: 1; letter-spacing: -0.045em; }
.alanlar { display: flex; flex-direction: column; border-bottom: 1px solid var(--mor); }
.alan { text-decoration: none; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; align-items: baseline; padding: 30px 0 34px; border-top: 1px solid var(--mor); }
.alan .no { font-size: 15px; }
.alan .isim { grid-column: span 3; font-family: var(--serif); font-size: 44px; line-height: 1.05; letter-spacing: -0.035em; color: var(--mor); }
.alan .ozet { grid-column: span 2; font-size: 16px; line-height: 1.55; color: var(--metin); }

/* İletişim bloğu */
.iletisim { margin-top: 110px; background: var(--mor); color: var(--zemin); }
.iletisim .ic { padding-top: 84px; padding-bottom: 72px; display: flex; flex-direction: column; align-items: center; gap: 30px; text-align: center; }
.iletisim .cagri { font-family: var(--serif); font-size: 60px; letter-spacing: -0.04em; color: #DDAFE4; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 8px; }
.iletisim .ikonlar { display: flex; gap: 10px; align-items: center; }
.iletisim .ikonlar a { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.iletisim .bilgi { display: flex; flex-direction: column; gap: 6px; font-size: 15px; line-height: 1.6; color: #D9D3F2; }
.iletisim .bilgi a { color: var(--zemin); text-decoration: none; }
.iletisim .dipnot { margin-top: 26px; font-size: 12px; line-height: 1.6; color: #C3B9EA; }

/* İç sayfalar */
.sayfa-giris { padding-top: 96px; padding-bottom: 72px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; align-items: end; }
.sayfa-giris h1 { font-size: clamp(52px, 6.6vw, 100px); line-height: 0.9; letter-spacing: -0.055em; }
.sayfa-giris p { font-family: var(--serif); font-size: 26px; line-height: 1.3; letter-spacing: -0.04em; }
.uclu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; padding-bottom: 72px; }
.uclu > * { border-top: 1px solid var(--cizgi); padding-top: 18px; }
.uclu .sol { display: flex; flex-direction: column; gap: 14px; }
.uclu .sol .no { font-size: 13px; font-weight: 500; letter-spacing: 0.1em; }
.uclu .sol h2 { font-family: var(--serif); font-weight: 400; font-size: 34px; line-height: 1.05; letter-spacing: -0.04em; }
.uclu .sag { grid-column: span 2; display: flex; flex-direction: column; }
.madde { padding: 22px 0; border-bottom: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 8px; }
.madde:first-child { padding-top: 0; }
.madde:last-child { border-bottom: 0; }
.madde b { font-size: 18px; font-weight: 600; }
.madde span { font-size: 16px; line-height: 1.65; color: var(--metin); }
.govde-metin { display: flex; flex-direction: column; gap: 16px; }
.govde-metin p { font-size: 18px; line-height: 1.75; color: var(--metin); }
.not-serit { display: flex; flex-wrap: wrap; gap: 24px 48px; align-items: center; justify-content: space-between; padding: 32px 0; border-top: 1px solid var(--mor); border-bottom: 1px solid var(--mor); }
.not-serit span { font-size: 16px; line-height: 1.6; max-width: 640px; }
.dugme { text-decoration: none; background: var(--mor); color: var(--zemin); padding: 15px 26px; font-size: 15px; font-weight: 500; letter-spacing: 0.06em; }
.dugme:hover { background: var(--mor-koyu); color: var(--zemin); }

.hikaye { padding-top: 80px; padding-bottom: 96px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; align-items: start; }
.hikaye img { width: 100%; aspect-ratio: 4 / 5; }
.hikaye .yazi { display: flex; flex-direction: column; gap: 26px; padding-top: 12px; }
.hikaye .mobil-baslik { display: none; }
.ust-etiket { font-size: 13px; font-weight: 500; letter-spacing: 0.1em; }
.hikaye h1 { font-size: 46px; line-height: 1.1; letter-spacing: -0.055em; }
.hikaye p { font-size: 18px; line-height: 1.75; color: var(--metin); }
.uclu .sol .vurgu { font-family: var(--serif); font-size: 30px; line-height: 1.1; letter-spacing: -0.04em; }
.lila { background: var(--lila); }
.lila .uclu { padding-top: 88px; padding-bottom: 88px; }
.lila .uclu > * { border-top: 0; padding-top: 0; }
.lila h2 { font-family: var(--serif); font-weight: 400; font-size: 46px; line-height: 0.98; letter-spacing: -0.055em; }
.lila .sol { gap: 12px; }
.zaman { border-top: 1px solid var(--mor) !important; }
.zaman div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--cizgi); }
.zaman b { font-size: 15px; font-weight: 600; }
.zaman span { grid-column: span 3; font-size: 17px; line-height: 1.55; }
.kulup { background: var(--mor); color: #F8F6F1; }
.kulup .ic { padding-top: 88px; padding-bottom: 88px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; align-items: start; }
.kulup .sol { display: flex; flex-direction: column; gap: 16px; }
.kulup .ust-etiket, .kulup h2 { color: #DDD3F3; }
.kulup h2 { font-family: var(--serif); font-weight: 400; font-size: 64px; line-height: 0.95; letter-spacing: -0.055em; }
.kulup .sag { display: flex; flex-direction: column; gap: 18px; font-size: 18px; line-height: 1.75; color: #ECE6F8; }
.kulup .ayri { font-size: 15px; color: #CFC6EA; padding-top: 16px; border-top: 1px solid #4E3F8E; }
main:has(> .kulup:last-child) + .iletisim { margin-top: 0; border-top: 1px solid #4E3F8E; }

.mobil-cubuk { display: none; }
.bosluk-72 { padding-top: 72px; }
.bosluk-86 { padding-top: 86px; }
.bosluk-120 { padding-top: 120px; }

@media (max-width: 820px) {
  .kap { padding-left: 24px; padding-right: 24px; }
  .etiket { font-size: 12px; }
  .alt-link { font-size: 13px; min-height: 44px; display: flex; align-items: center; }

  .ust { padding-top: 30px; align-items: center; flex-wrap: nowrap; }
  .ust .ad { font-size: 17px; }
  .menu-dugme { width: 44px; height: 44px; background: none; border: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; gap: 9px; cursor: pointer; }
  .menu-dugme span { width: 36px; height: 1px; background: var(--mor); display: block; }
  .ust nav { display: none; }
  .ust.acik { flex-wrap: wrap; }
  .ust.acik nav { display: flex; flex-direction: column; flex-basis: 100%; gap: 0; font-size: 18px; border-top: 1px solid var(--mor); margin-top: 12px; }
  .ust.acik nav a { padding: 14px 0; border-bottom: 1px solid var(--cizgi); }

  .giris { padding: 0; display: flex; flex-direction: column; }
  .giris-sol { display: contents; }
  .giris h1 { order: 1; margin: 56px 0 72px; padding: 0 12px; font-size: clamp(56px, 18vw, 96px); line-height: 0.9; }
  .giris picture { order: 2; }
  .giris picture img { aspect-ratio: 1000 / 869; }
  .unvan { order: 3; padding: 48px 24px 0; }
  .unvan .buyuk { font-size: 21px; }
  .unvan .kucuk { font-size: 13px; }

  .bosluk-86, .bosluk-120 { padding-top: 64px; }
  .bosluk-72 { padding-top: 56px; }
  .satir, .satir.buyuk { display: flex; flex-direction: column; gap: 14px; padding: 22px 0 32px; }
  .satir .etiket { padding-top: 0; }
  .satir .govde { gap: 14px; }
  .satir .govde p { font-size: 23px; }
  .satir.buyuk .govde p { font-size: 27px; line-height: 1.16; letter-spacing: -0.03em; }

  .bolum-baslik { margin-bottom: 30px; font-size: 40px; }
  .alan { display: flex; flex-direction: column; gap: 8px; padding: 22px 0 24px; }
  .alan .no { font-size: 12px; }
  .alan .isim { font-size: 30px; line-height: 1.08; letter-spacing: -0.03em; }
  .alan .ozet { font-size: 14px; line-height: 1.5; }

  .iletisim { margin-top: 72px; }
  main:has(> .kulup:last-child) + .iletisim { margin-top: 0; }
  .iletisim .ic { padding-top: 64px; padding-bottom: 56px; gap: 24px; }
  .iletisim .cagri { font-size: 42px; text-underline-offset: 7px; }
  .iletisim .bilgi { font-size: 14px; gap: 8px; }
  .iletisim .dipnot { margin-top: 8px; font-size: 11px; }

  .sayfa-giris { padding-top: 30px; padding-bottom: 52px; display: flex; flex-direction: column; gap: 30px; align-items: stretch; }
  .sayfa-giris h1 { font-size: clamp(48px, 14.5vw, 80px); text-align: center; letter-spacing: -0.05em; }
  .sayfa-giris p { padding: 22px 0; border-top: 1px solid var(--mor); border-bottom: 1px solid var(--mor); font-size: 22px; line-height: 1.18; letter-spacing: -0.03em; }
  .uclu { display: flex; flex-direction: column; gap: 14px; padding-bottom: 52px; }
  .uclu > * { border-top: 0; padding-top: 0; }
  .uclu .sol h2 { font-size: 36px; line-height: 0.95; letter-spacing: -0.055em; }
  .uclu .sol .no { font-size: 12px; letter-spacing: 0.08em; }
  .uclu .sag { border-top: 1px solid var(--cizgi); }
  .madde, .madde:first-child { padding: 16px 0; gap: 6px; }
  .madde b { font-size: 16px; }
  .madde span { font-size: 15px; line-height: 1.6; }
  .govde-metin { padding-top: 16px; }
  .govde-metin p { font-size: 16px; line-height: 1.7; }
  .not-serit { border-bottom: 0; padding: 22px 0 0; }
  .not-serit span { font-size: 14px; }
  .not-serit .dugme { display: none; }

  .hikaye { padding: 0 0 48px; display: flex; flex-direction: column; gap: 0; }
  .hikaye .mobil-baslik { display: block; margin: 30px 0 34px; padding: 0 18px; font-size: clamp(56px, 20vw, 100px); line-height: 0.84; letter-spacing: -0.07em; text-align: center; }
  .hikaye .yazi { padding: 40px 24px 0; gap: 18px; }
  .ust-etiket { font-size: 11px; letter-spacing: 0.06em; font-weight: 400; }
  .hikaye h1 { font-size: 28px; letter-spacing: -0.045em; }
  .hikaye p { font-size: 16px; line-height: 1.7; }
  .uclu .sol .vurgu { font-size: 24px; line-height: 1.12; }
  .uclu.cizgili { border-top: 1px solid var(--mor); padding-top: 18px; margin-left: 24px; margin-right: 24px; padding-left: 0; padding-right: 0; }
  .lila .uclu { padding-top: 40px; padding-bottom: 40px; }
  .lila h2 { font-size: 32px; }
  .zaman div { display: flex; flex-direction: column; gap: 2px; padding: 14px 0; }
  .zaman b { font-size: 13px; }
  .zaman span { font-size: 15px; line-height: 1.5; }
  .kulup .ic { padding-top: 48px; padding-bottom: 60px; display: flex; flex-direction: column; gap: 16px; }
  .kulup h2 { font-size: 46px; line-height: 0.9; letter-spacing: -0.06em; color: #DDAFE4; }
  .kulup .sag { font-size: 15px; line-height: 1.7; gap: 14px; }
  .kulup .ayri { font-size: 13px; line-height: 1.6; padding-top: 14px; }

  body { padding-bottom: 79px; }
  .mobil-cubuk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; gap: 8px; padding: 12px 24px 16px; background: rgba(247,246,242,0.97); border-top: 1px solid var(--mor); }
  .mobil-cubuk .yaz { flex: 1 1 auto; text-decoration: none; background: var(--mor); color: var(--zemin); min-height: 50px; display: flex; align-items: center; justify-content: center; font-size: 14px; letter-spacing: 0.04em; }
  .mobil-cubuk .ara { flex: 0 0 50px; height: 50px; border: 1px solid var(--mor); display: flex; align-items: center; justify-content: center; }
}

/* Blog (liste ve yazı sayfaları worker tarafından üretilir) */
.yazilar { display: flex; flex-direction: column; border-bottom: 1px solid var(--mor); }
.yazi-satir { text-decoration: none; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; align-items: start; padding: 30px 0 34px; border-top: 1px solid var(--mor); }
.yazi-satir .tarih { font-size: 15px; padding-top: 8px; }
.yazi-satir .isim { grid-column: span 3; font-family: var(--serif); font-size: 36px; line-height: 1.1; letter-spacing: -0.03em; color: var(--mor); }
.yazi-satir .ozet { grid-column: span 2; font-size: 16px; line-height: 1.55; color: var(--metin); padding-top: 6px; }
.yazi-bos { border-top: 1px solid var(--mor); border-bottom: 1px solid var(--mor); padding: 34px 0 48px; font-family: var(--serif); font-size: 32px; line-height: 1.2; letter-spacing: -0.03em; }
.yazi { max-width: 780px; margin: 0 auto; padding-top: 96px; }
.yazi .geri { font-size: 15px; text-underline-offset: 4px; }
.yazi h1 { margin-top: 28px; font-family: var(--serif); font-weight: 400; font-size: clamp(38px, 4.6vw, 60px); line-height: 1.04; letter-spacing: -0.04em; }
.yazi .kunye { margin-top: 22px; padding: 14px 0; border-top: 1px solid var(--mor); border-bottom: 1px solid var(--mor); font-size: 14px; display: flex; flex-wrap: wrap; gap: 6px 18px; }
.yazi .kapak { margin-top: 34px; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--lila); }
.yazi-govde { margin-top: 38px; color: var(--metin); font-size: 18px; line-height: 1.75; }
.yazi-govde p { margin: 0 0 22px; }
.yazi-govde h2 { margin: 46px 0 16px; font-family: var(--serif); font-weight: 400; font-size: 32px; line-height: 1.12; letter-spacing: -0.03em; color: var(--mor); }
.yazi-govde h3 { margin: 34px 0 12px; font-family: var(--serif); font-weight: 400; font-size: 24px; line-height: 1.2; letter-spacing: -0.02em; color: var(--mor); }
.yazi-govde ul, .yazi-govde ol { margin: 0 0 22px; padding-left: 22px; }
.yazi-govde li { margin-bottom: 8px; }
.yazi-govde img { margin: 28px 0; }
.yazi-govde figure { margin: 28px 0; }
.yazi-govde figcaption { margin-top: 8px; font-size: 14px; color: var(--metin); }
.yazi-govde blockquote { margin: 28px 0; padding-left: 20px; border-left: 1px solid var(--mor); font-family: var(--serif); font-size: 22px; line-height: 1.35; color: var(--mor); }
.yazi-govde table { width: 100%; border-collapse: collapse; margin: 28px 0; font-size: 16px; }
.yazi-govde th, .yazi-govde td { border-bottom: 1px solid var(--cizgi); padding: 10px 12px 10px 0; text-align: left; vertical-align: top; }
.yazi-govde th { border-bottom: 1px solid var(--mor); font-weight: 500; color: var(--mor); }
.yazi-not { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--cizgi); font-size: 14px; line-height: 1.6; color: var(--metin); }
.yazi-diger { padding-top: 96px; }
.yazi-diger .bolum-baslik { font-size: 40px; margin-bottom: 34px; }

@media (max-width: 820px) {
  .yazi-satir { display: flex; flex-direction: column; gap: 8px; padding: 22px 0 24px; }
  .yazi-satir .tarih { font-size: 12px; padding-top: 0; }
  .yazi-satir .isim { font-size: 27px; line-height: 1.1; }
  .yazi-satir .ozet { font-size: 14px; line-height: 1.5; padding-top: 0; }
  .yazi-bos { font-size: 24px; padding: 26px 0 34px; }
  .yazi { padding-top: 30px; }
  .yazi h1 { margin-top: 22px; font-size: clamp(32px, 9vw, 44px); }
  .yazi-govde { font-size: 17px; line-height: 1.7; }
  .yazi-govde h2 { font-size: 27px; margin-top: 38px; }
  .yazi-govde h3 { font-size: 22px; }
  .yazi-govde table { display: block; overflow-x: auto; }
  .yazi-diger { padding-top: 64px; }
  .yazi-diger .bolum-baslik { font-size: 32px; margin-bottom: 26px; }
}