/* Settori: fotografie, icone lineari e overlay come nel riferimento. */
.audience-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.audience-grid .audience-card{position:relative;isolation:isolate;height:260px;padding:0 14px 16px;overflow:hidden;border-radius:3px;background-position:center;background-size:cover;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:#fff;font-weight:800;text-align:left}
.audience-grid .audience-card::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(0,13,24,0) 30%,rgba(0,13,24,.88) 100%)}
.audience-card.restaurant{background-image:url("../images/assets/settore-1.png")}.audience-card.industry{background-image:url("../images/assets/settore-2.png")}.audience-card.commerce{background-image:url("../images/assets/settore-3.png")}.audience-card.condos{background-image:url("../images/assets/settore-4.png")}.audience-card.schools{background-image:url("../images/assets/settore-5.png")}
.audience-card svg,.audience-card span{position:relative;z-index:1}.audience-card svg{width:39px;height:39px;margin-bottom:8px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.audience-card span{font-size:16px;line-height:1.1}

@media(max-width:800px){
  .audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .audience-grid .audience-card{height:215px}
}

@media(max-width:460px){
  .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .audience-grid .audience-card{height:190px}
  .audience-card span{font-size:14px}
}