.imagebox-1-across-fullwidth {
	margin-bottom: 36px;
	padding-bottom: 11px;
	border-bottom: 1px solid var(--gray-dark);
}

.imagebox-1-across-fullwidth .img-cont:after {
	display: none;
}

.imagebox-1-across-fullwidth:before {
	content: '';
	position: static;
	display: block;
	width: 100%;
	aspect-ratio: 300/29;
	background-image: url(/includes/public/assets/shared/cityscape-sm.svg);
	background-size: 100%;
	margin-bottom: 6px;
}

.imagebox-1-across-fullwidth .slide .content-section {
	--color: black;
	--inset: 9px;
	background-color: rgba(255, 255, 255, .85);
	box-shadow: var(--shadow-xl);
	left: 50%;
	bottom: unset;
	top: 64px;
	transform: translateX(-50%);
	width: calc(100% - 40px);
	max-width: 699px;
	padding: 31px 35px 25px;
	margin: 0;
	overflow: hidden;
}

.imagebox-1-across-fullwidth .slide .content-section :is(.slide-title, .slide-subtitle, p) {
	color: var(--gray-dark)
}

.imagebox-1-across-fullwidth .slide .slide-title {
	text-transform: uppercase;
	font-family: var(--font-display-2);
	font-weight: var(--font-weight-normal);
	line-height: 1.2;
	font-size: 24px;
	margin-bottom: 10px;
}

.imagebox-1-across-fullwidth .slide .slide-subtitle {
	font-family: var(--font-body);
	font-style: italic;
	font-size: 22px;
	line-height: 1.2;
	font-weight: var(--font-weight-normal);
	margin-bottom: 3px;
}

.imagebox-1-across-fullwidth .slide .content-section p {
	font-size: 15px;
	font-family: var(--font-display-3);
	line-height: calc(4/3);
	margin-bottom: 0;
}

.imagebox-1-across-fullwidth .slide .content-section .read-more {
	margin-top: 10px;
}

.imagebox-1-across-fullwidth .slide .shared-play-button {
	top: unset;
	bottom: 20px;
}

@media (hover: hover) {
	.imagebox-1-across-fullwidth .slide.overlap-image .slide-title a:hover {
		color: inherit;
		text-decoration: none;
	}
}

@media (min-width: 40em) {
	.imagebox-1-across-fullwidth .slide .content-section {
		top: min(calc(20px + 44 * (100vw - 640px) / 386), 64px);
	}
	
	.imagebox-1-across-fullwidth:before {
		aspect-ratio: 300/23;
		background-image: url(/includes/public/assets/shared/cityscape.svg);
		margin-bottom: 8px;
	}
}

@media (min-width: 64em) {
	.imagebox-1-across-fullwidth {
		padding-bottom: 20px;
		margin-bottom: 125px;
	}

	.imagebox-1-across-fullwidth .slide .content-section {
		--inset-top: 13px;
		--inset-right: 18px;
		--inset-left: 0;
		--inset-bottom: 16px;
		margin: 0;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		padding: 52px 80px 50px min(calc(80px + 60 * (100vw - 1024px) / 416), 140px);
		box-shadow: var(--shadow-lg);
	}

	.imagebox-1-across-fullwidth .slide .slide-title {
		font-size: 36px;
	}
	
	.imagebox-1-across-fullwidth .slide .slide-subtitle {
		font-size: 36px;
		margin-bottom: 4px;
	}
	
	.imagebox-1-across-fullwidth .slide .content-section p {
		font-size: 18px;
		line-height: calc(26/18);
	}

	.imagebox-1-across-fullwidth .slide .content-section .read-more {
		margin-top: 25px;
	}

	.imagebox-1-across-fullwidth .slide .content-section:after {
		border-left: none;
	}

	.imagebox-1-across-fullwidth .slide .shared-play-button {
		bottom: unset;
		left: unset;
		transform: unset;
		right: 20px;
		top: 20px;
	}
}