@layer addon {

    .templateCollection.collectionPerson {
        @media (max-width: 56em) {
            .splide__list {
                .splide__slide {
                    padding-bottom: var(--padding);
                }
            }
            .splide__arrows, .splide__pagination {
                display: none;
            }
        }
        @media (--max-fablet) {
            .splide__list {
                .splide__slide {
                    padding-bottom: var(--padding);
                }
            }
            .splide__arrows, .splide__pagination {
                display: none;
            }
        }
        .splide__track {
            gap: 0;
        }
        &.single {
            .inner {
                @media (min-width: 56em) {
                    grid-column: span 12;
                }
                @media (--min-fablet) {
                    grid-column: span 12;
                }
                .intro {
                    text-align: center;
                }
            }
            .grid {
                .item {
                    @media (min-width: 56em) {
                        grid-column: 3 / span 8;
                    }
                    @media (--min-fablet) {
                        grid-column: 3 / span 8;
                    }
                }
            }
        }
    }
}