.fabi-roles{--frl-c-green:var(--fabi-green,#2a2343);--frl-c-red:var(--fabi-red,#a6192e);--frl-c-mint:var(--fabi-mint,#a99ce0);--frl-c-warm:var(--fabi-warm,#fff);--frl-c-beige25:var(--fabi-beige25,#f2f0ea);--frl-c-ink:var(--fabi-ink,#404040);--frl-f-display:var(--fabi-font-display,"Crimson Pro",Georgia,serif);--frl-f-body:var(--fabi-font-body,"Work Sans",Arial,sans-serif);--frl-f-mono:var(--fabi-font-mono,ui-monospace,Menlo,monospace);--frl-ease-fn:var(--fabi-ease,cubic-bezier(0.16,0.84,0.34,1));--frl-r-card:var(--fabi-radius-card,6px);--frl-s-eyebrow:var(--fabi-size-eyebrow,13px);--frl-cw:var(--fabi-content-width,1280px);--frl-sp:var(--fabi-side-padding,40px);--frl-line:color-mix(in srgb,var(--frl-c-green) 12%,transparent);--frl-role-active:var(--frl-active,var(--frl-c-red));background:var(--frl-bg,var(--frl-c-warm));margin-inline:calc(50% - 50vw);position:relative;width:100vw}.fabi-roles--bg-beige25{background:var(--frl-bg,var(--frl-c-beige25))}.fabi-roles--narrow{margin-inline:0;max-width:100%;width:var(--frl-width,100%)}.fabi-roles--align-center{margin-inline:auto}.fabi-roles--align-left{margin-right:auto}.fabi-roles--align-right{margin-left:auto}.fabi-roles .fabi-roles__container{margin-inline:auto;max-width:var(--frl-cw);padding-inline:clamp(24px,4vw,var(--frl-sp));padding-bottom:var(--frl-pb,130px);padding-top:var(--frl-pt,130px)}.fabi-roles .fabi-roles__header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3.5rem}@media (min-width:768px){.fabi-roles .fabi-roles__header{align-items:flex-end;flex-direction:row;justify-content:space-between}}.fabi-roles .fabi-roles__intro{max-width:42rem}.fabi-roles .fabi-roles__eyebrow{align-items:center;color:var(--frl-ey-color,var(--frl-c-red));display:inline-flex;font-family:var(--frl-f-body);font-size:var(--frl-s-eyebrow);font-weight:600;gap:12px;letter-spacing:.18em;text-transform:uppercase}.fabi-roles .fabi-roles__eyebrow-line{background:currentColor;border-radius:2px;display:inline-block;height:2px;width:18px}.fabi-roles .fabi-roles__heading{color:var(--frl-heading-color,var(--frl-c-green));font-family:var(--frl-heading-family,var(--frl-f-display));font-size:var(--frl-heading-size,clamp(2.25rem,3.4vw,3rem));font-style:var(--frl-heading-style,normal);font-weight:var(--frl-heading-weight,500);letter-spacing:-.01em;line-height:1.25;margin:1.5rem 0 0}.fabi-roles .fabi-roles__heading b,.fabi-roles .fabi-roles__heading strong{color:var(--frl-c-red);font-weight:inherit}.fabi-roles .fabi-roles__counter{color:color-mix(in srgb,var(--frl-c-ink) 45%,transparent);flex:none;font-family:var(--frl-f-mono);font-size:.875rem;white-space:nowrap}.fabi-roles .fabi-roles__explorer{align-items:start;column-gap:2.5rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:2.5rem}.fabi-roles .fabi-roles__list,.fabi-roles .fabi-roles__panels{grid-column:span 12}@media (min-width:768px){.fabi-roles .fabi-roles__list{grid-column:span 5}.fabi-roles .fabi-roles__panels{grid-column:span 7;position:sticky;top:7rem}}.fabi-roles .fabi-roles__list{border-top:1px solid var(--frl-line)}.fabi-roles .fabi-roles__group{align-items:center;background:none;border:none;border-bottom:1px solid var(--frl-line);cursor:pointer;display:flex;gap:1.25rem;padding:1.5rem 0;text-align:left;width:100%}.fabi-roles .fabi-roles__group-num{color:color-mix(in srgb,var(--frl-c-ink) 35%,transparent);flex:none;font-family:var(--frl-f-mono);font-size:.75rem;font-variant-numeric:tabular-nums;transition:color .3s var(--frl-ease-fn)}.fabi-roles .fabi-roles__group-title{color:var(--frl-group-color,color-mix(in srgb,var(--frl-c-green) 65%,transparent));flex:1;font-family:var(--frl-group-family,var(--frl-f-display));font-size:var(--frl-group-size,clamp(1.375rem,1.8vw,1.7rem));font-weight:var(--frl-group-weight,400);line-height:1.375;transition:color .3s var(--frl-ease-fn)}.fabi-roles .fabi-roles__group:hover .fabi-roles__group-title{color:var(--frl-group-color,var(--frl-c-green))}.fabi-roles .fabi-roles__group-arrow{color:color-mix(in srgb,var(--frl-c-ink) 30%,transparent);opacity:0;transform:translateX(-4px);transition:all .5s var(--frl-ease-fn)}.fabi-roles .fabi-roles__group:hover .fabi-roles__group-arrow{opacity:.5}.fabi-roles .fabi-roles__group--active .fabi-roles__group-num,.fabi-roles .fabi-roles__group--active .fabi-roles__group-title{color:var(--frl-role-active)}.fabi-roles .fabi-roles__group--active .fabi-roles__group-arrow{color:var(--frl-role-active);opacity:1;transform:translateX(0)}.fabi-roles .fabi-roles__panel{display:none}.fabi-roles .fabi-roles__panel--active{animation:frl-fadein .5s var(--frl-ease-fn);display:block}@keyframes frl-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fabi-roles .fabi-roles__desc{color:var(--frl-body-color,color-mix(in srgb,var(--frl-c-ink) 70%,transparent));font-family:var(--frl-body-family,var(--frl-f-body));font-size:var(--frl-body-size,1.125rem);line-height:1.625;margin:0;max-width:36rem}.fabi-roles .fabi-roles__cards{display:grid;gap:.75rem;grid-template-columns:1fr;margin-top:2.25rem}@media (min-width:640px){.fabi-roles .fabi-roles__cards{grid-template-columns:repeat(2,1fr)}}.fabi-roles .fabi-roles__card{align-items:center;background:#fff;border:1px solid var(--frl-line);border-radius:var(--frl-r-card);color:var(--frl-c-green);display:flex;gap:.75rem;padding:1rem 1.25rem}.fabi-roles .fabi-roles__card--dark{background:var(--frl-dark-bg,var(--frl-c-green));border-color:transparent;color:var(--frl-c-warm)}.fabi-roles .fabi-roles__card-dot{background:var(--frl-c-red);border-radius:50%;flex:none;height:6px;width:6px}.fabi-roles .fabi-roles__card--dark .fabi-roles__card-dot{background:var(--frl-c-mint)}.fabi-roles .fabi-roles__card-text{font-family:var(--frl-group-family,var(--frl-f-display));font-size:1.125rem;line-height:1.375}@media (prefers-reduced-motion:reduce){.fabi-roles .fabi-roles__panel--active{animation:none}.fabi-roles .fabi-roles__group-arrow,.fabi-roles .fabi-roles__group-num,.fabi-roles .fabi-roles__group-title{transition:none}}