#slideshow {
	header {
		text-align: center;
		margin-bottom: var(--spacing-large);
	}

	/* First & Last Kickers */
	> h3 {
		display: none;
	}

	@supports (position-anchor: --some-name) {
		> h3 {
			display: contents;

			/* NOTE: Reset heading styling */
			font-family: var(--body-font-family, sans-serif);
			font-style: var(--body-font-style, normal);
			line-height: var(--body-line-height, 1.6);
			letter-spacing: var(--body-letter-spacing, 0);
			color: var(--text-color, #000);

			/* NOTE: Same as kickers in cards */
			text-transform: uppercase;
			font-size: var(--font-size-small);
			font-weight: bold;

			/* Above & Below in Low Res */
			@media (max-width: 767px) {
				> :first-child {
					position: absolute;
					left: anchor(--slideshow-pagination center);
					bottom: anchor(--slideshow-pagination top);
					translate: -50% 0;
				}

				> :last-child {
					position: absolute;
					left: anchor(--slideshow-pagination center);
					top: anchor(--slideshow-pagination bottom);
					translate: -50% 0;
				}
			}

			/* To the sides in high res */
			@media (min-width: 768px) {
				> :first-child {
					position: absolute;
					right: anchor(--slideshow-pagination-first left);
					top: anchor(--slideshow-pagination-first center);
					translate: calc(var(--spacing-medium) * -1) -50%;
				}

				> :last-child {
					position: absolute;
					left: anchor(--slideshow-pagination-last right);
					top: anchor(--slideshow-pagination-last center);
					translate: var(--spacing-medium) -50%;
				}
			}
		}
	}

	/* The slideshow */
	[data-slideshow] {
		/* Low res */
		@media (max-width: 767px) {
			--slideshow-per-page: 1;
		}

		/* Tablet */
		@media (min-width: 768px) {
			--slideshow-per-page: 2;
		}

		/* Laptop */
		@media (min-width: 1080px) {
			&[data-num-cols="3"] {
				--slideshow-per-page: 3;
			}

			&[data-num-cols="4"] {
				--slideshow-per-page: 4;
			}

			&[data-num-cols="5"] {
				--slideshow-per-page: 5;
			}
		}

		/* For positioning */
		.flickity-page-dots {
			anchor-name: --slideshow-pagination;

			> :first-child {
				anchor-name: --slideshow-pagination-first;
			}

			> :last-child {
				anchor-name: --slideshow-pagination-last;
			}
		}
	}

	/* Each slide */
	article {
		> p {
			margin: 0;
			text-transform: uppercase;
			font-size: var(--font-size-small);
			font-weight: bold;
		}
	}
}