.sub-hero--role{padding:80px 0 48px;border-bottom:8px solid var(--brand-primary)}.sub-hero--role h1{max-width:820px}.sub-hero--role .media-placeholder{height:280px}.role-index{display:flex;flex-direction:column;gap:8px;margin:24px 0 0;padding-left:24px}.timeline-intro{max-width:740px}.vertical-timeline{position:relative;max-width:980px;margin:48px auto 0}.vertical-timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--brand-border)}.timeline-event{position:relative;width:50%;padding:0 48px 48px 0}.timeline-event:nth-child(2n){margin-left:50%;padding:0 0 48px 48px}.timeline-node{position:absolute;right:-24px;top:0;width:48px;height:48px;display:grid;align-items:center;justify-items:center;place-items:center;border-radius:50%;background:var(--brand-primary);color:var(--brand-text-inverse);font-weight:700}.timeline-event:nth-child(2n) .timeline-node{left:-24px;right:auto}.timeline-event p{margin-bottom:0}.role-checks h2{margin-bottom:32px}@media (max-width:767px){.sub-hero--role{padding:48px 0}.vertical-timeline:before{left:24px}.timeline-event,.timeline-event:nth-child(2n){width:100%;margin-left:0;padding:0 0 40px 64px}.timeline-event:nth-child(2n) .timeline-node,.timeline-node{left:0;right:auto}}