.experience-page{--footer-gap:160px}
.experience-main{margin:196px 10px 0}
.experience-section{position:relative;display:grid;grid-template-columns:19% calc(31% + 5px) minmax(0,1fr);padding-top:20px}
.section-rule{position:absolute;top:-.5px;left:0;right:0;height:1px;background:rgba(0,0,0,.2)}
.section-period{text-transform:uppercase}
.experience-label{font:inherit;font-weight:700;text-transform:uppercase}
.experience-jobs{display:flex;flex-direction:column;gap:40px;min-width:0}
.job-heading{display:flex;justify-content:space-between;gap:16px;text-transform:uppercase;align-items:start}
.job-heading h2,.education-content h3{font:inherit;font-weight:700;margin:0}
.job-date{opacity:.4;font-weight:300;white-space:nowrap}
.job-description,.education-content>p{letter-spacing:-.02em;margin-top:16px}
.senior-short{display:none}
.education-section{margin-top:130px}
.education-content{min-width:0}
.education-content h3{text-transform:uppercase}

@media(min-width:1024px) and (max-width:1919px){
 .experience-main{margin-top:200px}.experience-section{padding-top:16px}
}
@media(min-width:1024px) and (max-width:1439px){
 .experience-page{--footer-gap:130px}.education-section{padding-top:15px}
}
@media(max-width:1023px){
 .experience-page{--footer-gap:130px}
 .experience-main{margin:90px 6px 0}
 .experience-section{display:flex;flex-direction:column;padding-top:0}
 .work-period,.work-rule{display:none}
 .experience-jobs{margin-top:24px;gap:24px}
 .job-heading{flex-direction:column;gap:8px}.job-date{order:-1}
 .job-description{margin-top:12px}
 .senior-long{display:none}.senior-short{display:inline}
 .education-section{margin-top:100px;padding-top:5px}
 .education-section>.experience-label{margin-top:32px}
 .education-content{margin-top:24px;font-size:14px;line-height:18px}
 .education-content>p{margin-top:12px}
 }