.case-study-tabs,
.case-study-panel {
	max-width: none !important;
	margin: 0 !important;
	padding: 0;
}

.case-study-panel > * {
	margin-block-start: 0 !important;
}

.case-study-panel:not(.hero__tab-panel--active) {
	display: none;
}

.digital-video {
	position: relative;
	width: 100%;
	aspect-ratio: 1920 / 1080;
	overflow: hidden;
	background: #0a0a0a;
	container-type: inline-size;
}

.digital-video__player {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}

.digital-video__play {
	position: absolute;
	left: 44.375%;
	top: 40.3704%;
	width: 10.8333cqw;
	aspect-ratio: 1;
	padding: 0;
	border: 0;
	background: transparent;
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.66));
	cursor: pointer;
	transition: opacity 160ms ease;
}

.digital-video__play img {
	display: block;
	width: 100%;
	height: 100%;
}

.digital-video.is-playing .digital-video__play {
	opacity: 0;
	pointer-events: none;
}

.digital-video__play:focus-visible {
	outline: 3px solid #d2ff00;
	outline-offset: 6px;
	border-radius: 50%;
}

@media (max-width: 767px) {
	.digital-video__play {
		left: 50%;
		top: 50%;
		width: 72px;
		transform: translate(-50%, -50%);
	}
}

.digital-post3 {
	position: relative;
	width: 100%;
	aspect-ratio: 1920 / 1080;
	overflow: hidden;
	background: #eee var(--digital-post3-bg) center / cover no-repeat;
	container-type: inline-size;
	color: #0a0a0a;
	font-family: "Mulish", sans-serif;
}

.digital-post3__video {
	position: absolute;
	left: 17.5521%;
	top: 13.4259%;
	width: 64.7917%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.digital-post3__copy {
	position: absolute;
	left: 23.2813%;
	top: 83.0556%;
	width: 53.4896%;
	margin: 0;
	font-size: 1.0417cqw;
	font-weight: 400;
	line-height: 1.4;
}

@media (max-width: 767px) {
	.digital-post3 {
		display: flex;
		aspect-ratio: auto;
		flex-direction: column;
		padding: 40px 20px;
	}

	.digital-post3__video,
	.digital-post3__copy {
		position: relative;
		inset: auto;
		width: 100%;
	}

	.digital-post3__copy {
		margin-top: 22px;
		font-size: 16px;
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.digital-video__play {
		transition: none;
	}
}

.digital-recap {
	position: relative;
	width: 100%;
	aspect-ratio: 1920 / 1080;
	overflow: hidden;
	background: #f7f7f7;
	container-type: inline-size;
	color: #0a0a0a;
	font-family: "Mulish", sans-serif;
}

.digital-recap__dot,
.digital-recap__title,
.digital-recap__copy,
.digital-recap__media {
	position: absolute;
}

.digital-recap__social-heading {
	display: contents;
}

.digital-recap__dot {
	width: 2.0833cqw;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #d2ff00;
}

.digital-recap__title,
.digital-recap__copy {
	margin: 0;
}

.digital-recap__title {
	font-size: 1.25cqw;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.digital-recap__copy {
	font-size: 1.0417cqw;
	font-weight: 400;
	line-height: 1.4;
}

.digital-recap__dot--intro {
	left: 9.5833%;
	top: 4.1667%;
}

.digital-recap__title--intro {
	left: 12.8646%;
	top: 3.5185%;
	width: 9.1667%;
}

.digital-recap__copy--intro {
	left: 10.1563%;
	top: 8.4259%;
	width: 49.0104%;
}

.digital-recap__media {
	left: 0;
	top: 14.537%;
	width: 76.7708%;
	height: 85.463%;
	overflow: hidden;
}

.digital-recap__media img {
	position: absolute;
	left: 0;
	top: -0.02%;
	width: 101.92%;
	height: 108.5%;
	max-width: none;
}

.digital-recap__title--social {
	left: 54.3229%;
	top: 76.6667%;
	width: 32.8125%;
	text-align: right;
}

.digital-recap__dot--social {
	left: 88.3854%;
	top: 77.3148%;
}

.digital-recap__copy--social {
	left: 59.5313%;
	top: 81.5741%;
	width: 30.9375%;
	text-align: right;
}

@media (max-width: 767px) {
	.digital-recap {
		display: flex;
		aspect-ratio: auto;
		flex-direction: column;
		padding: 40px 20px;
	}

	.digital-recap__dot,
	.digital-recap__title,
	.digital-recap__copy,
	.digital-recap__media {
		position: relative;
		inset: auto;
	}

	.digital-recap__dot {
		width: 22px;
	}

	.digital-recap__dot--intro {
		position: absolute;
		left: 20px;
		top: 42px;
	}

	.digital-recap__title {
		width: auto;
		font-size: 20px;
	}

	.digital-recap__title--intro {
		padding-left: 34px;
	}

	.digital-recap__copy {
		width: auto;
		font-size: 16px;
		text-align: left;
	}

	.digital-recap__copy--intro {
		margin-top: 20px;
	}

	.digital-recap__media {
		width: calc(100% + 40px);
		height: auto;
		margin: 24px -20px 10px;
		overflow: visible;
	}

	.digital-recap__media img {
		position: relative;
		inset: auto;
		display: block;
		width: 100%;
		height: auto;
	}

	.digital-recap__title--social {
		text-align: right;
	}

	.digital-recap__social-heading {
		display: flex;
		order: 4;
		align-items: center;
		justify-content: flex-end;
		gap: 12px;
		margin-top: 10px;
	}

	.digital-recap__social-heading .digital-recap__title,
	.digital-recap__social-heading .digital-recap__dot {
		position: relative;
		inset: auto;
		margin: 0;
	}

	.digital-recap__copy--social {
		order: 5;
		margin-top: 20px;
		text-align: right;
	}
}

.digital-enamecard {
	position: relative;
	width: 100%;
	aspect-ratio: 1920 / 1080;
	overflow: hidden;
	background:
		linear-gradient(rgba(247, 247, 247, 0.54), rgba(247, 247, 247, 0.54)),
		var(--digital-enamecard-bg) center / cover no-repeat;
	container-type: inline-size;
	color: #0a0a0a;
	font-family: "Mulish", sans-serif;
}

.digital-enamecard__heading {
	display: contents;
}

.digital-enamecard__heading span,
.digital-enamecard__heading h2,
.digital-enamecard__copy,
.digital-enamecard__image {
	position: absolute;
}

.digital-enamecard__heading span {
	left: 8.4896%;
	top: 48.2407%;
	width: 3.125cqw;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #d2ff00;
}

.digital-enamecard__heading h2 {
	left: 12.9167%;
	top: 48.5185%;
	width: 11.9271%;
	margin: 0;
	font-size: 1.25cqw;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.digital-enamecard__copy {
	left: 8.4896%;
	top: 53.7963%;
	width: 22.2396%;
	margin: 0;
	font-size: 1.0417cqw;
	font-weight: 400;
	line-height: 1.4;
}

.digital-enamecard__image {
	left: 41.4583%;
	top: 11.2963%;
	width: 58.5417%;
	height: 77.3148%;
	object-fit: cover;
}

.digital-invitation {
	position: relative;
	width: 100%;
	aspect-ratio: 1920 / 1088;
	overflow: hidden;
	background: #eee var(--digital-invitation-bg) center bottom / 100% 397.8% no-repeat;
	container-type: inline-size;
	color: #0a0a0a;
	font-family: "Mulish", sans-serif;
}

.digital-invitation__heading,
.digital-invitation__email-heading {
	display: contents;
}

.digital-invitation__heading span,
.digital-invitation__heading h2,
.digital-invitation__gif,
.digital-invitation__copy,
.digital-invitation__email-heading h2,
.digital-invitation__email-heading span,
.digital-invitation__email-copy,
.digital-invitation__email-media {
	position: absolute;
}

.digital-invitation h2,
.digital-invitation p {
	margin: 0;
}

.digital-invitation h2 {
	font-size: 1.25cqw;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.digital-invitation p {
	font-size: 1.0417cqw;
	font-weight: 400;
	line-height: 1.4;
}

.digital-invitation__heading span,
.digital-invitation__email-heading span {
	width: 3.125cqw;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #d2ff00;
}

.digital-invitation__gif {
	left: 9.5833%;
	top: 8.0882%;
	width: 22.5521%;
	height: 71.0478%;
	object-fit: cover;
}

.digital-invitation__heading span {
	left: 9.3229%;
	top: 83.0882%;
}

.digital-invitation__heading h2 {
	left: 13.75%;
	top: 83.3639%;
	width: 11.9271%;
}

.digital-invitation__copy {
	left: 9.3229%;
	top: 88.6029%;
	width: 29.8958%;
}

.digital-invitation__email-heading h2 {
	left: 52.9167%;
	top: 14.614%;
	width: 32.8125%;
	text-align: right;
}

.digital-invitation__email-heading span {
	left: 87.3438%;
	top: 14.3382%;
}

.digital-invitation__email-copy {
	left: 61.4583%;
	top: 21.5993%;
	width: 29.0104%;
	text-align: right;
}

.digital-invitation__email-media {
	left: 35.2083%;
	top: 29.5956%;
	width: 64.7917%;
	height: 60.386%;
	overflow: hidden;
}

.digital-invitation__email-media img {
	position: absolute;
	left: -0.02%;
	top: -13.38%;
	width: 106.47%;
	height: 113.38%;
	max-width: none;
}

@media (max-width: 767px) {
	.digital-enamecard,
	.digital-invitation {
		display: flex;
		aspect-ratio: auto;
		flex-direction: column;
		padding: 40px 20px;
		background-position: center;
		background-size: cover;
	}

	.digital-enamecard__heading,
	.digital-invitation__heading,
	.digital-invitation__email-heading {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.digital-enamecard__heading span,
	.digital-enamecard__heading h2,
	.digital-enamecard__copy,
	.digital-enamecard__image,
	.digital-invitation__heading span,
	.digital-invitation__heading h2,
	.digital-invitation__gif,
	.digital-invitation__copy,
	.digital-invitation__email-heading h2,
	.digital-invitation__email-heading span,
	.digital-invitation__email-copy,
	.digital-invitation__email-media {
		position: relative;
		inset: auto;
		width: auto;
		height: auto;
	}

	.digital-enamecard__heading span,
	.digital-invitation__heading span,
	.digital-invitation__email-heading span {
		width: 22px;
	}

	.digital-enamecard h2,
	.digital-invitation h2 {
		font-size: 20px;
	}

	.digital-enamecard__copy,
	.digital-invitation p {
		width: auto;
		margin-top: 20px;
		font-size: 16px;
		text-align: left;
	}

	.digital-enamecard__image {
		width: calc(100% + 40px);
		max-width: none;
		margin: 24px -20px -40px;
	}

	.digital-invitation__heading {
		order: 1;
	}

	.digital-invitation__gif {
		order: 2;
		width: min(72%, 300px);
		margin: 24px auto 0;
	}

	.digital-invitation__copy {
		order: 3;
	}

	.digital-invitation__email-heading {
		order: 4;
		justify-content: flex-end;
		margin-top: 44px;
	}

	.digital-invitation__email-copy {
		order: 5;
		text-align: right;
	}

	.digital-invitation__email-media {
		order: 6;
		width: calc(100% + 40px);
		margin: 24px -20px -20px;
		overflow: visible;
	}

	.digital-invitation__email-media img {
		position: relative;
		inset: auto;
		display: block;
		width: 100%;
		height: auto;
	}
}