.custom-image-box {
	position: relative;
	z-index: 4;
	padding: 94px var(--space-6) 74px;
	margin-bottom: 54px;
	text-align: center;
	color: var(--white);
	overflow: hidden;

	.content {
		max-width: var(--width-base);
		margin: 0 auto;
	}

	.title,
	.desc {
		margin-bottom: 14px;
		color: inherit;
	}

	.title-sans,
	.title-script {
		display: block;
	}

	.title-sans {
		margin-bottom: 10px;
		font-family: var(--font-body);
		font-weight: var(--font-weight-bold);
		font-size: var(--text-lg);
		line-height: 1;
		letter-spacing: 0.045em;
		text-transform: uppercase;
	}

	.title-script {
		font-family: var(--font-script);
		font-weight: var(--font-weight-bold);
		font-size: 4.875rem;
		line-height: 0.6;
		letter-spacing: 0.01em;
	}

	.desc {
		max-width: 700px;
		margin: 0 auto;
		font-family: var(--font-body);
		font-weight: var(--font-weight-normal);
		font-size: var(--text-lg);
		line-height: calc(7/6);
		color: inherit;
	}

	.link-row {
		display: flex;
		justify-content: center;
	}

	.background {
		position: absolute;
		inset: 0;
		z-index: -1;
		background: var(--background-image) no-repeat center center / cover;

		&::before,
		&::after {
			position: absolute;
			display: block;
			content: '';
		}

		&::before {
			inset: 0;
			z-index: 2;
			background: rgba(16, 43, 78, 0.85);
			backdrop-filter: blur(0.5px);
		}

		&::after {
			inset: 0 0 -5px;
			z-index: 3;
			background: url('../svg/ornate-patterned-edge-cream-top.svg') repeat-x center top / auto var(--space-6);
			border-bottom: 10px dotted var(--off-white);
		}
	}

	.slide-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	@media (min-width: 64em) {
		padding: 190px var(--space-6) 170px;
		margin-bottom: 130px;

		.title {
			margin-bottom: var(--space-3);
		}

		.title-sans {
			margin-bottom: var(--space-6);
			font-size: 1.75rem;
		}

		.title-script {
			font-size: 12.5rem;
		}

		.desc {
			margin-bottom: var(--space-6);
			font-size: var(--text-xl);
			line-height: 1.45;
		}

		.slide-img {
			position: absolute;
			inset: 50% 0 auto;
			translate: 0 -50%;
			height: 100vh;
		}
	}
}