.role-hub{padding-top:24px;padding-bottom:64px;--role-red:#bb1d2a;--role-ink:#242424}
.role-hub__hero{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);align-items:center;gap:24px;background:#fff;border-radius:24px;padding:clamp(20px,3vw,40px);margin-bottom:48px;max-width:100%}
.role-hub__eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--role-red);margin:0 0 12px}
.role-hub__hero h1{font-size:clamp(36px,5vw,64px);line-height:1.08;margin:0 0 20px;color:var(--role-ink)}
.role-hub__hero-copy>p:not(.role-hub__eyebrow){max-width:700px;font-size:18px;line-height:1.6}
.role-hub__jump{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.role-hub__jump a{display:inline-flex;align-items:center;gap:8px;max-width:100%;background:#fff;color:var(--role-ink);padding:12px 20px;border-radius:30px;font-weight:700;text-decoration:none;border:1px solid #e7d8b9}
.role-hub__jump a:hover{border-color:var(--role-red);color:var(--role-red)}
.role-hub__group{margin:0 0 48px;scroll-margin-top:28px}
.role-hub__group-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}
.role-hub__number{background:var(--role-red);border-radius:14px;min-width:48px;height:48px;display:grid;place-items:center;font-weight:700;color:#fff}
.role-hub__group-heading h2{margin:0 0 6px;font-size:clamp(24px,3vw,34px)}
.role-hub__group-heading p{margin:0;color:#555}
.role-hub__topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.role-hub__topic{display:flex;align-items:center;gap:16px;border:1px solid #e7e2dc;border-radius:16px;background:#fff;padding:16px;color:var(--role-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.role-hub__topic:hover,.role-hub__topic[aria-current="true"]{border-color:var(--role-red);box-shadow:0 3px 14px #00000009}
.role-hub__topic h3{font-size:18px;margin:0 0 6px;line-height:1.25}
.role-hub__topic p{font-size:13px;line-height:1.4;color:#595959;margin:0 0 10px}
.role-hub__topic-cta{color:var(--role-red);font-size:13px;font-weight:700}
.role-hub a:focus-visible{outline:3px solid var(--role-red);outline-offset:4px}
.role-hub__topic-icon{width:68px;min-width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:transparent;color:var(--role-ink)}
.role-hub__topic-icon svg{width:36px;height:36px;flex-shrink:0}


@media(max-width:989px){.role-hub__topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:749px){.role-hub__hero{border-radius:16px;margin-bottom:32px}.role-hub__hero-copy>p:not(.role-hub__eyebrow){font-size:16px}.role-hub__topics{grid-template-columns:1fr}.role-hub__topic-icon{width:56px;min-width:56px;height:56px;border-radius:14px}.role-hub__topic-icon svg{width:30px;height:30px}.role-hub__jump a{padding:10px 14px;font-size:14px}}

.role-hub__hero-copy,.role-hub__hero-art{min-width:0}.role-hub__hero-art img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:989px){.role-hub__hero{grid-template-columns:1fr;gap:12px}.role-hub__hero-art{width:100%;max-width:720px;margin-inline:auto}}

.role-hub__jump a>span:first-child{display:flex;flex:0 0 22px}.role-hub__jump svg{display:block;width:22px;height:22px}
