/* Connected leadership stories, open editorial layout. */
.solutions-page :is(#roles,#outcomes,#organisations){background:radial-gradient(ellipse at 0 30%,rgba(229,220,249,.48),transparent 56%),linear-gradient(120deg,#fbfaff,#fff);padding:32px 0}
:is(#roles,#outcomes,#organisations) .role-editorial{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);gap:clamp(28px,5vw,72px);align-items:start}
:is(#roles,#outcomes,#organisations) .section-head{position:sticky;top:126px;margin:0;max-width:320px}
:is(#roles,#outcomes,#organisations) .role-intro{font-size:16px;line-height:1.6;color:#62677e;margin:16px 0 24px}
:is(#roles,#outcomes,#organisations) .role-wayfinder{display:grid;gap:2px;border-top:1px solid #e4e0ee;padding-top:14px}
:is(#roles,#outcomes,#organisations) .role-wayfinder a{display:grid;grid-template-columns:24px 1fr 16px;align-items:center;gap:10px;text-decoration:none;color:#555574;padding:12px 0;font-size:15px;transition:color .25s,transform .25s}
:is(#roles,#outcomes,#organisations) .role-wayfinder a span:first-child{color:#9792af;font-size:14px}
:is(#roles,#outcomes,#organisations) .role-wayfinder a:hover{color:#ae3577;transform:translateX(4px)}
:is(#roles,#outcomes,#organisations) .role-wayfinder a:focus-visible{outline:2px solid #7758ad;outline-offset:4px}
:is(#roles,#outcomes,#organisations) .role-stories{position:relative;min-width:0}
:is(#roles,#outcomes,#organisations) .role-stories::before{content:"";position:absolute;left:24px;top:30px;bottom:30px;width:1px;background:linear-gradient(#67a392,#b7a0ce,#c89aaa,#8badd6)}
:is(#roles,#outcomes,#organisations) .role-story{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);gap:24px;padding:24px 0 26px;border-bottom:1px solid #e7e3ef;scroll-margin-top:130px;transition:transform .3s}
:is(#roles,#outcomes,#organisations) .role-story:first-child{padding-top:0}
:is(#roles,#outcomes,#organisations) .role-story:last-child{border-bottom:0;padding-bottom:0}
:is(#roles,#outcomes,#organisations) .role-story:hover{transform:translateX(4px)}
:is(#roles,#outcomes,#organisations) .role-index{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--role-accent);background:#fcfbff;border:1px solid color-mix(in srgb,var(--role-accent) 30%,white);box-shadow:0 0 0 7px #faf9fd;font-size:16px;line-height:1}
:is(#roles,#outcomes,#organisations) .role-story-content{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 200px;column-gap:24px;align-items:start}
:is(#roles,#outcomes,#organisations) .role-intent{grid-column:1;font-size:14px;line-height:1.4;color:var(--role-accent);margin:0 0 7px}
:is(#roles,#outcomes,#organisations) .role-story h3{grid-column:1;margin:0 0 10px!important}
:is(#roles,#outcomes,#organisations) .role-story p{grid-column:1;font-size:16px;line-height:1.6;color:#60677e;margin:0;max-width:55ch}
:is(#roles,#outcomes,#organisations) .solution-products{grid-column:2;grid-row:1/4;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:4px 0 4px 20px;border-top:0;border-left:1px solid #e7e3ef}
:is(#roles,#outcomes,#organisations) .solution-product-link{--logo-cap:13px;min-height:32px}
@media(max-width:1100px){:is(#roles,#outcomes,#organisations) .role-story-content{grid-template-columns:minmax(0,1fr)}:is(#roles,#outcomes,#organisations) .solution-products{grid-column:1;grid-row:auto;flex-direction:row;flex-wrap:wrap;border:0;padding:14px 0 0;gap:8px 18px}}
@media(max-width:760px){:is(#roles,#outcomes,#organisations) .role-editorial{grid-template-columns:minmax(0,1fr);gap:20px}:is(#roles,#outcomes,#organisations) .section-head{position:static;max-width:none}:is(#roles,#outcomes,#organisations) .role-wayfinder{display:flex;flex-wrap:wrap;gap:0 16px}:is(#roles,#outcomes,#organisations) .role-wayfinder a{padding:8px 0;font-size:14px}:is(#roles,#outcomes,#organisations) .role-wayfinder a span:last-child{display:none}:is(#roles,#outcomes,#organisations) .role-story{gap:16px;padding:22px 0}:is(#roles,#outcomes,#organisations) .role-intro{margin:10px 0 14px}}
@media(prefers-reduced-motion:reduce){:is(#roles,#outcomes,#organisations) .role-story,:is(#roles,#outcomes,#organisations) .role-wayfinder a{transition:none;transform:none!important}}

#organisations .role-index svg{width:24px;height:24px}
#organisations .role-story-content{grid-template-columns:minmax(0,1fr)}
#organisations .sector-product-list{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;list-style:none;margin:16px 0 0;padding:0;border:0}
#organisations .sector-product-list li{padding:0;display:grid;gap:4px;min-width:0;font-size:15px;line-height:1.5}
#organisations .sector-product-list li::before{content:none}
#organisations .sector-product-list li.sector-ai{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:10px;border-top:1px solid #e9e4ef}
#organisations .sector-product-list .solution-product-link{--logo-cap:13px}
#organisations .sector-product-list li>span{color:#61667d}
#organisations .organization-closing{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr) auto;gap:16px 30px;align-items:center;padding:24px 28px;border-radius:24px;background:linear-gradient(125deg,#292950,#454069);color:#fff}
#organisations .organization-closing h3{color:#fff!important;margin:0!important}
#organisations .organization-closing p{font-size:16px;line-height:1.6;margin:0;color:#e6e4f1}
#organisations .organization-closing>.solution-product-link{grid-column:1;grid-row:2;--logo-cap:14px}
#organisations .organization-closing>.btn{grid-column:3;grid-row:1/3;white-space:nowrap}
@media(max-width:760px){#organisations .organization-closing{grid-template-columns:minmax(0,1fr);gap:16px;padding:22px}#organisations .organization-closing>.solution-product-link,#organisations .organization-closing>.btn{grid-column:1;grid-row:auto;justify-self:start}}
@media(max-width:420px){#organisations .sector-product-list{grid-template-columns:minmax(0,1fr)}}