.education{padding:3em 1em}.education__timeline{--line-x:38%;width:95%;max-width:1000px;margin:3em auto 0;padding:1em 0;position:relative}.education__line{top:0;left:var(--line-x);background-color:var(--clr-fg-alt);opacity:.15;width:2px;height:100%;position:absolute;transform:translate(-50%)}.education__line--fill{background-color:var(--clr-primary);opacity:1;height:0;transition:height .15s linear}.education__item{grid-template-columns:var(--line-x) 1fr;align-items:start;padding:2em 0;display:grid;position:relative}.education__period{text-align:right;white-space:nowrap;color:#0000;-webkit-text-stroke:1.2px var(--clr-fg-alt);opacity:.5;padding-right:2.5em;font-size:clamp(1.4rem,2.4vw + .6rem,2.6rem);font-weight:800;line-height:1.1;transition:color .6s,-webkit-text-stroke-color .6s,opacity .6s}.education__dot{top:2.55em;left:var(--line-x);background-color:var(--clr-bg);border:2px solid var(--clr-fg-alt);opacity:.6;border-radius:50%;width:16px;height:16px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),background-color .4s,border-color .4s,opacity .4s;position:absolute;transform:translate(-50%)scale(.7)}.education__content{text-align:left;padding-left:2.5em;transition:transform .7s cubic-bezier(.16,1,.3,1);transform:translate(1.2em)}.education__degree{font-size:clamp(1.15rem,1vw + .9rem,1.6rem);line-height:1.25}.education__school{color:var(--clr-primary);margin-top:.4em;font-size:.95rem;font-weight:600}.education__description{max-width:55ch;margin-top:.6em;font-size:.9rem;line-height:1.5}.education__item--active .education__period{color:var(--clr-primary);-webkit-text-stroke-color:var(--clr-primary);opacity:1}.education__item--active .education__dot{background-color:var(--clr-primary);border-color:var(--clr-primary);opacity:1;transform:translate(-50%)scale(1)}.education__item--active .education__content{transform:translate(0)}@media (max-width:700px){.education__timeline{--line-x:8px}.education__item{grid-template-columns:1fr;padding:1.5em 0 1.5em 2.2em}.education__period{text-align:left;margin-bottom:.4em;padding-right:0}.education__dot{top:1.9em}.education__content{padding-left:0}}@media (prefers-reduced-motion:reduce){.education__line--fill,.education__period,.education__dot,.education__content{transition:none}}