/* Hakkımızda sayfası (patterns/hakkimizda-*.php). */

/* === giriş: pencere === */
.hk-pencere { --ust: 40px; position: relative; }
.hk-pencere__sabit {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: clamp(56px, 10vh, 112px) var(--wp--style--root--padding-right, 32px) 0 var(--wp--style--root--padding-left, 32px);
}
.hk-pencere .hk-pencere__baslik {
	margin: 0;
	max-width: 20ch;
	font-size: clamp(32px, 5vw, 64px);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.035em;
	color: var(--wp--preset--color--primary);
}
.hk-pencere .hk-pencere__kaynak { margin: 20px 0 0; font-size: 15px; color: var(--wp--preset--color--muted); }
/* Fotoğraftaki eski baskı şeritleri (üst etiket, alt sosyal medya bandı) scale ile kadraj dışında. */
.hk-pencere .hk-pencere__foto {
	position: relative;
	z-index: 1;
	width: calc(100% + var(--wp--style--root--padding-left, 32px) + var(--wp--style--root--padding-right, 32px));
	height: 72vh;
	margin: 48px 0 0;
	overflow: hidden;
}
.hk-pencere__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; scale: 1.45; }
.hk-pencere__foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.62)); opacity: var(--p2, 1); pointer-events: none; }
.hk-pencere .hk-pencere__alt { position: absolute; z-index: 2; left: 0; right: 0; bottom: 8vh; padding-inline: 16px; color: #fff; opacity: var(--p2, 1); }
.hk-pencere .hk-pencere__ad { margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -0.02em; }
.hk-pencere .hk-pencere__yil { margin: 8px 0 0; font-size: 15px; color: rgba(255, 255, 255, 0.8); }

/* Canlı hâl: hakkimizda.js ekler (hareket azaltma kapalıyken). Pencere kaydırmayla ekranı kaplar. */
.hk-pencere--canli { height: 220vh; }
.hk-pencere--canli .hk-pencere__sabit { position: sticky; top: var(--ust); height: calc(100vh - var(--ust)); overflow: hidden; }
.hk-pencere--canli .hk-pencere__foto {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100vh - var(--ust));
	margin: 0;
	clip-path: inset(calc((1 - var(--p, 0)) * 48vh) calc((1 - var(--p, 0)) * (50% - 220px)) calc((1 - var(--p, 0)) * 6vh) round calc((1 - var(--p, 0)) * 8px));
}
/* Küçük pencere ekranın altında; fotoğraf aşağı kayar ki pencerede masalar değil insanlar görünsün. */
.hk-pencere--canli .hk-pencere__foto img { scale: calc(1.6 - var(--p, 0) * 0.18); translate: 0 calc((1 - var(--p, 0)) * 25%); }
.hk-pencere--canli .hk-pencere__alt { bottom: 10vh; }

@media (max-width: 599px) {
	.hk-pencere { --ust: 54px; }
	.hk-pencere .hk-pencere__foto { height: 62vh; }
	.hk-pencere--canli .hk-pencere__foto {
		height: calc(100vh - var(--ust));
		clip-path: inset(calc((1 - var(--p, 0)) * 38vh) calc((1 - var(--p, 0)) * 24px) calc((1 - var(--p, 0)) * 4vh) round calc((1 - var(--p, 0)) * 8px));
	}
	.hk-pencere .hk-pencere__ad { font-size: 18px; }
}

/* === kuruluş: rakamın içindeki isimler === */
.hk-kurulus .hk-kurulus__baslik {
	margin: 0 auto;
	max-width: 20ch;
	text-align: center;
	font-size: clamp(30px, 4vw, 52px);
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: -0.035em;
	color: var(--wp--preset--color--primary);
}
.hk-kurulus .hk-yil { display: block; width: 100%; height: auto; margin-top: 48px; }
.hk-yil__zemin { fill: var(--wp--preset--color--line); }
.hk-yil__isimler { font-family: "Inter Tight", sans-serif; font-weight: 500; fill: var(--wp--preset--color--primary); }
/* Script yoksa isimler okunur bir liste olarak kalır; script rakamı doldurunca liste yalnızca ekran okuyuculara kalır. */
.hk-kurulus .hk-kurulus__isimler { margin: 32px 0 0; padding: 0; list-style: none; columns: 3 14rem; column-gap: 32px; color: var(--wp--preset--color--primary); }
.hk-kurulus--hazir .hk-kurulus__isimler { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hk-kurulus .hk-kurulus__alt { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--wp--preset--color--line); gap: 16px 32px; }
.hk-kurulus .hk-kurulus__kaynak { margin: 0; max-width: 64ch; font-size: 16px; color: var(--wp--preset--color--muted); }
.hk-kurulus .hk-kurulus__link { margin: 0; font-size: 18px; font-weight: 500; }
.hk-kurulus .hk-kurulus__link a { color: var(--wp--preset--color--primary); text-decoration: none; }
@media (max-width: 599px) {
	.hk-kurulus .hk-yil { margin-top: 32px; }
}

/* === amaç: fosforlu kalem === */
.hk-amac .hk-amac__ic { max-width: 1040px; margin-inline: auto; }
.hk-amac .hk-amac__metin {
	margin: 0;
	font-size: clamp(26px, 3.4vw, 44px);
	font-weight: 400;
	line-height: 1.32;
	letter-spacing: -0.03em;
	color: var(--wp--preset--color--quiet);
}
/* Editörün Vurgulama biçimi satır içi renk verse de kalem görünümü buradan gelir. */
.hk-amac .hk-amac__metin mark {
	color: var(--wp--preset--color--primary);
	background: linear-gradient(transparent 58%, rgba(155, 155, 203, 0.45) 58%, rgba(155, 155, 203, 0.45) 92%, transparent 92%) no-repeat 0 0 / 100% 100% !important;
	transition: background-size 1.1s var(--ease-expo, ease-out), color 0.6s var(--ease-expo, ease-out);
}
.hk-amac--canli .hk-amac__metin mark:not(.hk-cizildi) { background-size: 0% 100% !important; color: var(--wp--preset--color--quiet); }
.hk-amac .hk-amac__alt { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--wp--preset--color--line); gap: 16px 32px; }
.hk-amac .hk-amac__kaynak { margin: 0; max-width: 64ch; font-size: 16px; color: var(--wp--preset--color--muted); }
.hk-amac .hk-amac__link { margin: 0; font-size: 18px; font-weight: 500; }
.hk-amac .hk-amac__link a { color: var(--wp--preset--color--primary); text-decoration: none; }

/* === yeni dönem: düzeltme kaydı === */
.hk-donem .hk-donem__satirlar { display: grid; gap: 6px; }
.hk-donem .hk-donem__satir {
	margin: 0;
	font-size: clamp(36px, 7vw, 92px);
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -0.045em;
	color: #fff;
	transition: color 0.7s var(--ease-expo, ease-out) 0.45s;
}
/* Üstü çizili kelime: tarayıcının çizgisi yerine kırmızı kalem çizgisi. */
.hk-donem .hk-donem__satir s { position: relative; text-decoration: none; color: rgba(155, 155, 203, 0.75); }
.hk-donem .hk-donem__satir s::after {
	content: "";
	position: absolute;
	left: -0.04em;
	right: -0.04em;
	top: 56%;
	height: 0.055em;
	min-height: 3px;
	background: var(--wp--preset--color--signal);
	transform-origin: left center;
	transition: scale 0.9s var(--ease-expo, ease-out);
}
.hk-donem--canli .hk-donem__satir:not(.hk-yazildi) { color: transparent; }
.hk-donem--canli .hk-donem__satir:not(.hk-yazildi) s::after { scale: 0 1; }
.hk-donem .hk-donem__alt { margin-top: 48px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.18); gap: 16px 32px; }
.hk-donem .hk-donem__kaynak { margin: 0; font-size: 15px; color: var(--wp--preset--color--lavender); }
.hk-donem .hk-donem__link { margin: 0; font-size: 18px; font-weight: 500; }
.hk-donem .hk-donem__link a { color: #fff; text-decoration: none; }

/* === faaliyetler: beş başlık (core/details) === */
.hk-faal { interpolate-size: allow-keywords; }
.hk-faal .hk-faal__bas { gap: 16px 32px; }
.hk-faal .hk-faal__baslik { margin: 0; font-size: clamp(30px, 3.6vw, 48px); font-weight: 400; line-height: 1.08; letter-spacing: -0.035em; color: var(--wp--preset--color--primary); }
.hk-faal .hk-faal__link { margin: 0; font-size: 18px; font-weight: 500; }
.hk-faal .hk-faal__link a { color: var(--wp--preset--color--primary); text-decoration: none; }
.hk-faal .hk-faal__gruplar { margin-top: 48px; border-top: 1px solid var(--wp--preset--color--primary); }
.hk-faal .hk-faal__grup { margin: 0; border-bottom: 1px solid var(--wp--preset--color--line); }
.hk-faal .hk-faal__grup summary {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto 40px;
	align-items: baseline;
	gap: 16px;
	padding: 28px 0 28px 96px;
	list-style: none;
	cursor: pointer;
	font-size: clamp(26px, 3.4vw, 44px);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.035em;
	color: var(--wp--preset--color--primary);
}
.hk-faal .hk-faal__grup summary::-webkit-details-marker { display: none; }
.hk-faal .hk-faal__grup summary em { grid-column: 2; font-style: normal; font-size: 15px; letter-spacing: 0; color: var(--wp--preset--color--muted); }
/* Bent sayısı (hakkimizda.js ekler) soldaki boşlukta durur; script yoksa boşluk kalır. */
.hk-faal__sayi { position: absolute; left: 0; top: 50%; translate: 0 -50%; font-size: 14px; letter-spacing: 0; color: var(--wp--preset--color--quiet); }
.hk-faal .hk-faal__grup summary::after { content: ""; grid-column: 3; justify-self: end; align-self: center; width: 20px; height: 20px; background: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary)) center / 20px 1.5px no-repeat, linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary)) center / 1.5px 20px no-repeat; transition: background-size 0.5s var(--ease-expo, ease-out); }
.hk-faal .hk-faal__grup[open] summary::after { background-size: 20px 1.5px, 1.5px 0; }
.hk-faal .hk-faal__grup::details-content { block-size: 0; overflow: hidden; transition: block-size 0.6s var(--ease-expo, ease-out), content-visibility 0.6s allow-discrete; }
.hk-faal .hk-faal__grup[open]::details-content { block-size: auto; }
.hk-faal .hk-faal__bentler { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 48px; margin: 0; padding: 0 0 32px 96px; list-style: none; }
.hk-faal .hk-faal__bentler li { display: flex; gap: 14px; padding: 12px 0; border-top: 1px solid var(--wp--preset--color--line); font-size: 17px; color: var(--wp--preset--color--ink); }
.hk-faal .hk-faal__bentler li strong { flex: none; width: 24px; text-align: right; font-weight: 400; color: var(--wp--preset--color--quiet); font-variant-numeric: tabular-nums; }
@media (max-width: 781px) {
	.hk-faal .hk-faal__grup summary { padding-left: 0; grid-template-columns: 1fr 24px; }
	.hk-faal .hk-faal__grup summary em, .hk-faal__sayi { display: none; }
	.hk-faal .hk-faal__grup summary::after { grid-column: 2; }
	.hk-faal .hk-faal__bentler { grid-template-columns: 1fr; padding-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.hk-faal .hk-faal__grup::details-content { transition: none; }
}

/* === teşkilat: yüzler === */
.hk-teskilat .hk-teskilat__baslik { margin: 0 auto; max-width: 22ch; text-align: center; font-size: clamp(30px, 3.6vw, 48px); font-weight: 400; line-height: 1.08; letter-spacing: -0.035em; color: var(--wp--preset--color--primary); }
.hk-teskilat .hk-teskilat__alt-baslik { margin: 16px auto 0; max-width: 56ch; text-align: center; color: var(--wp--preset--color--muted); }
.hk-teskilat .hk-yuzler { margin: 56px auto 0; max-width: 1080px; }
.hk-teskilat .hk-yuzler__sorgu { margin: 0; }
.hk-teskilat .hk-yuzler__sorgu + .hk-yuzler__sorgu { margin-top: 10px; }
.hk-teskilat .hk-yuzler__liste { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; max-width: none; }
.hk-teskilat .hk-yuzler__liste > li { position: relative; flex: none; margin: 0; }
.hk-teskilat .hk-yuz { position: relative; width: 72px; height: 72px; }
.hk-teskilat .hk-yuz__foto { width: 72px; height: 72px; margin: 0; border-radius: 50%; overflow: hidden; background: var(--wp--preset--color--line); filter: grayscale(1); opacity: 0.85; transition: filter 0.5s, opacity 0.5s, scale 0.5s var(--ease-expo, ease-out); }
.hk-teskilat .hk-yuz__foto img { width: 100%; height: 100%; object-fit: cover; scale: 1.05; }
/* Fotoğrafı olmayan kişi: boş yuvarlak, içinde ince bir siluet. */
.hk-teskilat .hk-yuz:not(:has(img))::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--wp--preset--color--line) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Ccircle cx='36' cy='29' r='11' fill='none' stroke='%239B9BCB' stroke-width='1.5'/%3E%3Cpath d='M16 62c3-11 11-17 20-17s17 6 20 17' fill='none' stroke='%239B9BCB' stroke-width='1.5'/%3E%3C/svg%3E") center / cover; }
.hk-teskilat .hk-yuz:hover .hk-yuz__foto { filter: none; opacity: 1; scale: 1.12; }
.hk-teskilat .hk-yuzler__liste > li:hover { z-index: 3; }
/* Ad ve görev: üstüne gelince yüzün üstünde etiket; ekran okuyucular her zaman okur. */
.hk-teskilat .hk-yuz__bilgi { position: absolute; left: 50%; bottom: calc(100% + 12px); translate: -50% 4px; z-index: 3; width: max-content; max-width: 240px; padding: 8px 12px; border-radius: 4px; background: var(--wp--preset--color--primary); color: #fff; text-align: center; pointer-events: none; opacity: 0; transition: opacity 0.2s, translate 0.3s var(--ease-expo, ease-out); }
.hk-teskilat .hk-yuz:hover .hk-yuz__bilgi { opacity: 1; translate: -50% 0; }
.hk-teskilat .hk-yuz__ad { margin: 0; font-size: 14px; font-weight: 500; line-height: 1.3; letter-spacing: 0; color: #fff; }
.hk-teskilat .hk-yuz__unvan { margin: 2px 0 0; font-size: 12px; line-height: 1.3; color: var(--wp--preset--color--lavender); }
.hk-teskilat .hk-teskilat__kapilar { margin: 56px auto 0; max-width: 1080px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.hk-teskilat .hk-teskilat__kapi { margin: 0; padding-top: 14px; border-top: 1px solid var(--wp--preset--color--primary); }
.hk-teskilat .hk-teskilat__kapi-ad { margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -0.02em; }
.hk-teskilat .hk-teskilat__kapi-ad a { color: var(--wp--preset--color--primary); text-decoration: none; }
.hk-teskilat .hk-teskilat__kapi-ad a::after { content: ""; position: absolute; inset: 0; }
.hk-teskilat .hk-teskilat__kapi { position: relative; }
.hk-teskilat .hk-teskilat__kapi-not { margin: 4px 0 0; font-size: 15px; color: var(--wp--preset--color--muted); }
@media (max-width: 781px) {
	.hk-teskilat .hk-teskilat__kapilar { grid-template-columns: 1fr 1fr; }
	.hk-teskilat .hk-yuz, .hk-teskilat .hk-yuz__foto { width: 52px; height: 52px; }
	.hk-teskilat .hk-yuz__bilgi { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.hk-teskilat .hk-yuz__foto, .hk-teskilat .hk-yuz__bilgi { transition: none; }
}