.roles-header-section{padding:120px 0;position:relative}.roles-header-section .container{margin:0 auto;max-width:1920px;padding:0 64px}.roles-header-section .content-header{margin-bottom:3rem;text-align:center}.roles-header-section .role-images-row{align-items:center;display:flex;justify-content:space-evenly;overflow:visible}.roles-header-section .role-image-wrapper{flex:0 0 1px;height:400px;overflow:visible;position:relative;transform-origin:center center;width:1px}.roles-header-section .role-image-wrapper img{height:100%;left:50%;max-width:none;position:absolute;top:50%;width:auto}.roles-header-section .role-image-wrapper.is-interactive{appearance:none;background:none;border:0;cursor:pointer;font:inherit;padding:0;transition:transform .3s ease}.roles-header-section .role-image-wrapper.is-interactive:hover{transform:translateY(-8px)}.roles-header-section .role-image-wrapper.is-interactive:focus-visible{outline:none}.roles-header-section .role-image-wrapper.is-interactive:focus-visible img{outline:2px solid var(--ctaPrimaryColour,#787cfe);outline-offset:4px}@media (prefers-reduced-motion:reduce){.roles-header-section .role-image-wrapper.is-interactive{transition:none}.roles-header-section .role-image-wrapper.is-interactive:hover{transform:none}}@media (max-width:1440px){.roles-header-section .container{padding:0 40px}}@media (max-width:768px){.roles-header-section{padding:80px 0}.roles-header-section .container{padding:0 24px}.roles-header-section .content-header{margin-bottom:2rem}.roles-header-section .role-image-wrapper{height:240px}}