/* Galleria: le fotografie scorrono in orizzontale mentre si scorre la pagina */
.cx-gl{position:relative;background:#050507;color:#f6f5f1}
.cx-gl-stage{position:relative;height:100vh;height:100lvh;min-height:560px;overflow:hidden;display:flex;align-items:center}
.cx-gl-track{display:flex;align-items:center;gap:6vw;padding:0 12vw 0 var(--gut,64px);will-change:transform}
.cx-gl-intro{flex:none;width:min(34vw,520px)}
.cx-gl-k{margin:0 0 16px;font-size:11px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:rgba(246,245,241,.6)}
.cx-gl-intro h2{margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(48px,6vw,100px);line-height:.92;letter-spacing:-.02em}
.cx-gl-intro h2 em{color:rgba(246,245,241,.62)}
.cx-gl-item{flex:none;margin:0;height:min(70vh,760px);width:calc(min(70vh,760px) * var(--ar));display:flex;flex-direction:column;gap:14px}
.cx-gl-frame{position:relative;flex:1;overflow:hidden;background:#0c0c0e}
.cx-gl-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) 50%;max-width:none;transform:scale(1.14)}
.cx-gl-item figcaption{font-size:11px;letter-spacing:.24em;color:rgba(246,245,241,.45)}
.cx-gl-item figcaption span{color:#f6f5f1}
.cx-gl-bar{position:absolute;left:50%;bottom:22px;width:220px;margin-left:-110px;height:2px;background:rgba(246,245,241,.12)}
.cx-gl-bar i{position:absolute;inset:0;background:#f6f5f1;transform-origin:0 50%;transform:scaleX(0)}
@media (max-width:760px){
  .cx-gl-track{gap:8vw;padding:0 10vw 0 20px}
  .cx-gl-intro{width:78vw}
  .cx-gl-item{height:auto;width:84vw}
  .cx-gl-frame{flex:none;height:58vh;height:58svh}
}
/* senza animazioni: le foto una sotto l'altra */
html:not(.cx) .cx-gl-stage{height:auto;min-height:0;display:block;padding:110px 0}
html:not(.cx) .cx-gl-track{flex-direction:column;align-items:stretch;padding:0 var(--gut,24px);gap:56px}
html:not(.cx) .cx-gl-intro,html:not(.cx) .cx-gl-item{width:auto;max-width:1100px;height:auto;margin:0 auto}
html:not(.cx) .cx-gl-frame{aspect-ratio:var(--ar);flex:none}
html:not(.cx) .cx-gl-frame img{transform:none}
html:not(.cx) .cx-gl-bar{display:none}