.neuro-timeline { background:#174A5B; color:#FFF; padding:80px 0; }
.neuro-timeline-wrap { max-width:1200px; margin:auto; padding:0 40px; }
.neuro-timeline-heading { text-align:center; margin-bottom:60px; }
.neuro-timeline-heading>span { display:inline-flex; align-items:center; gap:14px; font-size:12px; letter-spacing:.2em; color:#B99A62; }
.neuro-timeline-heading>span::before { content:''; width:34px; height:1px; background:#B99A62; }
.neuro-timeline h2 { font-family:'Cormorant Garamond',Georgia,serif; font-size:56px; font-weight:500; line-height:1.1; margin:20px 0; color:#FFF; }
.neuro-timeline h2 span { color:#B99A62; }
.neuro-timeline-heading p { color:#DCE8E1; font-size:17px; line-height:1.6; max-width:620px; margin:auto; }
.neuro-timeline-body { position:relative; }
.neuro-timeline-list { list-style:none; margin:0; padding:0; }
.neuro-timeline-track { position:absolute; left:50%; width:2px; top:16px; bottom:70px; background:rgba(255,255,255,.2); transform:translateX(-50%); }
.neuro-timeline-fill { height:100%; background:#B99A62; transform:scaleY(0); transform-origin:top; }
.neuro-timeline-step { position:relative; display:grid; grid-template-columns:1fr 1fr; padding-bottom:64px; }
.neuro-timeline-step:last-child { padding-bottom:0; }
.neuro-timeline-copy { max-width:440px; padding-right:58px; justify-self:end; text-align:right; }
.neuro-timeline-step:nth-child(even) .neuro-timeline-copy { grid-column:2; padding-right:0; padding-left:58px; justify-self:start; text-align:left; }
.neuro-timeline-dot { position:absolute; top:8px; left:50%; transform:translateX(-50%); width:16px; height:16px; background:#174A5B; border:2px solid #B99A62; border-radius:50%; z-index:1; }
.neuro-timeline-step.is-active .neuro-timeline-dot { background:#B99A62; }
.neuro-timeline-week { font-size:12px; letter-spacing:.15em; color:#B99A62; }
.neuro-timeline h3 { font:600 22px/1.3 var(--font-sans); color:#FFF; margin:10px 0; }
.neuro-timeline-copy p { color:#DCE8E1; font-size:16px; line-height:1.6; }
.neuro-timeline.is-enhanced .neuro-timeline-copy { transition:opacity .5s ease,transform .5s ease; }
.neuro-timeline.is-enhanced .neuro-timeline-step:not(.is-visible) .neuro-timeline-copy { opacity:0; transform:translateY(18px); }
@media(min-width:900px) and (max-width:1199px) { .neuro-timeline h2 { font-size:48px; } .neuro-timeline h3 { font-size:20px; } .neuro-timeline-copy p { font-size:15px; } .neuro-timeline-copy { padding-right:44px; } .neuro-timeline-step:nth-child(even) .neuro-timeline-copy { padding-left:44px; } }
@media(max-width:899px) { .neuro-timeline-wrap { padding:0 36px; } .neuro-timeline h2 { font-size:44px; } .neuro-timeline-step { display:block; padding:0 0 44px 46px; } .neuro-timeline-track,.neuro-timeline-dot { left:8px; } .neuro-timeline-copy,.neuro-timeline-step:nth-child(even) .neuro-timeline-copy { max-width:none; padding:0; text-align:left; } }
@media(max-width:599px) { .neuro-timeline { padding:60px 0; } .neuro-timeline-wrap { padding:0 22px; } .neuro-timeline h2 { font-size:38px; } .neuro-timeline-heading { margin-bottom:42px; } .neuro-timeline-heading p { font-size:15px; } .neuro-timeline h3 { font-size:18px; } .neuro-timeline-copy p { font-size:14px; } .neuro-timeline-step { padding-bottom:38px; padding-left:36px; } }
@media(prefers-reduced-motion:reduce) { .neuro-timeline.is-enhanced .neuro-timeline-copy { opacity:1!important; transform:none!important; transition:none; } }
