.education-main { flex: 1; }
.education-shell { max-width: 1200px; padding-inline: 40px; margin-inline: auto; }
.education-intro { padding: 64px 0 56px; background: linear-gradient(115deg, #f0f6fa, #fff 85%); border-bottom: 1px solid #dce5eb; }
.education-eyebrow { color: #087cad; margin: 0 0 18px; font-size: 11px; line-height: 1.6; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; }
.education-intro h1 { font-size: clamp(40px, 5vw, 64px); line-height: 1.12; font-weight: 500; letter-spacing: -2px; margin: 0 0 24px; }
.education-main h2 { font-size: clamp(26px, 3vw, 34px); font-weight: 500; letter-spacing: -.8px; line-height: 1.35; margin: 0 0 22px; }
.education-intro h2 { font-size: clamp(22px, 2.7vw, 30px); color: #526572; }
.education-intro p:last-child { max-width: 930px; color: #526572; font-size: 18px; line-height: 1.85; margin: 0; }
.education-experience { padding-top: 64px; }
.education-row { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 64px; align-items: center; padding-block: 48px 64px; }
.education-experience .education-row { padding-inline: 0; }
.education-copy h3 { font-size: 27px; line-height: 1.35; font-weight: 500; letter-spacing: -.5px; margin: 0 0 22px; }
.education-copy p:not(.education-eyebrow) { color: #526572; font-size: 17px; line-height: 1.85; margin: 0 0 22px; }
.education-copy p:last-child { margin-bottom: 0; }
.education-collage { display: grid; grid-template-columns: repeat(12,1fr); align-items: start; }
.education-collage img { display: block; width: 100%; height: auto; border-radius: 10px; }
.education-photo-tall { grid-column: 1 / 9; grid-row: 1; }
.education-photo-wide { grid-column: 5 / -1; grid-row: 1; margin-top: 85%; border: 6px solid #fff; box-shadow: 0 12px 35px #172f4010; }
.education-band { background: #f3f7f9; border-block: 1px solid #dce5eb; }
.education-band .education-row { padding-block: 64px; }
.education-site-photo { display: block; width: 100%; height: auto; border-radius: 10px; }
.education-locations { display: flex; flex-wrap: wrap; gap: 10px; }
.education-locations span { border: 1px solid #cddde7; border-radius: 5px; padding: 7px 12px; color: #172f40; font-size: 13px; }
.education-fellowship { padding-block: 64px; }
.education-fellow-photo { display: block; width: 100%; max-width: 320px; height: auto; border-radius: 10px; justify-self: center; }
.education-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.education-button { padding: 14px 22px; color: #fff; background: #087cad; border: 1px solid #087cad; border-radius: 5px; font-size: 14px; line-height: 1.5; text-decoration: none; }
.education-button:hover { background: #08678f; }
.education-button-outline { color: #172f40; background: #fff; border-color: #9baebc; }
.education-button-outline:hover { background: #f2f7fa; }
@media (max-width: 900px) { .education-row { gap: 32px; } }
@media (max-width: 700px) { .education-shell { padding-inline: 22px; } .education-intro { padding-block: 44px; } .education-intro h1 { letter-spacing: -1px; } .education-experience { padding-top: 44px; } .education-row { grid-template-columns: 1fr; padding-block: 24px 44px; } .education-band .education-row, .education-fellowship { padding-block: 44px; } .education-copy p:not(.education-eyebrow), .education-intro p:last-child { font-size: 16px; } .education-collage { max-width: 460px; margin-inline: auto; } .education-fellow-photo { max-width: 300px; } }

/* Keep the first training option close to its heading and balance the photo pair. */
.education-experience .education-row { align-items: start; padding-top: 10px; }
.education-collage { position: relative; display: block; padding: 0 0 56px 0; }
.education-collage .education-photo-tall { width: 68%; height: auto; margin: 0; box-shadow: 0 12px 30px #172f4010; }
.education-collage .education-photo-wide { position: absolute; right: 0; bottom: 0; width: 60%; height: auto; margin: 0; border: 6px solid #fff; border-radius: 12px; box-shadow: 0 12px 30px #172f4018; }
@media (max-width: 700px) {
 .education-experience .education-row { padding-top: 4px; }
 .education-collage { width: 100%; padding-bottom: 44px; }
 .education-collage .education-photo-wide { border-width: 4px; }
}