/* Home: make the three available services explicit, using the existing palette. */
.hero-choices{margin-top:24px;max-width:330px}
.hero-choices>span{display:block;font-size:11px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px;color:var(--ink)}
.hero-choices>div{display:flex;gap:8px}
.hero-choices a{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1;border-bottom:1px solid var(--line);padding:7px 0;font-size:14px}
.hero-choices a span{transition:transform .2s ease}
.hero-choices a:hover span,.hero-choices a:focus-visible span{transform:translate(2px,-2px)}
.hero-choices a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
#servizi{scroll-margin-top:80px}
#servizi .services-header{margin-bottom:38px}
#servizi .services-title-row{gap:64px}
#servizi .choice-lead{display:block;color:var(--ink);font-weight:500;font-size:19px;margin-bottom:12px}
#servizi .services-grid{gap:18px;border:0}
#servizi .service{position:relative;min-height:435px;padding:28px!important;border:1px solid var(--line);background:#eef1e8;transition:opacity .65s ease,transform .65s ease,box-shadow .25s ease,border-color .25s ease}
#servizi .service:nth-child(2){background:#e6ebdf;transition-delay:.13s,.13s,0s,0s}
#servizi .service:nth-child(3){background:#dde5d7;transition-delay:.26s,.26s,0s,0s}
.choice-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
.choice-number{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1;color:var(--ink)}
.choice-icon{width:44px;height:44px;overflow:visible}
#servizi .service-type{margin-bottom:12px;color:var(--ink);font-size:11px}
#servizi .service h3{font-size:33px;letter-spacing:-.025em}
#servizi .service-description{max-width:290px}
#servizi .service-link{border-top:1px solid rgba(24,57,47,.19);padding-top:19px;margin-top:auto;font-size:14px;justify-content:space-between}
#servizi .service-description{margin-bottom:28px}
#servizi .service-link::after{content:"";position:absolute;inset:0}
#servizi .service-link:focus-visible{outline:0}
#servizi .service:focus-within{outline:2px solid var(--ink);outline-offset:4px}
#servizi .service-link .arrow{display:inline-block;transition:transform .25s ease}
@media(hover:hover){
 #servizi .service.visible:hover{transform:translateY(-7px);border-color:var(--ink);box-shadow:0 12px 26px rgba(24,57,47,.07);transition-delay:0s}
 #servizi .service:hover .arrow{transform:translateX(5px)}
}
/* One short drawing animation on entering the section; no perpetual flashing. */
#servizi .service.visible .choice-detail{stroke-dasharray:80;stroke-dashoffset:0;animation:choice-draw 1.1s ease both}
#servizi .service:nth-child(2).visible .choice-detail{animation-delay:.15s}
#servizi .service:nth-child(3).visible .choice-detail{animation-delay:.3s}
@keyframes choice-draw{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}
@media(max-width:960px) and (min-width:621px){
 #servizi .services-grid{gap:10px}
 #servizi .service{padding:20px!important;min-height:455px}
 #servizi .service h3{font-size:27px}
 #servizi .service-link{font-size:13px}
}
@media(max-width:620px){
 #servizi .services-title-row{gap:24px}
 #servizi .service{min-height:340px;padding:25px!important;transition-delay:0s}
 .choice-top{margin-bottom:23px}
 #servizi .service-description{max-width:none}
 #servizi .service-link{padding-top:16px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 #servizi .reveal{opacity:1;transform:none}
 #servizi .service,#servizi .service .choice-detail,#servizi .service-link .arrow,.hero-choices a span{animation:none!important;transition:none!important;transform:none!important}
}