/* Il centro si apre: due metà si separano e rivelano il Metodo. */
.metodo-sipario #servizi{height:370svh;background:transparent;z-index:8}
.sp-curtains{position:fixed;inset:0;z-index:9;pointer-events:none;visibility:hidden;overflow:hidden;isolation:isolate}
.sp-panel{position:absolute;inset:0;background:var(--bg);will-change:transform;backface-visibility:hidden;transform-origin:50% 50%}
.sp-panel.left{clip-path:inset(0 50% 0 0)}.sp-panel.right{clip-path:inset(0 0 0 50%)}
.sp-panel .bt-grid{height:100%;width:100%;--e:0;--L:1}
.sp-panel .sp-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.sp-panel .bt-t{will-change:auto}
.sp-method-active{z-index:7}
.sp-method-active .mk-pin{min-height:0!important;height:100svh!important;padding-top:96px;will-change:transform;transform-origin:50% 50%;box-shadow:0 0 80px #0005} /* 19/10: niente position:fixed, il pannello sale con transform (la pagina non "salta" più) */
.sp-flight #ttz,.sp-flight .fab{opacity:0!important;pointer-events:none!important}
.sp-method-active .mk-nav{pointer-events:none}
@media(max-width:759px){.metodo-sipario #servizi{height:270svh}.sp-curtains{display:none}}
@media(prefers-reduced-motion:reduce){.metodo-sipario #servizi{height:270svh}.sp-curtains{display:none}}
.metodo-sipario:not(.sp-enabled) #servizi{height:270svh}

@media(min-width:760px) and (max-width:999px){
 .metodo-sipario .mk-content{width:61%;margin:auto 0;padding:35px 0}
 .metodo-sipario .mk-method h2{font-size:10.8vw}
 .metodo-sipario .mk-art{position:absolute;inset:13% -3% 17% 40%;width:auto;height:auto;margin:0}
 .metodo-sipario .mk-description{grid-template-columns:1fr;max-width:330px;gap:10px}
 .metodo-sipario .mk-description h3{font-size:16px}
 .metodo-sipario .mk-description p{font-size:14px}
 .metodo-sipario .mk-pin{padding-top:96px}
 .metodo-sipario .mk-eyebrow{font-size:9px}
}
/* La formazione si apre dalla presentazione, senza interrompere il percorso. */
.cs-training{display:flex;align-items:center;justify-content:space-between;gap:24px;background:none;border:0;border-bottom:1px solid #617499;color:#E0E7F6;font-family:var(--f);font-size:14px;font-weight:600;padding:13px 0;margin-top:24px;cursor:pointer;min-height:44px;max-width:320px;width:100%}
.cs-training span{color:var(--hl);font-size:22px}.cs-training:hover{color:var(--hl)}.cs-training:focus-visible{outline:2px solid var(--hl);outline-offset:5px}
.education-modal{width:min(920px,calc(100vw - 32px));max-height:calc(100svh - 48px);margin:auto;padding:clamp(28px,4vw,52px);background:#101725;color:#F3F5FA;border:1px solid #42547A;border-radius:16px;overflow:auto;box-shadow:0 35px 100px #0009}
.education-modal::backdrop{background:#050914dc;backdrop-filter:blur(10px)}
.education-modal h2{font-family:var(--d);font-size:clamp(40px,5vw,64px);font-weight:800;font-style:italic;text-transform:uppercase;line-height:1;margin:16px 0}.education-modal h2 span{color:var(--hl)}
.education-intro{color:#B8C1D2;line-height:1.6;margin-bottom:28px;max-width:620px}
.education-close{position:absolute;right:15px;top:12px;width:44px;height:44px;background:transparent;border:1px solid #536585;border-radius:50%;font-size:30px;color:#fff;cursor:pointer}
.education-close:focus-visible,.education-contact:focus-visible{outline:2px solid var(--hl);outline-offset:4px}
.education-modal .egrid{grid-template-columns:1fr 1fr}.education-modal .ec{min-height:220px}.education-contact{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;color:#9DBCFF;font-size:14px}
@media(max-width:600px){.education-modal .egrid{grid-template-columns:1fr}.education-modal .ec{min-height:0}.education-modal{padding:50px 22px 24px}.cs-training{margin-top:18px}}