/* Five 3D category illustrations, with copy kept outside the image tiles. */
.audiences--icons{background:#faf9fc}
.audiences--icons .audience-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:30px}
.audiences--icons .audience,.audiences--icons .audience:last-child{display:block;grid-column:auto;max-width:none;min-width:0;padding:0;border:0}
.audiences--icons .audience-art{position:relative;aspect-ratio:1.31;overflow:hidden;border-radius:16px;background:#ede7fc}
.audiences--icons .audience-art--horeca,.audiences--icons .audience-art--distribution{background:#e1f88e}
.audiences--icons .audience-art--specialty{background:#c39af1}
.audiences--icons .audience-art--events{background:#e2d2f9}
.audiences--icons .audience-art img{position:absolute;inset:0;display:block;box-sizing:border-box;width:100%;height:100%;max-height:100%;aspect-ratio:auto;object-fit:contain;padding:9px 12px;background:transparent;border:0;border-radius:0;transform:none;transition:none}
.audiences--icons .audience-copy{padding:0 6px}
.audiences--icons .audience h3{font-size:clamp(13px,calc(1.04 * var(--layout-unit)),15px);line-height:1.25;letter-spacing:-.045em;margin:13px 0 9px;min-height:0;hyphens:none;overflow-wrap:normal;word-break:normal}
.audiences--icons .audience p{font-family:Arial,sans-serif;font-size:15px;line-height:1.4;max-width:100%;hyphens:none;overflow-wrap:normal;word-break:normal}
@container page (max-width:1100px){
  .audiences--icons .audience-list{gap:16px}
  .audiences--icons .audience h3{font-size:13px}
  .audiences--icons .audience p{font-size:14px}
  .audiences--icons .audience-art{border-radius:13px}
}
@container page (max-width:1100px){
  .audiences--icons .audience-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
  .audiences--icons .audience h3{font-size:16px}
  .audiences--icons .audience p{font-size:16px}
}
@container page (max-width:850px){
  .audiences--icons .audience-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
  .audiences--icons .audience h3{font-size:15px}
  .audiences--icons .audience p{font-size:15px}
}
@container page (max-width:600px){
  .audiences--icons .audience-list{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:26px}
  .audiences--icons .audience-art{aspect-ratio:1.55;border-radius:15px}
  .audiences--icons .audience-art img{padding:12px 20px}
  .audiences--icons .audience-copy{padding:0 4px}
  .audiences--icons .audience h3{font-size:18px;margin:13px 0 8px;line-height:1.3}
  .audiences--icons .audience p{font-size:16px;line-height:1.4}
}
@container page (max-width:360px){.audiences--icons .audience h3{font-size:16px}}