/* ─────────── Servizi ─────────── */
.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service{
padding:clamp(32px, 3.5vw, 48px)!important;
border-right:1px solid var(--line);border-bottom:1px solid var(--line);
background:var(--paper);
display:flex;flex-direction:column;gap:20px;
min-height:280px;position:relative;overflow:hidden;
transition:background .35s ease, color .35s ease;
}
.service__index{font-family:var(--sans);font-size:11px;letter-spacing:.22em;color:var(--gold);font-weight:500}
.service h3{font-size:clamp(24px,2vw,30px)}
.service__desc{color:var(--muted);font-size:14.5px;line-height:1.6;max-width:38ch}
.service__more{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);font-weight:500}
.service__more svg{transition:transform .3s ease}
.service:hover{background:var(--navy);color:var(--cream)}
.service:hover h3,.service:hover .service__more{color:var(--cream)}
.service:hover .service__desc{color:var(--muted-on-dark)}
.service:hover .service__more svg{transform:translateX(6px)}

.service--hover-gold:hover{
  background:var(--gold);
  color:var(--navy);
}

.service--hover-gold em{
  font-style: normal;
}

.service--hover-gold:hover em{
  font-style: normal;
  color: var(--cream);
}

.service--hover-gold:hover h3,
.service--hover-gold:hover .service__more,
.service--hover-gold:hover .service__index{
  color:var(--navy);
}

.service--hover-gold:hover .service__desc{
  color:rgba(12, 31, 53, .72);
}

.service--hover-gold:hover .service__more svg{
  color:var(--navy);
} 

@media (max-width:980px){.services{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.services{grid-template-columns:1fr}}