/* Settori: composizione estesa con cinque card editoriali. */
.sectors{padding-top:8px;padding-bottom:80px}.sectors-heading{display:grid;grid-template-columns:58% 42%;align-items:end;gap:25px;margin-bottom:25px}.sectors-kicker{display:flex;align-items:center;gap:17px;margin:0 0 13px;color:#EA541F;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.sectors-kicker::before{content:"";width:49px;height:3px;background:#EA541F}.sectors-heading h2{margin:0;font-family:Barlow,Arial,sans-serif;font-size:62px;line-height:.95;letter-spacing:-3px;color:#062c49}.sectors-heading h2 strong{color:#EA541F}.sectors-heading>p{max-width:580px;margin:0 0 7px;color:#294a67;font-size:17px;line-height:1.55}
.sectors .audience-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.sectors .audience-card{position:relative;isolation:isolate;display:flex;height:370px;padding:0 27px 24px;overflow:hidden;border-radius:8px;background-position:center;background-size:cover;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:#fff;text-align:left}.sectors .audience-card::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(1,19,31,.02) 22%,rgba(1,19,31,.93) 100%)}.sectors .audience-card>*{position:relative;z-index:1}.sectors .audience-card svg{width:48px;height:48px;margin:0 0 11px;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sectors .audience-card h3{margin:0 0 7px;color:#fff;font-size:24px;line-height:1.02;font-weight:800;letter-spacing:-.7px}.sectors .audience-card p{min-height:48px;margin:0 0 13px;color:#fff;font-size:15px;line-height:1.3}.sectors .sector-arrow{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#fff;color:#EA541F;font-size:25px;line-height:1;font-weight:400}.sectors .sector-index{position:absolute;z-index:1;right:14px;bottom:-2px;color:rgba(255,255,255,.16);font-size:70px;line-height:1;font-weight:700;letter-spacing:-4px}
@media(max-width:900px){.sectors-heading{grid-template-columns:1fr;gap:16px}.sectors-heading h2{font-size:52px}.sectors .audience-grid{grid-template-columns:repeat(3,1fr)}.sectors .audience-card{height:330px;padding:0 22px 21px}}
@media(max-width:600px){.sectors{padding-bottom:48px}.sectors-heading h2{font-size:42px;letter-spacing:-2px}.sectors-kicker{font-size:12px}.sectors-kicker::before{width:35px}.sectors-heading>p{font-size:15px}.sectors .audience-grid{grid-template-columns:1fr 1fr;gap:10px}.sectors .audience-card{height:280px;padding:0 16px 16px}.sectors .audience-card h3{font-size:19px}.sectors .audience-card p{min-height:43px;font-size:12px}.sectors .audience-card svg{width:37px;height:37px}.sectors .sector-index{font-size:55px}}
.sectors-heading{grid-template-columns:1fr}.sectors-heading>p{display:none}
.sectors .sector-arrow{display:none}
.sectors .sector-index{display:none}
.sectors .audience-card{height:290px;padding:0 20px 20px}.sectors .audience-card svg{width:42px;height:42px;margin-bottom:8px}.sectors .audience-card h3{font-size:21px;margin-bottom:5px}.sectors .audience-card p{min-height:40px;margin-bottom:0;font-size:13px}
@media(max-width:900px){.sectors .audience-card{height:275px}}
@media(max-width:600px){.sectors .audience-card{height:250px}}
.sectors .audience-card h3{min-height:63px}.sectors .audience-card p{min-height:51px}
@media(max-width:600px){.sectors .audience-card h3{min-height:48px}.sectors .audience-card p{min-height:43px}}

.sectors .audience-card.condos h3::after{content:"e residenze";display:block}
.sectors .audience-card h3,.sectors .audience-card p{min-height:0}

/* Al passaggio del mouse la fotografia si avvicina, senza muovere la card. */
.sectors .audience-card::before{content:"";position:absolute;z-index:0;inset:0;background-image:inherit;background-position:inherit;background-size:inherit;pointer-events:none;transform:scale(1);transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}.sectors .audience-card::after{z-index:1}.sectors .audience-card>*{z-index:2}
@media(hover:hover) and (pointer:fine){.sectors .audience-card:hover::before{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.sectors .audience-card::before{transition:none}.sectors .audience-card:hover::before{transform:none}}

/* Mantiene la stessa griglia tipografica in tutte le card. */
.sectors .audience-card h3{min-height:63px}.sectors .audience-card p{min-height:51px}
@media(max-width:600px){.sectors .audience-card h3{min-height:48px}.sectors .audience-card p{min-height:43px}}

