/* Recognition cards Paragraph. */
.paragraph--recognition-cards { isolation: isolate; padding-top: clamp(4rem, 10.65vw, 11.5rem); padding-bottom: clamp(6rem, 17.36vw, 18.75rem); }
.paragraph--recognition-cards.oles-tone-dark::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url('../images/wood-grain.webp') center / cover, url('../images/recognition-background.svg') center / 100% 100%; mask: url('../images/recognition-shape.svg') center / 100% 100% no-repeat; }
.paragraph--recognition-cards .oles-card-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(3rem, 4.45vw, 4.8rem) clamp(1.5rem, 3.76vw, 4.06rem); }
.paragraph--recognition-cards .oles-card-grid > .field__item { flex: 0 1 calc((100% - 2 * clamp(1.5rem, 3.76vw, 4.06rem)) / 3); min-width: 0; }
@media (max-width: 767px) {
.paragraph--recognition-cards.oles-tone-dark::before {
  background-image: url('../images/wood-grain.webp'), url('../images/recognition-mobile-background.svg');
  --recognition-arc-height: max(2rem, 8.86vw);
  mask-image: linear-gradient(#000, #000), url('../images/recognition-bottom-mask.svg');
  mask-size: 100% calc(100% - var(--recognition-arc-height) + 1px), 100% var(--recognition-arc-height);
  mask-position: top, bottom;
  mask-repeat: no-repeat;
}
.paragraph--recognition-cards .oles-card-grid { gap: var(--space-3); }
.paragraph--recognition-cards .oles-card-grid > .field__item { flex-basis: calc((100% - var(--space-3)) / 2); }
}
@media (max-width: 479px) { .paragraph--recognition-cards .oles-card-grid > .field__item { flex-basis: 100%; } }

.paragraph--recognition-cards.oles-tone-dark { background: transparent; }