/* "Dal pianoforte al suono": sezione fissata, tela a tutto schermo, due testi che si danno il cambio */
.cx-sw{position:relative;background:#050507;color:#f6f5f1}
.cx-sw-stage{position:relative;height:100vh;height:100lvh;min-height:560px;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 68% 48%,#0d0c10 0%,#050507 70%)}
.cx-sw-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cx-sw-txt{position:absolute;left:var(--gut,64px);top:50%;transform:translateY(-50%);max-width:min(36vw,520px);z-index:2}
.cx-sw-txt h2{margin:0 0 18px;font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(40px,4.6vw,76px);line-height:.95;letter-spacing:-.02em}
.cx-sw-txt h2 em{color:rgba(246,245,241,.68)}
.cx-sw-txt p{margin:0 0 14px;font-size:16px;line-height:1.65;color:rgba(246,245,241,.78)}
.cx-sw-k{font-size:11px!important;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:rgba(246,245,241,.6)!important;margin-bottom:16px!important}
.cx-sw-credit{font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;color:rgba(217,185,121,.85)!important;margin-top:22px!important;line-height:1.5!important}
.cx-sw-mute{position:absolute;z-index:3;right:var(--gut,64px);bottom:4%;min-height:40px;padding:0 18px;border:1px solid rgba(246,245,241,.3);border-radius:20px;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#f6f5f1;background:rgba(5,5,7,.4)}
.cx-sw-mute .t-off,.cx-sw.is-muted .cx-sw-mute .t-on{display:none}.cx-sw.is-muted .cx-sw-mute .t-off{display:inline}
.cx-sw-bar{position:absolute;left:50%;bottom:22px;width:220px;margin-left:-110px;height:2px;background:rgba(246,245,241,.12);z-index:3}
.cx-sw-bar i{position:absolute;inset:0;background:#f6f5f1;transform-origin:0 50%;transform:scaleX(0)}
@media (max-width:760px){
  .cx-sw-txt{top:auto;bottom:12%;transform:none;left:20px;right:20px;max-width:none}
  .cx-sw-txt h2{font-size:clamp(34px,10vw,48px)}
  .cx-sw-txt p{font-size:14px;line-height:1.55}
  .cx-sw-b{bottom:9%}
  .cx-sw-mute{left:20px;right:auto;bottom:3%}
}
/* nota sulla registrazione, discreta */
.cx-sw-note{position:absolute;z-index:3;left:var(--gut,64px);bottom:calc(4% + 12px);margin:0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,245,241,.38)}
@media (max-width:760px){.cx-sw-note{left:auto;right:20px;bottom:calc(3% + 14px);max-width:45%;text-align:right}}
html:not(.cx) .cx-sw-note{position:relative;left:auto;bottom:auto;max-width:640px;margin:0 auto}
/* la frase al centro del passaggio */
.cx-sw-mid{position:absolute;z-index:2;left:var(--gut,64px);top:50%;transform:translateY(-50%);max-width:min(36vw,520px);margin:0;font-family:'Instrument Serif',serif;font-size:clamp(30px,3.2vw,52px);line-height:1.05;letter-spacing:-.01em}
.cx-sw-mid em{color:rgba(246,245,241,.68)}
@media (max-width:760px){.cx-sw-mid{top:auto;bottom:16%;transform:none;left:20px;right:20px;max-width:none;font-size:clamp(28px,8vw,40px)}}
html:not(.cx) .cx-sw-mid{position:relative;top:auto;left:auto;transform:none;max-width:640px;margin:0 auto 64px}
/* senza animazioni: i due testi uno sotto l'altro */
html:not(.cx) .cx-sw-stage{height:auto;min-height:0;padding:110px var(--gut,24px)}
html:not(.cx) .cx-sw-canvas,html:not(.cx) .cx-sw-mute,html:not(.cx) .cx-sw-bar{display:none}
html:not(.cx) .cx-sw-txt{position:relative;top:auto;left:auto;transform:none;max-width:640px;margin:0 auto 64px}