.sr-video-review {
	background: #f7f5f1;
	border-block: 1px solid rgba(28, 30, 31, 0.1);
	padding: clamp(3.5rem, 7vw, 6.5rem) 0;
}

.sr-video-review__grid {
	display: grid;
	grid-template-columns: minmax(15rem, 0.64fr) minmax(0, 1.7fr);
	align-items: center;
	gap: clamp(2rem, 4.5vw, 4.5rem);
}

.sr-video-review__copy { max-width: 30rem; }

.sr-video-review__copy .srpc-section-heading {
	margin-block: 0.7rem 1.15rem;
}

.sr-video-review__copy > p:not(.srpc-eyebrow) {
	color: #575d58;
	font-size: clamp(1rem, 1.5vw, 1.125rem);
	line-height: 1.65;
	margin: 0;
}

.sr-video-review__link {
	display: inline-flex;
	gap: 0.45rem;
	align-items: center;
	margin-top: 1.45rem;
	color: #1c1e1f;
	font-weight: 700;
	text-underline-offset: 0.24em;
}

.sr-video-review__visual { min-width: 0; }

.sr-video-tablet {
	position: relative;
	width: min(100%, 1536px);
	aspect-ratio: 3 / 2;
	margin-inline: auto;
	overflow: hidden;
	background: #1c1e1f;
}

.sr-video-tablet__stage {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	transform-origin: center;
}

.sr-video-tablet__art,
.sr-video-tablet__art img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.sr-video-tablet__art img { object-fit: cover; }

.sr-video-tablet__player {
	position: absolute;
	left: 21.6146%;
	top: 23.0469%;
	width: 56.5755%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: clamp(3px, 0.5vw, 8px);
	background: #1c1e1f;
	box-shadow: 0 0.35rem 1rem rgba(28, 30, 31, 0.22);
}

.sr-video-tablet__player iframe,
.sr-video-tablet__player button,
.sr-video-tablet__player > button > img {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.sr-video-review__launch {
	position: relative;
	margin: 0;
	padding: 0;
	background: #1c1e1f;
	cursor: pointer;
	overflow: hidden;
}

.sr-video-review__launch > img {
	object-fit: cover;
	transition: transform 240ms ease;
}

.sr-video-review__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(28, 30, 31, 0.03), rgba(28, 30, 31, 0.32));
}

.sr-video-review__play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: clamp(2.8rem, 5vw, 5rem);
	height: clamp(2.8rem, 5vw, 5rem);
	transform: translate(-50%, -50%);
	filter: drop-shadow(0 0.4rem 1rem rgba(0, 0, 0, 0.28));
}

.sr-video-review__play svg {
	display: block;
	width: 100%;
	height: 100%;
}

.sr-video-review__play circle { fill: #f7f5f1; }
.sr-video-review__play path { fill: #a5472d; }

.sr-video-review__duration {
	position: absolute;
	right: 0.55rem;
	bottom: 0.55rem;
	padding: 0.25rem 0.42rem;
	background: rgba(28, 30, 31, 0.88);
	color: #fff;
	font-size: clamp(0.62rem, 1vw, 0.78rem);
	font-weight: 700;
	line-height: 1;
}

.sr-video-review__launch:hover > img { transform: scale(1.018); }

.sr-video-review__launch:focus-visible {
	outline: 3px solid #c7d9e7;
	outline-offset: -5px;
	z-index: 2;
}

@media (max-width: 900px) {
	.sr-video-review {
		padding-block: clamp(2.25rem, 6vw, 3.5rem);
	}

	.sr-video-review__grid {
		grid-template-columns: 1fr;
		gap: 1.8rem;
		width: auto;
		margin-inline: 0;
		padding-inline: clamp(1.25rem, 4vw, 2rem);
	}

	.sr-video-review__copy { max-width: 42rem; }

	.sr-video-tablet__stage {
		transform: scale(1.18);
	}
}

@media (max-width: 700px) {
	.sr-video-review {
		padding-block: 1.75rem;
	}

	.sr-video-review__grid {
		gap: 1.35rem;
		padding-inline: 1rem;
	}

	.sr-video-tablet { aspect-ratio: 2 / 3; }

	.sr-video-tablet__stage {
		transform: scale(1.22);
	}

	.sr-video-tablet__player {
		left: 15.625%;
		top: 37.5651%;
		width: 68.5547%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sr-video-review__launch > img { transition: none; }
}