#lIT,#loadmsg2,#legend2,#gkeys2{display:none!important}
.stage:has(#lSab3) :is(#lITo,#loadmsg3,#legend3,#gkeys3,#panel3){display:none!important}
:is(#lSab,#lSab3,#lSab1){--sab-carta:#F4ECD7;--sab-dato:#FFF8EA;--sab-pieno:#B89149;--sab-blu:#173C44;--sab-curva:cubic-bezier(.2,0,0,1);--sab-dur:1.2s;
  position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
:is(#lSab,#lSab3,#lSab1) .sab-piano{position:absolute;left:0;top:0;transform-origin:0 0;backface-visibility:hidden;opacity:0;transition:opacity .9s ease}
:is(#lSab,#lSab3,#lSab1).sab-sfumata .sab-piano{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 89%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 9%,#000 24%,#000 90%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 89%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 9%,#000 24%,#000 90%,transparent 100%);mask-composite:intersect}
:is(#lSab,#lSab3,#lSab1).pronta .sab-piano{opacity:1}
:is(#lSab,#lSab3,#lSab1) .sab-piano picture,:is(#lSab,#lSab3,#lSab1) .sab-piano img{display:block;width:100%;height:100%}
:is(#lSab,#lSab3,#lSab1) .sab-dett{position:absolute;display:block;max-width:none;opacity:0;transition:opacity 1.2s ease;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-composite:intersect}
:is(#lSab,#lSab3,#lSab1) .sab-dett.pronta{opacity:1}
:is(#lSab,#lSab3,#lSab1) .sab-svg{position:absolute;inset:0;margin:0;width:100%;height:100%;overflow:visible}

:is(#lSab,#lSab3,#lSab1) .sab-velo{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(244,236,215,.94) 0,rgba(244,236,215,.86) calc(var(--capx,170px) + var(--colcap,490px) - 120px),rgba(244,236,215,0) calc(var(--capx,170px) + var(--colcap,490px) + 60px)),
    linear-gradient(180deg,rgba(244,236,215,.92) 0,rgba(244,236,215,.5) 17%,rgba(244,236,215,.16) 30%,rgba(244,236,215,0) 40%,rgba(244,236,215,0) calc(100% - 90px),rgba(244,236,215,.92) 100%)}
:is(#lSab,#lSab3,#lSab1) .sab-eti{position:absolute;inset:0;pointer-events:none}


:is(#lSab,#lSab3,#lSab1) .sab-crediti{position:absolute;right:96px;bottom:10px;max-width:min(560px,48vw);margin:0;text-align:right;pointer-events:auto;
  font:400 max(var(--t-micro,.6rem),11px)/1.35 'Work Sans',sans-serif;color:rgba(65,75,76,.9)}
:is(#lSab,#lSab3,#lSab1) .sab-crediti summary{display:inline-block;list-style:none;cursor:pointer;padding:4px 9px;background:rgba(246,240,226,.86);letter-spacing:.04em}
:is(#lSab,#lSab3,#lSab1) .sab-crediti summary::-webkit-details-marker{display:none}
:is(#lSab,#lSab3,#lSab1) .sab-crediti p{margin:4px 0 0;padding:6px 9px;background:rgba(246,240,226,.92)}
@media(max-width:760px),(orientation:portrait){:is(#lSab,#lSab3,#lSab1) .sab-crediti{right:auto;left:10px;bottom:auto;top:var(--sab-cred-top,70px);max-width:calc(100vw - 20px);text-align:left}}


:is(#lSab,#lSab3,#lSab1) .g-confini path{fill:none;stroke:rgba(255,250,238,.72);stroke-width:1.5;stroke-linejoin:round}
:is(#lSab,#lSab3,#lSab1) .g-scuro path{fill:var(--sab-carta);fill-opacity:0;stroke:none;transition:fill-opacity var(--sab-dur) var(--sab-curva)}
:is(#lSab,#lSab3,#lSab1) .cer circle{transform-box:fill-box;transform-origin:center;transition:transform var(--sab-dur) var(--sab-curva),opacity var(--sab-dur) var(--sab-curva),stroke-width .3s}
:is(#lSab,#lSab3,#lSab1) .cer .tot{fill:var(--sab-dato);fill-opacity:.2;stroke:var(--sab-dato);stroke-width:2.6}
:is(#lSab,#lSab3,#lSab1) .cer.hov .tot{stroke:var(--sab-pieno);stroke-width:5;fill-opacity:.32}
:is(#lSab,#lSab3,#lSab1) .g-cerchi .tot{transform:scale(0)}


#lSab .g-top path{fill:none;stroke:var(--sab-pieno);stroke-width:3.4;stroke-linejoin:round;opacity:0;transition:opacity var(--sab-dur) var(--sab-curva)}
#lSab[data-passo="1"] .g-scuro path{fill-opacity:.5}
#lSab[data-passo="1"] .g-top path{opacity:1}
#lSab[data-passo="3"] .g-confini path{stroke-opacity:.5}
#lSab .cer .est{fill:var(--sab-pieno);fill-opacity:.9;stroke:none;transform:scale(0)}
#lSab .cer .pt{fill:var(--sab-dato)}
#lSab.visto .g-cerchi .tot{transform:scale(1)}
#lSab.visto[data-passo="2"] .g-cerchi .est{transform:scale(1)}
#lSab[data-passo="3"] .g-cerchi circle{transform:scale(0);opacity:0}
#lSab .g-citta circle{transform:scale(0);opacity:0}
#lSab[data-passo="3"] .g-citta circle{transform:scale(1);opacity:1}


#lSab3 .cer .a2{stroke:var(--sab-dato);stroke-width:2.2;transform:scale(0)}
#lSab3 .cer .a2.su{fill:var(--sab-pieno);fill-opacity:.88}
#lSab3 .cer .a2.giu{fill:var(--sab-blu);fill-opacity:.8}
#lSab3 .cer.hov .a2{stroke:var(--sab-carta);stroke-width:5}
#lSab3.visto[data-passo="0"] .g-cerchi .a0,#lSab3.visto[data-passo="1"] .g-cerchi .a1,#lSab3.visto[data-passo="2"] .g-cerchi .a2{transform:scale(1)}
#lSab3[data-passo="2"] .g-scuro path{fill-opacity:.55}


@media(max-width:760px){:is(#lSab,#lSab3,#lSab1)~.cap :is(.capwrap2,.capwrap3){left:-24px;right:-24px;padding:32px 24px 0;background:linear-gradient(180deg,rgba(243,237,221,0) 0,rgba(243,237,221,.88) 30px,rgba(243,237,221,.94) 100%)}}


:is(#lSab,#lSab3,#lSab1) .sab-et{position:absolute;left:0;top:0;opacity:0;transition:opacity .9s var(--sab-curva);will-change:transform}
:is(#lSab,#lSab3,#lSab1) .sab-et.on{opacity:1}
:is(#lSab,#lSab3,#lSab1) .sab-et.on.cede{opacity:0;transition-duration:.25s}   
:is(#lSab,#lSab3,#lSab1) .sab-et>span{display:block}
:is(#lSab,#lSab3,#lSab1) .sab-et .n,:is(#lSab,#lSab3,#lSab1) .sab-et .v{position:relative}

:is(#lSab,#lSab3,#lSab1) .sab-et::before{content:"";position:absolute;inset:0;background:rgba(244,236,215,.8);border-radius:2px}
:is(#lSab,#lSab3,#lSab1) .sab-et{padding:3px 8px 4px;display:flex;flex-direction:column;white-space:nowrap}
:is(#lSab,#lSab3,#lSab1) .sab-et--d{translate:0 -50%}
:is(#lSab,#lSab3,#lSab1) .sab-et--s{translate:-100% -50%;align-items:flex-end}
:is(#lSab,#lSab3,#lSab1) .sab-et--c{translate:-50% -50%;align-items:center}
:is(#lSab,#lSab3,#lSab1) .sab-et .n{font:500 max(var(--t-etichetta,.68rem),11px)/1.2 'Work Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#4A4840}
:is(#lSab,#lSab3,#lSab1) .sab-et .v{font:600 var(--t-minore,1.2rem)/1.1 'EB Garamond',serif;color:var(--ink,#16303A)}


:is(.capwrap,.capwrap2,.capwrap3) .sab-leg{display:flex;align-items:center;gap:12px;margin:10px 0 2px;max-width:46ch;font:400 var(--t-nota,.75rem)/1.45 'Work Sans',sans-serif;color:var(--soft,#636560)}
:is(.capwrap,.capwrap2,.capwrap3) .sab-leg svg{width:72px;height:40px;flex:none}
:is(.capwrap,.capwrap2,.capwrap3) .sab-leg circle{fill:none;stroke:var(--ottone-deep,#7E5F1A);stroke-width:1.3}
:is(.capwrap,.capwrap2,.capwrap3) .sab-leg circle:is(.est,.su){fill:var(--ottone,#B89149);stroke:none}
:is(.capwrap,.capwrap2,.capwrap3) .sab-leg circle.giu{fill:var(--blu,#173C44);stroke:none}
:is(.capwrap,.capwrap2,.capwrap3) .sab-leg circle.pt{fill:var(--ottone-deep,#7E5F1A);stroke:none}

@media(max-width:760px),(orientation:portrait){
  :is(#lSab,#lSab3,#lSab1) .sab-velo{background:linear-gradient(180deg,rgba(244,236,215,.92) 0,rgba(244,236,215,.45) 13%,rgba(244,236,215,0) 24%)}
  :is(#lSab,#lSab3,#lSab1) .sab-et.no-tel{display:none}
  :is(#lSab,#lSab3,#lSab1) .sab-et{padding:2px 6px 3px}
  :is(#lSab,#lSab3,#lSab1) .g-confini path{stroke-width:1.1}
  :is(.capwrap,.capwrap2,.capwrap3) .sab-leg{margin:6px 0 0}
  :is(.capwrap,.capwrap2,.capwrap3) .sab-leg svg{width:56px;height:32px}
}
@media (prefers-reduced-motion:reduce){
  :is(#lSab,#lSab3,#lSab1){--sab-dur:.01s}
  :is(#lSab,#lSab3,#lSab1) .sab-piano,:is(#lSab,#lSab3,#lSab1) .sab-et{transition:opacity .2s linear}
}


:is(#lSab,#lSab3,#lSab1):not(.sab-sfumata) .sab-velo{display:none}
:is(#lSab,#lSab3,#lSab1):not(.sab-sfumata) .sab-piano picture{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-composite:intersect}
:is(#lSab,#lSab3,#lSab1) .sab-fondo{position:absolute;display:block;max-width:none;opacity:0;transition:opacity .9s ease}
:is(#lSab,#lSab3,#lSab1) .sab-fondo.pronta{opacity:1}
:is(#lSab,#lSab3,#lSab1):not(.sab-sfumata)~.cap{background:none!important}

.stage .sab-cartiglio{position:absolute;pointer-events:none;background:rgba(246,240,226,.95);border:1px solid rgba(126,95,26,.28);
  box-shadow:inset 0 0 0 5px rgba(246,240,226,.95),inset 0 0 0 6px rgba(126,95,26,.16);
  transition:top .6s cubic-bezier(.2,0,0,1),height .6s cubic-bezier(.2,0,0,1),width .6s cubic-bezier(.2,0,0,1)}
@media(max-width:760px),(orientation:portrait){
  .stage .sab-cartiglio{border-width:1px 0 0;box-shadow:inset 0 5px 0 rgba(246,240,226,.95),inset 0 6px 0 rgba(126,95,26,.16)}
  :is(#lSab,#lSab3,#lSab1):not(.sab-sfumata)~.cap :is(.capwrap2,.capwrap3){background:none!important}
}
.stage>.docnav{z-index:5}

:is(#lSab,#lSab3,#lSab1) .g-hit :is(path,rect){fill:#000;fill-opacity:0;stroke:none;pointer-events:all;cursor:grab;touch-action:pan-y}
:is(#lSab,#lSab3,#lSab1).sab-sfumata .g-hit rect{display:none}
:is(#lSab,#lSab3,#lSab1).presa .g-hit :is(path,rect){cursor:grabbing}
:is(#lSab,#lSab3,#lSab1) .g-hov path{fill:rgba(244,236,215,.24);stroke:#B89149;stroke-width:9;stroke-linejoin:round}
:is(#lSab,#lSab3,#lSab1) .sab-tip{z-index:6}

.stage:has(#lSab1) .sab-cartiglio{transition:top .6s cubic-bezier(.2,0,0,1),height .6s cubic-bezier(.2,0,0,1),width .6s cubic-bezier(.2,0,0,1),opacity .45s ease}
@media (prefers-reduced-motion:reduce){.stage .sab-cartiglio,.stage:has(#lSab1) .sab-cartiglio{transition:none}}

@media(min-width:761px) and (orientation:landscape){
  :is(#lSab,#lSab3,#lSab1):not(.sab-sfumata)~.docnav .navlabel{background:rgba(246,240,226,.9);padding:3px 7px;border-radius:2px}
  :is(#lSab,#lSab3,#lSab1):not(.sab-sfumata)~.docnav .navdot{box-shadow:0 0 0 3px rgba(246,240,226,.85)}
}

@media(min-width:761px) and (orientation:landscape){
  .stage:has(:is(#lSab,#lSab3,#lSab1):not(.sab-sfumata)){--capx:114px;--colcap:420px}  
}

@media(min-width:761px) and (orientation:landscape){
  .stage:has(#lSab:not(.sab-sfumata)) .capwrap2 :is(.cap__t,.cap__more){display:none!important}
  .stage:has(#lSab:not(.sab-sfumata)) .capwrap2[data-c="1"] .cap__more{display:block!important}
  .stage:has(#lSab3:not(.sab-sfumata)) .capwrap3 :is(.cap__t,.cap__more){display:none!important}
  .stage:has(#lSab3:not(.sab-sfumata)) .capwrap3[data-c="2"] .cap__more{display:block!important}
}

@media(min-width:761px) and (orientation:landscape) and (max-height:860px){
  .stage:has(#lSab3:not(.sab-sfumata)) .capwrap3[data-c="2"] .cap__more{display:none!important}
}

:is(#lSab,#lSab3,#lSab1) .sab-tela{position:absolute;left:0;top:0;pointer-events:none;opacity:0;transition:opacity .9s ease}
:is(#lSab,#lSab3,#lSab1).pronta .sab-tela{opacity:1}
:is(.capwrap,.capwrap2,.capwrap3) .sab-leg svg polygon{stroke:none}

:is(#lSab,#lSab3,#lSab1) .sab-gl{position:absolute;left:0;top:0;pointer-events:none;opacity:0;transition:opacity .9s ease}
:is(#lSab,#lSab3,#lSab1).pronta .sab-gl{opacity:1}
:is(#lSab,#lSab3,#lSab1).sab-gl-on .sab-piano :is(picture,.sab-fondo,.sab-dett){visibility:hidden}
:is(#lSab,#lSab3,#lSab1).sab-gl-on .sab-svg>g:not(.g-hit){display:none}

@media(min-width:761px) and (orientation:landscape){
  :is(#lSab,#lSab3,#lSab1):not(.sab-sfumata)~.docnav .navnode:not(:hover) .navlabel{display:none}
  :is(#lSab,#lSab3,#lSab1):not(.sab-sfumata)~.docnav::before{content:attr(data-titolo);position:absolute;left:-1px;bottom:calc(100% + 10px);writing-mode:vertical-rl;transform:rotate(180deg);
    font:500 max(var(--t-etichetta,.66rem),11px)/1 'Work Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink,#16303A);
    background:rgba(246,240,226,.9);padding:7px 3px;border-radius:2px;white-space:nowrap;transition:opacity .3s}
}

.stage:has(#lSab1) :is(#lMap,#legend,#loadmsg){display:none!important}

#lSab1.sab-spento .g-hit :is(path,rect){pointer-events:none}
#lSab1 .sab-et--it .v{color:var(--ottone-deep,#7E5F1A)}
@media(min-width:761px) and (orientation:landscape){
  .stage:has(#lSab1:not(.sab-sfumata)) .capwrap:is([data-c="2"],[data-c="3"],[data-c="4"],[data-c="5"]) :is(.cap__t,.cap__more){display:none!important}
}

#lGlobe .glo-et{position:absolute;left:0;top:0;opacity:0;transition:opacity .6s var(--sab-curva,ease);will-change:transform;pointer-events:none;z-index:3;
  padding:3px 8px 4px;display:flex;flex-direction:column;white-space:nowrap;translate:0 -50%}
#lGlobe .glo-et.on{opacity:1}
#lGlobe .glo-et.cede{transition-duration:.25s}   
@media (prefers-reduced-motion:reduce){#lGlobe .glo-et{transition:opacity .2s linear}}
#lGlobe .glo-et::before{content:"";position:absolute;inset:0;background:rgba(244,236,215,.8);border-radius:2px}
#lGlobe .glo-et>span{display:block;position:relative}
#lGlobe .glo-et .n{font:500 max(var(--t-etichetta,.68rem),11px)/1.2 'Work Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#4A4840}
#lGlobe .glo-et .v{font:600 var(--t-minore,1.2rem)/1.1 'EB Garamond',serif;color:var(--ink,#16303A)}
@media(max-width:760px),(orientation:portrait){#lGlobe .glo-et{padding:2px 6px 3px}}
#lGlobe .glo-cred{position:absolute;right:96px;bottom:10px;max-width:min(520px,46vw);margin:0;text-align:right;pointer-events:auto;z-index:3;
  font:400 max(var(--t-micro,.6rem),11px)/1.35 'Work Sans',sans-serif;color:rgba(65,75,76,.9)}
#lGlobe .glo-cred summary{display:inline-block;list-style:none;cursor:pointer;padding:4px 9px;background:rgba(246,240,226,.86);letter-spacing:.04em}
#lGlobe .glo-cred summary::-webkit-details-marker{display:none}
#lGlobe .glo-cred p{margin:4px 0 0;padding:6px 9px;background:rgba(246,240,226,.92)}
@media(max-width:760px),(orientation:portrait){#lGlobe .glo-cred{right:auto;left:10px;bottom:auto;top:var(--sab-cred-top,70px);max-width:calc(100vw - 20px);text-align:left}}