.service-audience { background: var(--color-background); }
.service-audience__intro { position: relative; display: flex; align-items: flex-end; min-block-size: 16.45rem; margin-block-end: var(--space-12); }
.service-audience__intro--plain { min-block-size: 0; }
.service-audience__heading { position: relative; z-index: 1; overflow-wrap: anywhere; }
.service-audience__decoration { position: absolute; inset-block-start: -3.009375rem; inset-inline-end: 2.666875rem; inline-size: 44.306473%; aspect-ratio: 1; display: grid; place-items: center; pointer-events: none; }
.service-audience__decoration img { inline-size: 91.019164%; block-size: auto; transform: rotate(-5.98deg); }
.service-audience__grid { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); padding: 0; margin: 0; list-style: none; }
@media (width < 75rem) {
    .service-audience__intro { min-block-size: 14rem; }
    .service-audience__intro--plain { min-block-size: 0; }
    .service-audience__decoration { inset-inline-end: 0; inset-block-start: -2rem; inline-size: 48%; }
    .service-audience__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (width < 48rem) {
    .service-audience__intro { min-block-size: 0; padding-block-start: 9rem; margin-block-end: var(--space-8); }
    .service-audience__intro--plain { padding-block-start: 0; }
    .service-audience__decoration { inline-size: min(80%, 20rem); inset-block-start: -2rem; }
    .service-audience__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
}
