/**
 * Iwan — sayfa bölümleri
 *
 * iwan-core'daki bölüm motorunun çizdiği işaretlemenin karşılığı. core.css
 * tasarım sistemini, ui.css sayfa kromunu kurar; burası sayfanın gövdesidir.
 *
 * Buradaki hiçbir renk veya ölçü sabit değil — hepsi core.css'in :root
 * token'larından okunur. Tek istisna: bir sayının kendisinin içerik olduğu
 * yerler (ızgara kolon sayısı, çubuk yüzdesi) satır içi özel değişkenle gelir.
 *
 * @package Iwan
 */

/* ==========================================================================
   1. Bölüm kabuğu ve ritim
   Sayfa aydınlık galeri olarak akar; arada beyaz bir pano (surface), tek bir
   karanlık oda (dark) ve bir nefeslik sır turkuazı (accent) durur. Ritmi
   bozan şey her bölümü ayrı zemine oturtmaktır — o yüzden varsayılan düz.
   ========================================================================== */

.iwn-sec { position: relative; }

.iwn-sec--surface {
	background: var(--iwn-surface);
	border-block: var(--iwn-border) solid var(--iwn-line-soft);
}

.iwn-sec--accent {
	background: var(--iwn-accent-deep);
}

/*
 * Karanlık oda. Aydınlık sayfanın ortasında duran koyu bölüm; token setini
 * .iwn-dark çeviriyor, buradaki iş yalnızca zeminin tek düze kalmaması.
 * Işık tepeden gelir — bir sergi salonunda olduğu gibi.
 */
.iwn-sec--dark::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(80% 55% at 50% 0%, var(--iwn-accent-veil), transparent 70%);
}
.iwn-sec--dark > .iwn-container { position: relative; }

.iwn-sec--tight { padding-block: calc(var(--iwn-section-y) * 0.5); }

/* Bölümler arka arkaya aynı zemindeyse aradaki çift boşluk tekleşir */
.iwn-sec--surface + .iwn-sec--surface,
.iwn-sec--dark + .iwn-sec--dark { border-top: 0; padding-top: 0; }

/* Bölüm başlığının altındaki giriş cümlesi — h2'den küçük, gövdeden büyük */
.iwn-section__lede {
	margin-top: var(--iwn-sp-xs);
	max-width: 52ch;
	color: var(--iwn-text-2);
	font-size: clamp(1.0625rem, 1.3vw, 1.1875rem);
	line-height: 1.6;
}
.iwn-heading--center .iwn-section__lede { margin-inline: auto; }

/* Başlıkla gövde arası: bölümün nefesi */
.iwn-heading + * { margin-top: var(--iwn-sp-lg); }

/*
 * Bölüm başlığı geniş ekranda iki sütunlu bir bant: ad solda, giriş cümlesi
 * sağda ve alta hizalı. Alt alta dizildiklerinde sayfanın sağ yarısı boş
 * kalıyor ve bölüm yarım kurulmuş görünüyordu — bir galeri sitesinde ilk
 * fark edilen şey bu boşluk.
 */
@media (min-width: 1000px) {
	.iwn-heading {
		display: grid;
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
		column-gap: var(--iwn-sp-xl);
		align-items: end;
	}
	.iwn-heading > .iwn-label,
	.iwn-heading > h2,
	.iwn-heading > .iwn-heading__rule { grid-column: 1; }
	.iwn-heading > .iwn-section__lede {
		grid-column: 2;
		grid-row: 1 / -1;
		align-self: end;
		margin-top: 0;
		padding-bottom: 0.4em;
		max-width: none;
	}
	.iwn-heading--center { grid-template-columns: minmax(0, 1fr); }
	.iwn-heading--center > .iwn-section__lede { grid-column: 1; grid-row: auto; padding-bottom: 0; }
}

/*
 * Yazı bölümleri editoryal düzende: başlık solda asılı kalır, metin sağda
 * akar. Kapta tam olarak iki çocuk olduğu için (başlık ve gövde) ızgara
 * PHP tarafında hiçbir şey değişmeden kuruluyor.
 */
@media (min-width: 1000px) {
	.iwn-sec--prose > .iwn-container,
	.iwn-sec--values > .iwn-container {
		display: grid;
		grid-template-columns: minmax(0, 19rem) minmax(0, 1fr);
		column-gap: var(--iwn-sp-xl);
		align-items: start;
	}
	.iwn-sec--prose > .iwn-container > .iwn-heading,
	.iwn-sec--values > .iwn-container > .iwn-heading {
		display: flex;
		position: sticky;
		top: calc(var(--iwn-admin-bar, 0px) + var(--iwn-header-h-stuck, 64px) + var(--iwn-sp-md));
	}
	.iwn-sec--prose > .iwn-container > * + *,
	.iwn-sec--values > .iwn-container > * + * { margin-top: 0; }

	/* Bu düzende metin başlığın yanında, kendi ölçüsünde akar. */
	.iwn-sec--prose .iwn-prose { max-width: 62ch; font-size: 1.125rem; }
	.iwn-sec--prose .iwn-section__lede { font-size: 1.125rem; padding-bottom: 0; }
}

/*
 * Giriş bölümü de aynı bant: başlık solda, giriş cümlesi sağda. Tek sütunda
 * 18ch'lik bir başlık dev bir ekranın solunda tek başına asılı kalıyordu.
 */
@media (min-width: 1000px) {
	.iwn-hero > .iwn-hero__body {
		display: grid;
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
		column-gap: var(--iwn-sp-xl);
		align-items: end;
	}
	.iwn-hero > .iwn-hero__body > .iwn-label,
	.iwn-hero > .iwn-hero__body > .iwn-hero__title { grid-column: 1; }
	.iwn-hero > .iwn-hero__body > .iwn-hero__lede {
		grid-column: 2;
		grid-row: 1 / span 2;
		align-self: end;
		padding-bottom: 0.4em;
	}
	.iwn-hero > .iwn-hero__body > .iwn-hero__actions,
	.iwn-hero > .iwn-hero__body > .iwn-prose { grid-column: 1 / -1; }
}


/* ==========================================================================
   2. Izgara
   Tek bir yardımcı; kap sayısını kendi söyler. Dar ekranda önce tek, sonra
   iki sütuna açılır — altı portreyi telefonda altı satır yapmak yerine.
   ========================================================================== */

.iwn-cols { display: grid; gap: var(--iwn-sp-md); }

@media (min-width: 620px) {
	.iwn-cols--2, .iwn-cols--3, .iwn-cols--4,
	.iwn-cols--5, .iwn-cols--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 960px) {
	.iwn-cols--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.iwn-cols--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.iwn-cols--5,
	.iwn-cols--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1180px) {
	.iwn-cols--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.iwn-cols--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}


/* ==========================================================================
   3. Görsel yuvası
   Sitede henüz görsel yok; boş kalan yuva gri bir delik değil, kemer
   silüetiyle bilerek bırakılmış bir yüzey gibi durmalı.
   ========================================================================== */

.iwn-media {
	position: relative;
	overflow: hidden;
	background: var(--iwn-surface-2);
	border-radius: var(--iwn-radius);
}
.iwn-media__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--iwn-dur-slow) var(--iwn-ease-out);
}

/*
 * Künye levhası. Fotoğraf yokken yuva boş gri bir dikdörtgen değil, duvara
 * asılmış bir künye kartonu: ad ya da baş harfler önde, eyvan silueti
 * arkada ve alttan taşarak. Boş kutu sayfayı yarım gösteriyordu.
 */
.iwn-media--empty {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: linear-gradient(155deg, var(--iwn-surface) 0%, var(--iwn-surface-2) 100%);
	border: var(--iwn-border) solid var(--iwn-line-soft);
}
.iwn-media__mark {
	position: absolute;
	left: 50%;
	bottom: -10%;
	transform: translateX(-50%);
	width: 66%;
	max-width: none;
	color: var(--iwn-line);
	opacity: 0.45;
}
.iwn-media__mark path { stroke: currentColor; stroke-width: var(--iwn-arch-stroke); fill: none; vector-effect: non-scaling-stroke; }

.iwn-media__glyph {
	position: relative;
	z-index: 1;
	font-family: var(--iwn-font-display);
	font-size: clamp(1.375rem, 2.8vw, 2.125rem);
	line-height: 1.05;
	letter-spacing: var(--iwn-track-display);
	color: var(--iwn-text-2);
	text-align: center;
	padding-inline: var(--iwn-sp-sm);
	text-wrap: balance;
}

/* Portrede levha dairenin içinde; baş harfler seyrek ve büyük harf */
.iwn-person__photo .iwn-media__glyph {
	font-size: clamp(1.5rem, 2.6vw, 2rem);
	letter-spacing: 0.1em;
	color: var(--iwn-muted);
}
/* Dairenin içinde kemer siluetinin kesilen ucu leke gibi duruyor; portrede
   levha yalnızca baş harfleri taşır, çerçeveyi ince bir halka verir. */
.iwn-person__photo .iwn-media__mark { display: none; }
.iwn-person__photo.iwn-media--empty {
	background: var(--iwn-surface-2);
	border-color: var(--iwn-line);
}

/* Kartın içinde levha kendi kenarlığını taşımaz, kart zaten çerçeveli */
.iwn-show__link .iwn-media--empty { border: 0; border-bottom: var(--iwn-border) solid var(--iwn-line-soft); }

/* Kemer biçiminde kesilen yuva */
.iwn-media--arch { border-radius: 999px 999px var(--iwn-radius) var(--iwn-radius); }


/* ==========================================================================
   4. Giriş — [iwn_hero]
   ========================================================================== */

.iwn-hero { display: grid; gap: var(--iwn-sp-lg); }

.iwn-hero__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--iwn-sp-sm);
}

.iwn-hero__title {
	font-size: var(--iwn-size-h1);
	max-width: 18ch;
}
.iwn-hero__title--large { font-size: var(--iwn-size-hero); max-width: 14ch; }

.iwn-hero__lede {
	font-size: clamp(1.125rem, 1.7vw, 1.4375rem);
	line-height: 1.45;
	color: var(--iwn-text-2);
	max-width: 46ch;
}

.iwn-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--iwn-sp-xs);
	margin-top: var(--iwn-sp-2xs);
}

@media (min-width: 900px) {
	.iwn-hero__split {
		display: grid;
		grid-template-columns: 1.15fr 0.85fr;
		gap: var(--iwn-sp-xl);
		align-items: center;
	}
	.iwn-hero__split .iwn-media { aspect-ratio: 3 / 4; }
}

/*
 * Fotoğraflı giriş — [iwn_hero backdrop="…"].
 *
 * Sayfanın eşiği. Ana sayfadaki kemer geçidi neyse her sayfanın başındaki
 * bu bant da odur: mekân arkada, karanlık, sonra aydınlık galeriye açılıyor.
 * Fotoğraf aşağı doğru mürekkebe kadar koyulaşıyor — altındaki aydınlık
 * bölüme geçiş bir kesik değil, bir çıkış olsun diye.
 */
.iwn-sec--shot {
	overflow: hidden;
	background: var(--iwn-ink);
	/*
	 * Üst boşluk header'ın kendi yüksekliğinden türüyor. Bu bant koyu
	 * olduğu için header şeffaflaşıp üstüne biniyor; sabit bir değer
	 * verilseydi header ayarından büyütüldüğü gün etiket altında kalırdı.
	 */
	padding-top: calc(var(--iwn-header-h, 84px) + clamp(2.5rem, 7vh, 5rem));
	padding-bottom: clamp(3.5rem, 9vh, 7rem);
}
.iwn-hero__backdrop { position: absolute; inset: 0; z-index: 0; }
.iwn-hero__shot {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 52%;
	opacity: var(--iwn-gate-shade, 0.62);
}
.iwn-hero__backdrop::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--iwn-ink) 56%, transparent) 0%,
		color-mix(in srgb, var(--iwn-ink) 72%, transparent) 52%,
		var(--iwn-ink) 100%
	);
}
/* Metin perdeyle aynı boyama katmanında ve DOM'da sonra: üstte kalır. */
.iwn-sec--shot .iwn-hero { position: relative; }


/* ==========================================================================
   5. Metrikler — [iwn_stats]
   Sunumdaki 20.000 / 2.8M+ bloklarının karşılığı. Sayı serif ve büyük;
   etiket mono ve küçük. Aradaki fark bilginin hiyerarşisi.
   ========================================================================== */

.iwn-stats { align-items: start; }

.iwn-stats .iwn-metric {
	padding-top: var(--iwn-sp-sm);
	border-top: 2px solid var(--iwn-text);
	gap: var(--iwn-sp-2xs);
}
.iwn-stats .iwn-metric--accent { border-top-color: var(--iwn-accent); }

.iwn-metric__source {
	margin-top: var(--iwn-sp-2xs);
	font-family: var(--iwn-font-mono);
	font-size: var(--iwn-size-label);
	color: var(--iwn-muted);
	max-width: 34ch;
}


/* ==========================================================================
   6. Gerekçe blokları — [iwn_pillars]
   ========================================================================== */

.iwn-pillar {
	display: flex;
	flex-direction: column;
	gap: var(--iwn-sp-2xs);
}

.iwn-pillar__value {
	font-family: var(--iwn-font-display);
	font-size: clamp(2.5rem, 5vw, 3.75rem);
	font-weight: 500;
	line-height: 0.98;
	letter-spacing: -0.03em;
	color: var(--iwn-text);
	margin-bottom: var(--iwn-sp-3xs);
}

.iwn-pillar__title { font-size: var(--iwn-size-h3); }
.iwn-pillar__label { color: var(--iwn-accent-bright); }
.iwn-pillar__body { color: var(--iwn-text-2); font-size: var(--iwn-size-small); line-height: 1.62; max-width: 42ch; }
.iwn-pillar__source {
	margin-top: auto;
	padding-top: var(--iwn-sp-xs);
	font-family: var(--iwn-font-mono);
	font-size: var(--iwn-size-label);
	font-style: normal;
	color: var(--iwn-muted);
}

/* Kutulu varyant — sunumun gri panolu sayfaları */
.iwn-pillars--boxed .iwn-pillar {
	padding: var(--iwn-sp-md);
	background: var(--iwn-surface);
	border: var(--iwn-border) solid var(--iwn-line-soft);
	border-radius: var(--iwn-radius);
}
.iwn-sec--surface .iwn-pillars--boxed .iwn-pillar { background: var(--iwn-ink); }

/* Kemer başlıklı varyant — her bloğun tepesinde ince bir eyvan çizgisi */
.iwn-pillars--arch .iwn-pillar { padding-top: var(--iwn-sp-sm); border-top: 1px solid var(--iwn-line); }

/* Henüz gelmemiş olan: sunumdaki soluk "In Development" sütunu */
.iwn-pillar--muted { opacity: 0.62; }
.iwn-pillar--muted .iwn-pillar__title { color: var(--iwn-muted); }


/* ==========================================================================
   7. Karşıtlık — [iwn_split]
   İki blok yan yana durmuyor; aralarında bir eşik var.
   ========================================================================== */

.iwn-split {
	display: grid;
	gap: var(--iwn-sp-lg);
	align-items: start;
}

@media (min-width: 900px) {
	.iwn-split { grid-template-columns: 1fr auto 1fr; gap: var(--iwn-sp-xl); }
}

.iwn-split__side { display: flex; flex-direction: column; gap: var(--iwn-sp-xs); }
.iwn-split__title { font-size: var(--iwn-size-h2); }
.iwn-split__body { color: var(--iwn-text-2); }
.iwn-split__body p { max-width: 40ch; }

.iwn-split__gate {
	display: none;
	justify-self: center;
	color: var(--iwn-line);
}
@media (min-width: 900px) {
	.iwn-split__gate { display: block; align-self: stretch; }
	.iwn-split__arch { width: clamp(110px, 12vw, 190px); height: 100%; opacity: 0.9; }
	.iwn-split__arch path { stroke: currentColor; stroke-width: var(--iwn-arch-stroke); fill: none; vector-effect: non-scaling-stroke; }
}

/* Sağdaki taraf cevaptır — vurgu onda */
.iwn-split__side:last-child .iwn-split__title { color: var(--iwn-accent-bright); }


/* ==========================================================================
   8. Değerler — [iwn_values]
   ========================================================================== */

/*
 * Değerler bir madde listesi değil, duvara asılmış bir dizin: numaralı,
 * çizgiyle ayrılmış, başlık ölçüsünde. Küçük punto bir <ul> olarak
 * bırakıldığında sayfanın en zayıf yeri oluyordu.
 */
.iwn-values { list-style: none; margin: 0; padding: 0; counter-reset: iwn-value; }

.iwn-value {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: baseline;
	gap: var(--iwn-sp-sm);
	padding-block: var(--iwn-sp-sm);
	border-bottom: 1px solid var(--iwn-line-soft);
	counter-increment: iwn-value;
}
.iwn-value:first-child { border-top: 1px solid var(--iwn-line-soft); }

/* Sıra numarası künye punto ve mono — eserin duvardaki etiketi gibi */
.iwn-value::before {
	content: counter(iwn-value, decimal-leading-zero);
	font-family: var(--iwn-font-mono);
	font-size: var(--iwn-size-label);
	letter-spacing: var(--iwn-track-label);
	color: var(--iwn-accent-bright);
	align-self: center;
}

.iwn-value__mark { display: none; }
.iwn-value__text {
	font-family: var(--iwn-font-display);
	font-size: clamp(1.375rem, 2.3vw, 2rem);
	line-height: 1.16;
	letter-spacing: var(--iwn-track-display);
}
.iwn-value__note { font-family: var(--iwn-font-mono); font-size: var(--iwn-size-label); color: var(--iwn-muted); }


/* ==========================================================================
   9. Künye — [iwn_facts]
   ========================================================================== */

.iwn-facts { display: grid; gap: var(--iwn-sp-lg); }

@media (min-width: 900px) {
	.iwn-facts { grid-template-columns: 1.1fr 0.9fr; gap: var(--iwn-sp-xl); align-items: start; }
}

.iwn-facts__panel {
	padding: var(--iwn-sp-md);
	background: var(--iwn-surface);
	border: var(--iwn-border) solid var(--iwn-line-soft);
	border-radius: var(--iwn-radius);
}
.iwn-sec--surface .iwn-facts__panel { background: var(--iwn-ink); }

.iwn-facts__list { margin: 0; display: flex; flex-direction: column; gap: var(--iwn-sp-sm); }
.iwn-fact { display: flex; flex-direction: column; gap: var(--iwn-sp-3xs); }
.iwn-fact + .iwn-fact { padding-top: var(--iwn-sp-sm); border-top: 1px solid var(--iwn-line-soft); }
.iwn-fact__value {
	margin: 0;
	font-family: var(--iwn-font-display);
	font-size: var(--iwn-size-h3);
	line-height: 1.2;
}
.iwn-fact__note { margin: 0; color: var(--iwn-text-2); font-size: var(--iwn-size-small); }

.iwn-facts__aside { display: flex; flex-direction: column; align-items: flex-start; gap: var(--iwn-sp-md); }
.iwn-facts__pitch {
	font-family: var(--iwn-font-display);
	font-size: clamp(1.3rem, 2.4vw, 1.875rem);
	line-height: 1.3;
	max-width: 22ch;
}


/* ==========================================================================
   10. Tablo — [iwn_table]
   Dar ekranda hücreler alt alta dizilmez, tablo yatay kayar: finansal bir
   tabloda sütun hizası bilginin kendisidir, kırılırsa okunmaz olur.
   ========================================================================== */

.iwn-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.iwn-table-wrap:focus-visible { outline: 2px solid var(--iwn-accent-bright); outline-offset: 4px; }

.iwn-table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
	font-size: var(--iwn-size-small);
	text-align: right;
}

.iwn-table th,
.iwn-table td {
	padding: var(--iwn-sp-xs) var(--iwn-sp-sm);
	border-bottom: 1px solid var(--iwn-line-soft);
	white-space: nowrap;
}

.iwn-table thead th {
	font-family: var(--iwn-font-mono);
	font-size: var(--iwn-size-label);
	font-weight: 400;
	letter-spacing: var(--iwn-track-label);
	text-transform: uppercase;
	color: var(--iwn-muted);
	border-bottom: 1px solid var(--iwn-line);
}

/* İlk sütun satırın adı: sola yaslı, kalın, kırılabilir */
.iwn-table tbody th,
.iwn-table thead th:first-child {
	text-align: left;
	font-family: var(--iwn-font-body);
	font-weight: 500;
	color: var(--iwn-text);
	white-space: normal;
	min-width: 12rem;
}
.iwn-table thead th:first-child { font-family: var(--iwn-font-mono); font-weight: 400; color: var(--iwn-muted); }

.iwn-table tbody tr:hover { background: var(--iwn-accent-veil); }

/* Vurgulanan sütun — sunumdaki "Base Case" */
.iwn-table .is-highlight { background: var(--iwn-accent-veil); }
.iwn-table thead .is-highlight { color: var(--iwn-accent-bright); }
.iwn-table .is-strong { font-weight: 600; color: var(--iwn-text); }
.iwn-table .is-quiet { color: var(--iwn-muted); }
.iwn-table__row--muted th,
.iwn-table__row--muted td { color: var(--iwn-muted); }

.iwn-table__note {
	margin-top: var(--iwn-sp-sm);
	font-size: var(--iwn-size-label);
	font-family: var(--iwn-font-mono);
	line-height: 1.6;
	color: var(--iwn-muted);
	max-width: none;
}

/* Durum rozetleri — taksonomi terim slug'ları */
.iwn-badge--confirmed   { color: var(--iwn-accent-bright); border-color: var(--iwn-accent); background: var(--iwn-accent-veil); }
.iwn-badge--negotiating { color: var(--iwn-gilt); border-color: var(--iwn-gilt); background: var(--iwn-gilt-veil); }
.iwn-badge--pipeline    { color: var(--iwn-muted); border-color: var(--iwn-line); }


/* ==========================================================================
   11. Fazlar — [iwn_phases]
   ========================================================================== */

.iwn-phases { list-style: none; margin: 0; padding: 0; }

.iwn-phase {
	display: flex;
	flex-direction: column;
	gap: var(--iwn-sp-2xs);
	padding-top: var(--iwn-sp-sm);
	border-top: 2px solid var(--iwn-accent);
}
.iwn-phase__step {
	font-family: var(--iwn-font-mono);
	font-size: var(--iwn-size-label);
	letter-spacing: var(--iwn-track-label);
	color: var(--iwn-accent-bright);
}
.iwn-phase__title { font-size: var(--iwn-size-h3); }
.iwn-phase__label { color: var(--iwn-muted); }
.iwn-phase__body { color: var(--iwn-text-2); font-size: var(--iwn-size-small); line-height: 1.62; }

/* Sonraki fazlar biraz daha soluk: sıra ilerledikçe kesinlik azalır */
.iwn-phase:nth-child(2) { border-top-color: var(--iwn-gilt); }
.iwn-phase:nth-child(n+3) { border-top-color: var(--iwn-line); }


/* ==========================================================================
   12. Karşılaştırma — [iwn_compare]
   ========================================================================== */

.iwn-compare__cell {
	padding: var(--iwn-sp-sm);
	border: var(--iwn-border) solid var(--iwn-line-soft);
	border-radius: var(--iwn-radius);
	text-align: center;
	background: var(--iwn-surface);
}
.iwn-sec--surface .iwn-compare__cell { background: var(--iwn-ink); }

.iwn-compare__name { font-size: 1rem; font-family: var(--iwn-font-body); font-weight: 600; }
.iwn-compare__note {
	margin: var(--iwn-sp-3xs) auto 0;
	font-family: var(--iwn-font-mono);
	font-size: var(--iwn-size-label);
	color: var(--iwn-muted);
	max-width: none;
}

/* Bukhari'nin kendi hücresi — karşılaştırmanın öznesi */
.iwn-compare__cell--feature {
	background: var(--iwn-text);
	border-color: var(--iwn-text);
}
.iwn-compare__cell--feature .iwn-compare__name { color: var(--iwn-surface); }
.iwn-compare__cell--feature .iwn-compare__note { color: var(--iwn-surface); opacity: 0.72; }


/* ==========================================================================
   13. Fon dağılımı — [iwn_funds]
   ========================================================================== */

.iwn-funds { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--iwn-sp-sm); }

.iwn-fund { display: grid; gap: var(--iwn-sp-2xs); }
@media (min-width: 700px) { .iwn-fund { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--iwn-sp-md); align-items: center; } }

.iwn-fund__bar {
	position: relative;
	display: block;
	height: 42px;
	background: var(--iwn-surface-2);
	border-radius: var(--iwn-radius);
	overflow: hidden;
}
.iwn-fund__fill {
	position: absolute;
	inset: 0 auto 0 0;
	width: var(--iwn-fund, 0%);
	background: var(--iwn-text);
}
/* Sırayla açılan tonlar: en büyük kalem en koyu */
.iwn-fund:nth-child(2) .iwn-fund__fill { background: var(--iwn-text-2); }
.iwn-fund:nth-child(3) .iwn-fund__fill { background: var(--iwn-muted); }
.iwn-fund:nth-child(n+4) .iwn-fund__fill { background: var(--iwn-line); }

.iwn-fund__pct {
	position: absolute;
	top: 50%;
	left: var(--iwn-fund, 0%);
	transform: translate(-100%, -50%);
	padding-inline: var(--iwn-sp-2xs);
	font-family: var(--iwn-font-mono);
	font-size: var(--iwn-size-label);
	color: var(--iwn-surface);
}
.iwn-fund:nth-child(n+4) .iwn-fund__pct { color: var(--iwn-text); }

.iwn-fund__text { display: flex; flex-direction: column; gap: 2px; }
.iwn-fund__label { font-size: var(--iwn-size-small); color: var(--iwn-text-2); }
.iwn-fund__amount { font-family: var(--iwn-font-display); font-size: var(--iwn-size-h3); line-height: 1.1; }


/* ==========================================================================
   14. Pazar halkaları — [iwn_marketsize]
   ========================================================================== */

.iwn-market { display: grid; gap: var(--iwn-sp-lg); align-items: center; }
@media (min-width: 900px) { .iwn-market { grid-template-columns: 0.85fr 1.15fr; gap: var(--iwn-sp-xl); } }

.iwn-market__rings {
	position: relative;
	aspect-ratio: 1;
	max-width: 420px;
	width: 100%;
	margin-inline: auto;
	display: grid;
	place-items: center;
}
.iwn-market__ring {
	position: absolute;
	width: var(--iwn-ring);
	aspect-ratio: 1;
	border-radius: 50%;
}
.iwn-market__ring--1 { background: var(--iwn-surface-2); }
.iwn-market__ring--2 { background: var(--iwn-line); }
.iwn-market__ring--3 { background: var(--iwn-text); }

.iwn-market__core {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	color: var(--iwn-surface);
	text-align: center;
}
.iwn-market__core-label {
	font-family: var(--iwn-font-mono);
	font-size: var(--iwn-size-label);
	letter-spacing: var(--iwn-track-label);
	text-transform: uppercase;
	opacity: 0.72;
}
.iwn-market__core-value {
	font-family: var(--iwn-font-display);
	font-size: clamp(1.75rem, 4vw, 2.75rem);
	line-height: 1;
}

.iwn-market__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--iwn-sp-md); }
.iwn-market__tier { padding-left: var(--iwn-sp-sm); border-left: 3px solid var(--iwn-surface-2); display: flex; flex-direction: column; gap: 2px; }
.iwn-market__tier:nth-child(2) { border-left-color: var(--iwn-line); }
.iwn-market__tier--core { border-left-color: var(--iwn-text); }
.iwn-market__value { font-family: var(--iwn-font-display); font-size: clamp(1.75rem, 3.4vw, 2.5rem); line-height: 1.05; letter-spacing: -0.03em; }
.iwn-market__body { color: var(--iwn-text-2); font-size: var(--iwn-size-small); line-height: 1.6; }


/* ==========================================================================
   15. Kişiler — [iwn_people]
   ========================================================================== */

.iwn-people { list-style: none; margin: 0; padding: 0; }

.iwn-person { display: flex; flex-direction: column; gap: var(--iwn-sp-xs); }
.iwn-person__photo { aspect-ratio: 1; border-radius: 999px; }
.iwn-person__photo.iwn-media--empty { aspect-ratio: 1; }
.iwn-person__name { font-size: 1.0625rem; font-family: var(--iwn-font-body); font-weight: 600; letter-spacing: 0; }
.iwn-person__role { color: var(--iwn-muted); font-size: var(--iwn-size-small); line-height: 1.55; max-width: none; }

/* Kemer varyantı: portreler daire değil eyvan biçiminde asılır */
.iwn-people--arch .iwn-person__photo {
	aspect-ratio: 3 / 4;
	border-radius: 999px 999px var(--iwn-radius) var(--iwn-radius);
}


/* ==========================================================================
   16. Sergiler — [iwn_exhibitions]
   ========================================================================== */

.iwn-shows { list-style: none; margin: 0; padding: 0; }

.iwn-show__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
	background: var(--iwn-surface);
	border: var(--iwn-border) solid var(--iwn-line-soft);
	border-radius: var(--iwn-radius);
	overflow: hidden;
	transition: border-color var(--iwn-dur) var(--iwn-ease),
	            transform var(--iwn-dur) var(--iwn-ease-out),
	            box-shadow var(--iwn-dur) var(--iwn-ease-out);
}
.iwn-sec--surface .iwn-show__link { background: var(--iwn-ink); }

.iwn-show__link:hover {
	border-color: var(--iwn-accent);
	transform: translateY(-3px);
	box-shadow: var(--iwn-shadow-2);
	color: inherit;
}
.iwn-show__link .iwn-media { aspect-ratio: 4 / 3; border-radius: 0; }
.iwn-show__link:hover .iwn-media__img { transform: scale(1.04); }

.iwn-show__body { display: flex; flex-direction: column; gap: var(--iwn-sp-2xs); padding: var(--iwn-sp-sm); align-items: flex-start; }
.iwn-show__title { font-size: var(--iwn-size-h3); }
.iwn-show__note { color: var(--iwn-text-2); font-size: var(--iwn-size-small); line-height: 1.55; }
.iwn-show__body .iwn-badge { margin-top: var(--iwn-sp-2xs); }


/* ==========================================================================
   17. Ortaklık kademeleri — [iwn_tiers]
   ========================================================================== */

.iwn-tiers { align-items: stretch; }

.iwn-tier {
	display: flex;
	flex-direction: column;
	gap: var(--iwn-sp-sm);
	padding: var(--iwn-sp-md);
	background: var(--iwn-surface);
	border: var(--iwn-border) solid var(--iwn-line-soft);
	border-radius: var(--iwn-radius);
}
.iwn-sec--surface .iwn-tier { background: var(--iwn-ink); }

.iwn-tier__head { display: flex; flex-direction: column; gap: var(--iwn-sp-3xs); padding-bottom: var(--iwn-sp-sm); border-bottom: 1px solid var(--iwn-line-soft); }
.iwn-tier__name { font-size: var(--iwn-size-h3); }
.iwn-tier__price { font-family: var(--iwn-font-display); font-size: clamp(2rem, 3.6vw, 2.75rem); line-height: 1; letter-spacing: -0.03em; }
.iwn-tier__slots { color: var(--iwn-muted); }

.iwn-tier__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--iwn-sp-xs); flex: 1; }
.iwn-tier__list li {
	position: relative;
	padding-left: var(--iwn-sp-sm);
	font-size: var(--iwn-size-small);
	line-height: 1.55;
	color: var(--iwn-text-2);
}
/* İşaret nokta değil kemerin tepesi: motif listeye kadar iner */
.iwn-tier__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.6em;
	width: 7px;
	height: 7px;
	border-top: 1.5px solid var(--iwn-accent);
	border-left: 1.5px solid var(--iwn-accent);
	transform: rotate(45deg);
}

.iwn-tier__cta { align-self: flex-start; margin-top: auto; }

/* En üst kademe — sunumdaki siyah zeminli Platinum kartı */
.iwn-tier--feature {
	background: var(--iwn-text);
	border-color: var(--iwn-text);
	color: var(--iwn-surface);
}
.iwn-sec--surface .iwn-tier--feature { background: var(--iwn-text); }
.iwn-tier--feature .iwn-tier__name,
.iwn-tier--feature .iwn-tier__price { color: var(--iwn-surface); }
.iwn-tier--feature .iwn-tier__head { border-bottom-color: rgba(255, 255, 255, 0.18); }
.iwn-tier--feature .iwn-tier__slots { color: var(--iwn-surface); opacity: 0.65; }
.iwn-tier--feature .iwn-tier__list li { color: var(--iwn-surface); opacity: 0.86; }
.iwn-tier--feature .iwn-tier__list li::before { border-color: var(--iwn-gilt); }


/* ==========================================================================
   18. Çağrı bandı — [iwn_cta]
   ========================================================================== */

.iwn-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--iwn-sp-sm);
	text-align: center;
}
.iwn-cta__title { font-size: var(--iwn-size-h2); max-width: 20ch; }
.iwn-cta__body { color: var(--iwn-text-2); max-width: 52ch; }
.iwn-cta__actions { display: flex; flex-wrap: wrap; gap: var(--iwn-sp-xs); justify-content: center; margin-top: var(--iwn-sp-2xs); }


/* ==========================================================================
   19. İletişim — [iwn_contact]
   ========================================================================== */

.iwn-contact { display: grid; gap: var(--iwn-sp-lg); }
@media (min-width: 760px) { .iwn-contact { grid-template-columns: 1fr 1fr; gap: var(--iwn-sp-xl); } }

.iwn-contact__people { display: flex; flex-direction: column; gap: var(--iwn-sp-sm); }
.iwn-contact__person { display: flex; flex-direction: column; gap: 2px; }
.iwn-contact__name { font-family: var(--iwn-font-display); font-size: var(--iwn-size-h3); line-height: 1.2; }

.iwn-contact__lines { margin: 0; display: flex; flex-direction: column; gap: var(--iwn-sp-sm); }
.iwn-contact__line { display: flex; flex-direction: column; gap: 2px; }
.iwn-contact__line dd { margin: 0; }
.iwn-contact__line a { font-family: var(--iwn-font-display); font-size: var(--iwn-size-h3); line-height: 1.2; }


/* ==========================================================================
   20. Alıntı — [iwn_quote]
   ========================================================================== */

.iwn-pull { margin: 0; display: flex; flex-direction: column; gap: var(--iwn-sp-sm); }
.iwn-pull .iwn-quote { max-width: 26ch; }
.iwn-sec--dark .iwn-pull .iwn-quote { color: var(--iwn-text); }


/* ==========================================================================
   21. Eser duvarı — [iwn_gallery]
   ========================================================================== */

.iwn-wall { list-style: none; margin: 0; padding: 0; }
.iwn-wall .iwn-work__frame { aspect-ratio: 3 / 4; }
.iwn-wall .iwn-media { height: 100%; border-radius: 0; }
.iwn-wall .iwn-media--empty { aspect-ratio: 3 / 4; }

/* ratio="wide" — mekân kareleri. Dik çerçeve odayı orta şeride kırpıyordu. */
.iwn-wall--wide .iwn-work__frame,
.iwn-wall--wide .iwn-media--empty { aspect-ratio: 16 / 9; }


/* ==========================================================================
   22. Şehir Haritası — [iwn_citymap]
   Nokta ızgarası Canvas 2D, yaylar SVG. JS gelmezse harita boş kalır ama
   altındaki şehir listesi tek başına okunur — bilgi kaybolmaz.
   ========================================================================== */

.iwn-map {
	position: relative;
	aspect-ratio: 2 / 1;
	width: 100%;
	margin-bottom: var(--iwn-sp-lg);
	color: var(--iwn-line);
}
.iwn-map__canvas,
.iwn-map__arcs {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.iwn-map__arcs path {
	fill: none;
	stroke: var(--iwn-accent);
	stroke-width: 1;
	vector-effect: non-scaling-stroke;
	opacity: 0.5;
}
.iwn-map__pins { position: absolute; inset: 0; }

.iwn-map__pin {
	position: absolute;
	transform: translate(-50%, -50%);
	display: grid;
	place-items: center;
}
.iwn-map__dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--iwn-accent);
	box-shadow: 0 0 0 4px var(--iwn-accent-veil);
}
.iwn-map__pin[data-status="pipeline"] .iwn-map__dot { background: var(--iwn-muted); box-shadow: none; }
.iwn-map__pin[data-status="negotiating"] .iwn-map__dot { background: var(--iwn-gilt); box-shadow: 0 0 0 4px var(--iwn-gilt-veil); }

.iwn-map__label {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 6px;
	font-family: var(--iwn-font-mono);
	font-size: var(--iwn-size-label);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--iwn-text-2);
	white-space: nowrap;
}

.iwn-map__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--iwn-sp-2xs) var(--iwn-sp-md);
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 170px), 1fr));
}
.iwn-map__city {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--iwn-sp-2xs);
	padding-block: var(--iwn-sp-2xs);
	border-top: 1px solid var(--iwn-line-soft);
}
.iwn-map__city-name { font-size: var(--iwn-size-small); }
.iwn-map__city--confirmed { border-top-color: var(--iwn-accent); }
.iwn-map__city--confirmed .iwn-map__city-name { font-weight: 600; }
.iwn-map__city--negotiating { border-top-color: var(--iwn-gilt); }


/* ==========================================================================
   23. Eser Koridoru başlığı
   ========================================================================== */

.iwn-corridor__head {
	position: absolute;
	top: clamp(2rem, 8vh, 5rem);
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: var(--iwn-sp-2xs);
	pointer-events: none;
}
.iwn-corridor__link { color: inherit; display: block; }
.iwn-corridor__link:hover { color: inherit; }
.iwn-corridor .iwn-work__frame { display: block; aspect-ratio: 3 / 4; background: var(--iwn-surface-2); box-shadow: var(--iwn-shadow-2); }

@media (max-width: 780px) {
	.iwn-corridor__head { position: static; transform: none; padding: var(--iwn-sp-md) var(--iwn-sp-sm) 0; }
	.iwn-corridor__rail { padding-inline: var(--iwn-sp-sm); }
}


/* ==========================================================================
   24. Baskı
   ========================================================================== */

@media print {
	.iwn-map, .iwn-corridor, .iwn-split__gate, .iwn-media--empty { display: none !important; }
	.iwn-sec--dark, .iwn-sec--dark * { background: #fff !important; color: #000 !important; }
	.iwn-table { min-width: 0; font-size: 10pt; }
}