.galleria{margin-block:3.5rem 4.5rem}
.galleria__testa{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 2rem;margin-bottom:1.25rem}
.galleria__conta{margin:0;font-size:.8125rem;color:var(--wp--preset--color--muto)}

/* Righe giustificate: ogni foto cresce in proporzione alla sua larghezza/altezza (--r),
   cosi' tutte le foto di una riga hanno la stessa altezza e la riga riempie lo spazio. */
.galleria__righe{display:flex;flex-wrap:wrap;gap:12px;--h:250px}
.galleria__righe::after{content:"";flex-grow:999999}
.galleria__voce{flex:var(--r) 1 calc(var(--r) * var(--h));aspect-ratio:var(--r);min-width:0;padding:0;border:0;margin:0;
  background:var(--wp--preset--color--pietra-scura);cursor:zoom-in;overflow:hidden;position:relative;touch-action:manipulation}
.galleria__voce img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.3,1)}
.galleria__voce:hover img,.galleria__voce:focus-visible img{transform:scale(1.035)}
.galleria__voce:focus-visible{outline:2px solid var(--wp--preset--color--verde);outline-offset:3px}
.galleria__voce--prima{flex:1 1 100%;aspect-ratio:auto;height:min(68vh,640px)}

.visore{position:fixed;inset:0;z-index:1000;background:rgba(10,15,11,.97);display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem)}
.visore[hidden]{display:none}
.visore__corpo{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:.875rem}
.visore__corpo img{max-width:100%;max-height:calc(100vh - 8rem);object-fit:contain;display:block}
.visore__conta{font-size:.8125rem;letter-spacing:.14em;color:rgba(247,246,241,.6);font-variant-numeric:tabular-nums}
.visore button{border:0;background:none;color:#F7F6F1;cursor:pointer;display:grid;place-items:center;touch-action:manipulation}
.visore__chiudi{position:absolute;top:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem);width:48px;height:48px}
.visore__nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(247,246,241,.08)}
.visore__nav:hover{background:rgba(247,246,241,.18)}
.visore__nav--prec{left:clamp(.5rem,2vw,1.5rem)}
.visore__nav--succ{right:clamp(.5rem,2vw,1.5rem)}
.visore button:focus-visible{outline:2px solid var(--wp--preset--color--ottone-chiaro);outline-offset:2px}

@media (max-width:900px){.galleria__righe{--h:180px;gap:10px}.galleria__voce--prima{height:min(56vh,460px)}}
@media (max-width:560px){.galleria__righe{--h:130px;gap:8px}.galleria__voce--prima{height:auto;aspect-ratio:4/3}.visore__nav{width:48px;height:48px}}
@media (prefers-reduced-motion:reduce){.galleria__voce img{transition:none}.galleria__voce:hover img{transform:none}}