.page-header{position:relative;padding:80px 0 60px;background:var(--navy);overflow:hidden}
.ph-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 30% 50%,rgba(26,158,143,.1) 0%,transparent 60%),linear-gradient(160deg,#0B1D3A 0%,#0e2448 100%)}
.ph-bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px}
.ph-inner{position:relative;z-index:1}

/* ─── OVERVIEW ─── */
.research-overview-grid{display:flex;justify-content:center;gap:0;flex-wrap:wrap}
.ro-item{
  flex:1;min-width:140px;display:flex;flex-direction:column;align-items:center;
  gap:4px;padding:1.5rem 1rem;border-right:1px solid var(--border);text-align:center;
}
.ro-item:last-child{border-right:none}
.ro-icon{font-size:1.6rem;margin-bottom:4px}
.ro-num{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--navy);line-height:1}
.ro-lbl{font-size:0.75rem;color:var(--text-muted);font-weight:500}

/* ─── PROJECT CARDS ─── */
.project-card{
  display:flex;gap:0;background:white;border:1px solid var(--border);
  border-radius:var(--radius-lg);margin-bottom:1.2rem;overflow:hidden;
  transition:var(--transition);box-shadow:var(--shadow-sm);
}
.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.project-card.ongoing{border-left:4px solid var(--teal)}
.project-card.completed{border-left:4px solid var(--border)}

.pc-side{
  min-width:160px;max-width:160px;padding:1.8rem 1.4rem;
  background:rgba(11,29,58,0.03);border-right:1px solid var(--border);
  display:flex;flex-direction:column;gap:0.5rem;flex-shrink:0;
}
.pc-status{
  display:inline-block;padding:3px 10px;border-radius:20px;
  font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;
  width:fit-content;
}
.status-active{background:rgba(26,158,143,0.12);color:var(--teal)}
.status-done{background:rgba(11,29,58,0.08);color:var(--text-muted)}
.pc-period{font-size:0.78rem;color:var(--navy);font-weight:600;font-family:var(--font-mono)}
.pc-type{font-size:0.75rem;color:var(--text-muted)}
.pc-budget{font-size:0.82rem;color:var(--navy);font-weight:700;margin-top:auto}

.pc-body{flex:1;padding:1.8rem 2rem;min-width:0}
.pc-title{font-size:1rem;font-weight:700;color:var(--navy);line-height:1.45;margin-bottom:0.7rem}
.pc-desc{font-size:0.88rem;color:var(--text-mid);line-height:1.7;margin-bottom:1rem}
.pc-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.8rem}
.pc-keywords{display:flex;gap:6px;flex-wrap:wrap}
.pc-kw{
  padding:3px 10px;border-radius:4px;font-size:0.72rem;font-weight:600;
  background:rgba(26,158,143,0.07);color:var(--teal);
  border:1px solid rgba(26,158,143,0.15);
}
.pc-role{
  display:flex;align-items:center;gap:5px;
  font-size:0.78rem;color:var(--text-muted);font-weight:500;white-space:nowrap;
}

/* ─── INTERESTS ─── */
.interests-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.interest-card{
  background:var(--cream);border:1px solid var(--border);
  border-radius:var(--radius);padding:1.8rem;transition:var(--transition);
}
.interest-card:hover{border-color:var(--teal);background:white;box-shadow:var(--shadow-md);transform:translateY(-4px)}
.ic-icon{font-size:2rem;margin-bottom:0.9rem}
.ic-title{font-size:0.95rem;font-weight:700;color:var(--navy);margin-bottom:0.5rem}
.ic-desc{font-size:0.83rem;color:var(--text-muted);line-height:1.7}

/* ─── RESPONSIVE ─── */
@media(max-width:800px){
  .project-card{flex-direction:column}
  .pc-side{max-width:none;min-width:0;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex-wrap:wrap;gap:0.8rem;align-items:center;padding:1rem 1.4rem}
  .pc-budget{margin-top:0}
  .interests-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:540px){
  .interests-grid{grid-template-columns:1fr}
  .ro-item{min-width:100px}
}