.cred-hero {
background: var(--navy);
padding: 80px 80px 72px;
position: relative;
}
.cred-hero::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--aqua), var(--aqua-lt) 50%, var(--aqua));
}
.cred-body { padding: 72px 80px; }
.timeline {
position: relative;
padding-left: 40px;
}
.timeline::before {
content: '';
position: absolute;
left: 8px; top: 0; bottom: 0;
width: 1px;
background: var(--rule);
}
.timeline-entry {
position: relative;
margin-bottom: 48px;
}
.timeline-dot {
position: absolute;
left: -40px; top: 4px;
width: 16px; height: 16px;
border-radius: 50%;
background: var(--white);
border: 2px solid var(--aqua);
}
.timeline-dot.filled {
background: var(--aqua);
}
.timeline-dates {
font-size: 10px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--aqua);
margin-bottom: 6px;
}
.timeline-org {
font-size: 11px;
color: var(--muted);
margin-bottom: 6px;
font-style: italic;
}
.timeline-role {
font-family: 'EB Garamond', serif;
font-size: 22px;
font-weight: 600;
color: var(--navy);
margin-bottom: 10px;
line-height: 1.3;
}
.timeline-desc {
font-size: 13.5px;
color: var(--slate);
line-height: 1.7;
max-width: 680px;
}
.timeline-desc + .timeline-desc { margin-top: 8px; }
.timeline-impact {
background: var(--aqua-bg);
border-left: 3px solid var(--aqua);
padding: 10px 16px;
margin-top: 12px;
max-width: 680px;
font-size: 13px;
color: var(--navy2);
font-style: italic;
line-height: 1.6;
}
/* Research tags */
.research-tags {
display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px;
}
.rtag {
background: var(--light);
border: 1px solid var(--rule);
font-size: 11px;
color: var(--slate);
padding: 4px 12px;
letter-spacing: 0.3px;
}
/* Education */
.edu-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-top: 8px;
}
.edu-card {
border-top: 3px solid var(--aqua);
padding: 24px 28px;
background: var(--aqua-bg);
}
.edu-degree {
font-family: 'EB Garamond', serif;
font-size: 20px;
font-weight: 600;
color: var(--navy);
margin-bottom: 4px;
}
.edu-field {
font-size: 13px;
color: var(--slate);
font-style: italic;
margin-bottom: 8px;
}
.edu-school {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
color: var(--muted);
}