.block--home-slideshow {
	position: relative;
	overflow: hidden;
	background-color: var(--wp--preset--color--oxford-navy);
	z-index: 0;
	height: 780px;
	transition: all 0.4s ease;
}

@media screen and (max-width: 640px) {
	.block--home-slideshow {
		height: 620px;
	}
}

.block--home-slideshow--content {
	position: relative;
	z-index: 1;
	width: 100%;
	/* margin-top: calc(100vh - 250px); */
	height: 100%;
	pointer-events: none;
}

.block--home-slideshow--content > .container {
	height: 100%;
	display: flex;
	align-items: flex-end;
	pointer-events: none;
}

.block--home-slideshow--content--inner::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	float: right;
	width: 300%;
	background-color: var(--wp--preset--color--oxford-navy);
	z-index: -1;
	pointer-events: none;

	/* --mask-size: clamp(80px, 40px + 12.5vw, 900px); */
	--mask-size: auto 101%;
	mask: url("data:image/svg+xml,%3Csvg width='340' height='460' viewBox='0 0 340 460' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M340 460L0 1.15318e-05L340 0V460Z' fill='%23040404'/%3E%3C/svg%3E%0A")
			center / contain no-repeat,
		linear-gradient(#333 0 0);
	-webkit-mask: url("data:image/svg+xml,%3Csvg width='340' height='460' viewBox='0 0 340 460' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M340 460L0 1.15318e-05L340 0V460Z' fill='%23040404'/%3E%3C/svg%3E%0A")
			center / contain no-repeat,
		linear-gradient(#333 0 0);
	mask-composite: exclude;
	-webkit-mask-composite: destination-out;
	mask-size: var(--mask-size);
	-webkit-mask-size: var(--mask-size);
	mask-position: calc(100% + 1.5px) calc(0% - 1.5px);
	-webkit-mask-position: calc(100% + 1.5px) calc(0% - 1.5px);
}

@media screen and (max-width: 640px) {
	.block--home-slideshow--content--inner::after {
		--mask-size: clamp(40px, 20px + 12.5vw, 100px);
	}
}

.block--home-slideshow--content > svg {
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 60%;
	pointer-events: none;
}

.block--home-slideshow--content--inner {
	position: relative;
	max-width: 920px;
	width: 100%;
	/* background-color: var(--wp--preset--color--oxford-navy); */
	color: var(--wp--preset--color--ash-light);
	z-index: 1;
	padding-bottom: 8px;
	padding-top: 80px;
	padding-top: 54px;
	pointer-events: auto;
}

@media screen and (max-width: 640px) {
	.block--home-slideshow--content--inner {
		padding-top: 48px;
		padding-top: 32px;
	}
}

.block--home-slideshow--content--inner .block--home-slideshow--title {
	color: var(--wp--preset--color--ash-light);
	max-width: 640px;
	margin-bottom: 1.5rem;

	max-width: 500px;
}

.block--home-slideshow--content--inner p {
	max-width: 520px;
}

.block--home-slideshow--content--inner .wp-block-buttons {
	margin-top: 48px;
}

.block--home-slideshow--slider {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}

.block--home-slideshow--slider .swiper-slide figure {
	width: 100%;
	height: 100%;
}

.block--home-slideshow--slider .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block--home-slideshow--slider .swiper {
	height: 100%;
}

.block--home-slideshow--title span {
	color: var(--wp--preset--color--electric-blue);
}

.arrow-wrapper {
	position: relative;
	max-width: 700px;
}

@media screen and (max-width: 1024px) {
	.arrow-wrapper {
		position: relative;
		max-width: 600px;
	}
}

@media screen and (max-width: 768px) {
	.arrow-wrapper {
		display: none;
	}
}

.arrow-wrapper button {
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
}

.arrow-wrapper button svg path {
	transition: all 0.75s ease;
}

.arrow-wrapper button:hover svg path {
	stroke: white;
}

.arrow-wrapper button svg {
	pointer-events: none;
}