.block-value-by-role{background:var(--color-oat-400);color:var(--color-bean-400);padding-block:80px}@media (max-width: 767.98px){.block-value-by-role{padding-block:40px}}.block-value-by-role__inner{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.block-value-by-role__head{text-align:center;max-width:760px;margin:0 auto var(--size-64)}@media (max-width: 767.98px){.block-value-by-role__head{margin-block-end:var(--size-32)}}.block-value-by-role__head .heading-2{color:var(--color-bean-400);margin:0}.block-value-by-role__grid{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:var(--size-24);list-style:none;padding:0;margin:0}@media (min-width: 768px) and (max-width: 1023.98px){.block-value-by-role__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767.98px){.block-value-by-role__grid{grid-template-columns:1fr;gap:var(--size-16)}}.block-value-by-role__cta-wrap{display:flex;justify-content:center;margin-block-start:var(--size-48)}.role-card{display:flex;flex-direction:column;background:var(--color-oat-100);border-radius:var(--radius-lg);padding:var(--size-32) var(--size-24) var(--size-16);gap:var(--size-32);transition:transform var(--transition-base),box-shadow var(--transition-base)}.role-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.role-card__body{display:flex;flex-direction:column;gap:var(--size-12)}.role-card__title{margin:0;font-size:32px;font-weight:var(--weight-semibold);line-height:1.2;color:var(--color-bean-400)}.role-card__text{margin:0;font-size:20px;font-weight:var(--weight-regular);line-height:1.5;color:var(--color-bean-400);text-wrap:wrap}.role-card__media{position:relative;width:100%;aspect-ratio:302 / 233;overflow:hidden;border-radius:var(--radius-md);margin-block-start:auto}.role-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}