.trajectory { padding: 105px 8vw; background: #fff; }
.timeline { max-width: 1200px; margin: 65px auto; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.timeline article { padding: 32px 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.timeline span { color: var(--sage); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.timeline h3 { font: 25px/1.2 Georgia, serif; color: var(--deep); margin: 22px 0 12px; }
.timeline p { color: var(--muted); }
.timeline article:nth-child(2) span, .timeline article:nth-child(5) span { color: #c9767e; }
.education { max-width: 1200px; margin: auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--rose); }
.education > div { background: var(--blush); padding: 24px; }
.education b, .education span { display: block; }
.education b { color: var(--deep); }
.education span { color: var(--muted); font-size: 14px; margin-top: 5px; }
.education > .tag { grid-column: 1/-1; background: white; padding-bottom: 10px; margin: 0; }
@media(max-width:980px){.timeline{grid-template-columns:1fr 1fr}.education{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.trajectory{padding:75px 7vw}.timeline,.education{grid-template-columns:1fr}}