/* ===========================================================
   MİÜD Çalışma Grupları — premium GÖRSEL önyüz (v7)
   Büyük portre foto + üzerinde isim/rol overlay, hover hareket.
   =========================================================== */
.miud-cg{
	--red:#E20000;
	--red-d:#b50000;
	--navy:#0a2540;
	--ink:#222a33;
	--muted:#6b7480;
	--line:#e7eaee;
	max-width:1200px;margin:0 auto;padding:10px 15px 64px;
	color:var(--ink);font-family:inherit;-webkit-font-smoothing:antialiased;
}
.miud-cg *,.miud-cg *::before,.miud-cg *::after{box-sizing:border-box;}
.miud-cg p,.miud-cg span,.miud-cg li,.miud-cg h2,.miud-cg div{font-family:inherit;}
.miud-cg p{margin:0;color:#4a525d;}
.miud-cg ul{list-style:none;margin:0;padding:0;}

/* ——— bölüm başlığı: kırmızı aksan çubuklu ——— */
.miud-cg-gh{position:relative;font-size:25px;font-weight:700;color:var(--navy);line-height:1.3;padding-left:18px;margin:0 0 10px;}
.miud-cg-gh::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:5px;border-radius:3px;background:var(--red);}
.miud-cg-desc{font-size:14.5px;line-height:1.78;color:#54606c;max-width:900px;margin:0 0 38px;}

.miud-cg-group{margin-top:62px;}

/* =================== KOORDİNASYON (featured) =================== */
.miud-cg-coord{
	display:flex;gap:34px;align-items:stretch;background:#fff;border:1px solid var(--line);
	border-radius:20px;padding:26px;margin:6px 0 16px;box-shadow:0 14px 40px rgba(10,37,64,.10);overflow:hidden;
}
.miud-cg-coord-photo{
	position:relative;flex:0 0 230px;width:230px;aspect-ratio:3/4;border-radius:14px;overflow:hidden;
	background:#dfe6ef center top/cover no-repeat;
}
.miud-cg-coord-photo--ph{background:linear-gradient(135deg,var(--navy),#15366090);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-size:64px;font-weight:800;}
.miud-cg-coord-text{display:flex;flex-direction:column;justify-content:center;min-width:0;}
.miud-cg-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11.5px;font-weight:800;color:var(--red);margin-bottom:9px;}
.miud-cg-coord-name{font-size:28px;font-weight:800;color:var(--navy);line-height:1.12;}
.miud-cg-coord-role{margin:9px 0 15px;font-size:14px;font-weight:600;color:var(--muted);}
.miud-cg-coord-desc{font-size:14.5px;line-height:1.78;color:#4f5963;max-width:740px;}

.miud-cg-sep{height:1px;background:#ececec;border:0;margin:50px 0;}

/* =================== GİRİŞ + HEDEFLER =================== */
.miud-cg-intro-text{font-size:15px;line-height:1.85;color:#54606c;max-width:1000px;margin:0 0 26px;}
.miud-cg-goals-title{font-size:17px;font-weight:700;color:var(--navy);margin:0 0 14px;}
.miud-cg-goals{display:grid;grid-template-columns:1fr 1fr;gap:13px 38px;max-width:1000px;}
.miud-cg-goals li{position:relative;padding-left:30px;font-size:13.8px;line-height:1.6;color:#46505b;}
.miud-cg-goals li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;background:var(--red);
	-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9 16.2l-3.8-3.8L4 13.6 9 18.6 20 7.6 18.8 6.4z'/></svg>") center/13px no-repeat;
	mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9 16.2l-3.8-3.8L4 13.6 9 18.6 20 7.6 18.8 6.4z'/></svg>") center/13px no-repeat;}

/* =================== KİŞİ KARTLARI (görsel overlay) =================== */
.miud-cg-people{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:15px;}
.miud-cg-card{
	position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3/4;
	box-shadow:0 12px 30px rgba(10,37,64,.14);background:#0a2540;
	transition:transform .25s ease,box-shadow .25s ease;
}
.miud-cg-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(10,37,64,.24);}
.miud-cg-card-photo{position:absolute;inset:0;background-size:cover;background-position:center 12%;transition:transform .6s ease;}
.miud-cg-card:hover .miud-cg-card-photo{transform:scale(1.06);}
.miud-cg-card--ph .miud-cg-card-photo{background:linear-gradient(140deg,#123a66,#0a2540);display:flex;align-items:center;justify-content:center;}
.miud-cg-card--ph .miud-cg-ph-initial{color:rgba(255,255,255,.30);font-size:78px;font-weight:800;}
.miud-cg-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,16,32,.95) 2%,rgba(4,16,32,.78) 18%,rgba(4,16,32,.32) 40%,rgba(4,16,32,0) 66%);}
.miud-cg-card-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 18px 20px;}
.miud-cg-name{display:block;color:#fff;font-weight:700;font-size:16.5px;line-height:1.28;letter-spacing:.01em;}
.miud-cg-role{display:block;color:rgba(255,255,255,.8);font-size:12.5px;margin-top:5px;line-height:1.4;}
.miud-cg-badge{position:absolute;top:13px;left:13px;z-index:3;background:var(--red);color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;border-radius:7px;box-shadow:0 4px 12px rgba(226,0,0,.4);}

/* responsive */
@media(max-width:1024px){.miud-cg-people{grid-template-columns:repeat(3,1fr);}}
@media(max-width:680px){
	.miud-cg-coord{flex-direction:column;align-items:center;text-align:center;padding:24px;}
	.miud-cg-coord-text{justify-content:flex-start;align-items:center;}
	.miud-cg-people{grid-template-columns:repeat(2,1fr);gap:16px;}
	.miud-cg-goals{grid-template-columns:1fr;}
	.miud-cg-gh{font-size:21px;}
}