.chorales-grid{display:flex;flex-direction:row;width:100%;flex:1 1 auto;overflow:hidden}.chorale-cell{flex:1 1 0%;min-width:0;border-left:2px solid #000;border-right:2px solid #000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.chorale-cell .chorale-link{display:block;width:100%;height:100%;position:relative}.chorale-cell .chorale-image{width:100%;height:100%;object-fit:cover;transition:filter 1s ease}.chorale-cell.locked .chorale-image{filter:blur(8px)}.chorale-cell.locked .chorale-link{pointer-events:auto}.chorale-cell.pending-unlock .chorale-image{filter:blur(8px)}.chorale-cell.pending-unlock.unlocked .chorale-image{filter:blur(0)}.chorale-cell.unlocked .chorale-image{filter:blur(0);pointer-events:auto}.cell-lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:inline-block;cursor:pointer}.cell-lock-img{width:180px;height:auto;display:block;transition:opacity 0.3s ease}.cell-lock-overlay .lock-hover{position:absolute;top:0;left:0;opacity:0}.chorale-cell:hover .cell-lock-overlay .lock-hover{opacity:1}.chorale-cell:hover .cell-lock-overlay .lock-default{opacity:0}.cell-lock-name{text-align:center;color:#fff;font-size:16px;font-weight:600;padding-top:15px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}@media (max-width:1024px){.chorales-grid{flex-direction:column;height:100vh}.chorale-cell{flex:1 1 0%;border-left:none;border-right:none;border-top:2px solid #000;border-bottom:2px solid #000}.chorale-cell .chorale-image{width:100%;height:100%;object-fit:cover}}