.event-gallery {
    padding: 2rem 0;
    background: #20252e;
}

.event-gallery__carousel {
    width: 100%;
}

.event-gallery__photo {
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #141820;
    cursor: zoom-in;
}

.event-gallery__photo img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    transition: filter .2s ease;
}

.event-gallery__photo:hover img {
    filter: brightness(1.12);
}

.event-gallery__photo:focus-visible {
    outline: 3px solid white;
    outline-offset: -3px;
}

.event-gallery .swiper-nav .swiper-button-prev,
.event-gallery .swiper-nav .swiper-button-next {
    width: 2.75rem;
    height: 2.75rem;
    margin-top: -1.375rem;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    background: rgba(20, 24, 32, .8);
    color: white;
    opacity: 1;
    --swiper-navigation-size: 1rem;
}

.event-gallery .swiper-button-prev:focus-visible,
.event-gallery .swiper-button-next:focus-visible {
    outline: 2px solid white;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .event-gallery__photo img {
        transition: none;
    }
}