
/* Network Science Research Group — People page */
.people-page{background:#f7f9fc;color:#122033}
.people-container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.people-hero{background:linear-gradient(135deg,#0d2340 0%,#123a5b 65%,#176b78 100%);color:#fff;padding:100px 0 86px;position:relative;overflow:hidden}
.people-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-180px;top:-220px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.people-hero .people-container{position:relative;z-index:1}
.people-hero .eyebrow{color:#8edce2}
.people-hero h1{color:#fff;font:800 clamp(48px,7vw,78px) Manrope;margin:12px 0 18px;letter-spacing:-.04em}
.people-hero p{max-width:760px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.7;margin:0}
.people-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.people-hero-tags span{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 13px;font-size:12px;color:rgba(255,255,255,.86);background:rgba(255,255,255,.05)}
.people-section{padding:82px 0}
.people-section-soft{background:#fff}
.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:34px}
.section-intro h2{font:800 clamp(28px,4vw,42px) Manrope;color:#0d2340;margin:8px 0 0;letter-spacing:-.025em}
.section-intro p{max-width:490px;margin:0;color:#627187;font-size:15px}
.eyebrow{font:700 11px/1.2 "DM Sans",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#178a99}
.faculty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.person-card{background:#fff;border:1px solid #e2e8ef;border-radius:20px;overflow:hidden;box-shadow:0 12px 36px rgba(18,32,51,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.person-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(18,32,51,.12);border-color:#c9d8e3}
.person-photo-wrap{background:#edf2f6;aspect-ratio:1/1;overflow:hidden}
.person-photo-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.person-info{padding:19px 20px 21px}
.person-info h3{font:700 19px/1.25 Manrope;color:#0d2340;margin:0 0 7px}
.person-role{font-size:13px;line-height:1.55;color:#627187;margin:0}
.person-focus{margin-top:12px;font-size:12px;line-height:1.55;color:#176b78}
.person-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.person-links a{font-size:11px;font-weight:700;color:#1769aa;border:1px solid #dbe5ed;border-radius:999px;padding:5px 8px}
.person-links a:hover{background:#eef7fa}
.student-card .person-photo-wrap{aspect-ratio:1/1}
.collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.collab-card{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:16px;background:#f8fafc;border:1px solid #e2e8ef;border-radius:18px;padding:12px;min-height:129px}
.collab-card img{width:105px;height:105px;border-radius:14px;object-fit:cover;object-position:center top;background:#e9eef3}
.collab-card h3{font:700 16px/1.3 Manrope;color:#0d2340;margin:0 0 6px}
.collab-card p{font-size:12px;line-height:1.5;color:#627187;margin:0}
.collab-card a{color:#1769aa;font-weight:600}
@media(max-width:950px){
 .faculty-grid,.people-grid{grid-template-columns:repeat(2,1fr)}
 .collab-grid{grid-template-columns:repeat(2,1fr)}
 .section-intro{align-items:flex-start;flex-direction:column;gap:14px}
}
@media(max-width:620px){
 .people-container{width:min(100% - 30px,1180px)}
 .people-hero{padding:70px 0 62px}
 .people-hero p{font-size:16px}
 .people-section{padding:58px 0}
 .faculty-grid,.people-grid,.collab-grid{grid-template-columns:1fr}
 .collab-card{grid-template-columns:90px 1fr}
 .collab-card img{width:90px;height:90px}
}
