/* Fotostrook onder de homepage-agenda, uitsluitend op desktop. */
.home-agenda-column { min-width: 0; display: flex; flex-direction: column; gap: var(--component-gap); }
.home-gallery-slider { display: none; }
.home-gallery-slider[hidden], .home-gallery-photo[hidden] { display: none; }
@media (min-width: 1025px) {
    #agenda.home-with-gallery { position: relative; isolation: isolate; overflow: clip; }
    .home-with-gallery .home-agenda-layout { position: relative; }
    .home-with-gallery .home-agenda-column > .agenda-grid { position: relative; z-index: 1; }
    .home-with-gallery .home-agenda-layout > .news-item { position: relative; z-index: 2; }
    .home-gallery-slider {
        display: block;
        position: relative;
        min-width: 0;
        height: clamp(340px, 58vh, 620px);
        z-index: 0;
    }
    .home-gallery-stage {
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(-1 * var(--gallery-offset, 10vw));
        width: var(--gallery-screen, 100vw);
        overflow: hidden;
        touch-action: pan-y;
        cursor: grab;
        background: var(--nightblue);
        user-select: none;
        -webkit-user-select: none;
        outline-offset: -5px;
    }
    .home-gallery-stage.is-dragging { cursor: grabbing; }
    .home-gallery-stage.is-changing { cursor: grab; }
    .home-gallery-stage::before,
    .home-gallery-stage::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 1;
    }
    .home-gallery-stage::before {
        background: radial-gradient(ellipse at 22% 50%, rgba(156, 173, 220, .12), rgba(57, 80, 142, .08) 38%, transparent 68%);
    }
    .home-gallery-stage::after {
        background: linear-gradient(90deg, var(--nightblue), transparent 10%, transparent 88%, var(--nightblue)), linear-gradient(180deg, var(--nightblue), transparent 16%, transparent 82%, var(--nightblue));
    }
    .home-gallery-track { position: absolute; inset: 0; }
    .home-gallery-photo {
        position: absolute;
        top: 50%;
        left: 0;
        margin: 0;
        width: var(--gallery-card-width, 330px);
        height: var(--gallery-card-height, 240px);
        overflow: visible;
        border-radius: 0;
        border: 0;
        padding: 0;
        background: transparent;
        box-shadow: none;
        transform-origin: center;
        will-change: transform, opacity;
        pointer-events: none;
    }
    .home-gallery-photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        border: 0;
        border-radius: 0;
        pointer-events: none;
        -webkit-user-drag: none;
    }

}
@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    .home-gallery-photo { will-change: auto; }
}