.wp-block-wrd-slideshow {
	position: relative;
	--wp-block-wrd-slideshow__fade_size: 0px;
	--wp-block-wrd-slideshow__caption_padding: 1rem;

	margin-bottom: calc(var(--wp-block-wrd-slideshow__fade_size) * -0.5);
}

.wp-block-wrd-slideshow.is-style-fade {
	--wp-block-wrd-slideshow__fade_size: 4rem;
}

@media (width >= 768px) {
	.wp-block-wrd-slideshow {
		--wp-block-wrd-slideshow__caption_padding: 1.5rem;
	}
}

@media (width >= 1024px) {
	.wp-block-wrd-slideshow {
		--wp-block-wrd-slideshow__caption_padding: 3rem;
	}

	.wp-block-wrd-slideshow.is-style-fade {
		--wp-block-wrd-slideshow__fade_size: 5rem;
	}
}

.wp-block-wrd-slideshow::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	height: var(--wp-block-wrd-slideshow__fade_size);
	background: linear-gradient(rgba(255 255 255 / 0), rgba(255 255 255 / 1));
}

.wp-block-wrd-slideshow__controls {
	position: absolute;
	z-index: 30;
	top: var(--wp-block-wrd-slideshow__caption_padding);
	right: var(--container-distance);
	left: var(--container-distance);
}

@media (width >= 1024px) {
	.wp-block-wrd-slideshow__controls {
		top: unset;
		left: unset;
		bottom: calc(
			var(--wp-block-wrd-slideshow__caption_padding) +
				(var(--wp-block-wrd-slideshow__fade_size) / 2)
		);
	}
}

.wp-block-wrd-slideshow__slides {
	position: relative;
	display: flex;
}

.wp-block-wrd-slideshow-item {
	height: calc(100vh - var(--nav__bottom) - 5vh);
}

.wp-block-wrd-slideshow-item__caption {
	padding-bottom: calc(
		var(--wp-block-wrd-slideshow__caption_padding) +
			(var(--wp-block-wrd-slideshow__fade_size) / 2)
	);
	padding-top: calc(var(--wp-block-wrd-slideshow__caption_padding) * 3);

	background: linear-gradient(
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.75) calc(100% - var(--wp-block-wrd-slideshow__fade_size))
	);
}

.wp-block-wrd-slideshow-item__caption .prose > *:not(.wp-block-heading) {
	animation: shift-to-left 1000ms var(--ease-out-circ) backwards,
		cut-to-r 800ms var(--ease-in-out-circ) backwards,
		fade-in 400ms var(--ease-in-out-circ) backwards;
	animation-delay: calc(var(--tw-canon-index) * 200ms);
}
.wp-block-wrd-slideshow-item__caption .prose > .wp-block-heading,
.wp-block-wrd-slideshow-item__caption .wp-block-wrd-slideshow-item__tagline {
	transform-origin: top left;
	animation: wp-block-wrd-slideshow-item__caption__title 800ms
		var(--ease-in-out-circ) 150ms backwards;
}

@keyframes wp-block-wrd-slideshow-item__caption__title {
	from {
		transform: scale(1.5);
	}
}

.wp-block-wrd-slideshow-item.is-style-full-height
	.wp-block-wrd-slideshow-item__caption {
	display: flex;
	align-items: center;
	height: 100%;
	padding-top: calc(var(--wp-block-wrd-slideshow__caption_padding) * 2 + 3rem);
	background: linear-gradient(
		320deg,
		rgba(0, 0, 0, 0) 0%,
		rgb(var(--colourway__fade--dark--rgb) / 0.75)
			calc(100% - var(--wp-block-wrd-slideshow__fade_size))
	);
}

@media (width >= 1024px) {
	.wp-block-wrd-slideshow-item.is-style-full-height
		.wp-block-wrd-slideshow-item__caption {
		padding-top: var(--wp-block-wrd-slideshow__caption_padding);
	}
}

.wp-block-wrd-slideshow-item__tagline > svg {
	height: 20vh;
	width: auto;
	fill: var(--tw-prose-headings, #fff);
}

@media (width >= 768px) {
	.wp-block-wrd-slideshow-item__tagline > svg {
		height: 25vh;
	}
}

@media (width >= 1024px) {
	.wp-block-wrd-slideshow-item__tagline > svg {
		height: 30vh;
	}
}

@media (width >= 1280px) {
	.wp-block-wrd-slideshow-item__tagline > svg {
		height: 33vh;
	}
}