.section.intersected .c-image.loaded+.mosaic-video-icon{animation-play-state:running}.mosaic{--mosaic-columns:2;--mosaic-rows:max(14rem, 12vw);grid-gap:.75em;grid-auto-rows:25vw;grid-auto-flow:dense;grid-template-columns:repeat(var(--mosaic-columns),1fr);grid-auto-rows:var(--mosaic-rows);align-self:center;width:100%;display:grid;position:relative}.mosaic .mosaic-button{grid-column:1/-1;height:auto;margin:auto}.mosaic .mosaic-enter-active,.mosaic .mosaic-leave-active,.mosaic .mosaic-move{transition:all var(--transition)}.mosaic .mosaic-enter-from{opacity:0;transform:translateY(20em)}.mosaic .mosaic-leave-to{opacity:0;transform:scale(0)}.mosaic .mosaic-leave-active{position:absolute}.mosaic.zoom .mosaic-item{cursor:zoom-in!important}.mosaic-offset-1{grid-column:1/1}.mosaic-offset-2{grid-column:3/3}.mosaic.square{grid-auto-rows:1fr}.mosaic.square .mosaic-item{aspect-ratio:1}.mosaic-lightbox{pointer-events:none;z-index:100;opacity:0;transition:opacity var(--transition);background:#000;position:fixed;inset:0}.mosaic .mosaic-item{-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-md);width:100%;height:auto;position:relative;overflow:hidden}.mosaic .mosaic-item .mosaic-video-icon{color:#fff;pointer-events:none;z-index:10;margin:auto;font-size:3rem;animation-play-state:paused;position:absolute;inset:0}.mosaic .mosaic-item:focus,.mosaic .mosaic-item:hover{z-index:110}.mosaic .mosaic-item:focus .mosaic-video-icon,.mosaic .mosaic-item:hover .mosaic-video-icon{color:var(--primary);transform:scale(1.1)}.mosaic .mosaic-item.landscape,.mosaic .mosaic-item.square{grid-area:span 2/span 1}.mosaic .mosaic-item.portrait{grid-area:span 3/span 1}.mosaic .mosaic-item.has-caption{cursor:pointer}.mosaic .mosaic-item .item-image{-o-object-fit:cover;object-fit:cover;border-radius:inherit;width:100%;max-width:100%;height:100%;transition:var(--transition);overflow:hidden}.mosaic .mosaic-item .item-image:focus,.mosaic .mosaic-item .item-image:hover{transform:scale(1.2)}.mosaic .mosaic-item .item-overlay{opacity:0;transition:opacity var(--transition);border-radius:var(--border-radius-md);color:#fff;background:#000c;align-items:flex-end;padding:1rem;display:flex;position:absolute;inset:0}.mosaic .mosaic-item .item-overlay-caption{height:fit-content;transition:transform var(--transition);font-size:1rem;transform:translateY(3rem)}.mosaic .mosaic-item .item-overlay:focus,.mosaic .mosaic-item .item-overlay:hover{opacity:1}.mosaic .mosaic-item .item-overlay:focus .item-overlay-caption,.mosaic .mosaic-item .item-overlay:hover .item-overlay-caption{transform:none}