.meet-the-doctor {
	background: var(--color-porcelain);
	overflow: hidden;
}

.meet-the-doctor__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
}

.meet-the-doctor__intro {
	width: 100%;
}

.meet-the-doctor__intro .section-text {
	max-width: 36rem;
}

.meet-the-doctor__row {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	width: 100%;
}

.meet-the-doctor__copy {
	width: 100%;
	text-align: center;
}

.meet-the-doctor__photo {
	position: relative;
	width: min(14rem, 100%);
	max-width: 100%;
	padding-top: 0.75rem;
	box-sizing: border-box;
}

.meet-the-doctor__frame {
	display: grid;
	width: 100%;
	aspect-ratio: 266.07 / 280.04;
	padding: 0.5rem;
	background: var(--color-white);
	box-shadow: 0 0.7rem 1.8rem rgba(0, 0, 0, 0.14);
}

.meet-the-doctor__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.meet-the-doctor__tape {
	position: absolute;
	z-index: 2;
	width: 7.75rem;
	height: auto;
	pointer-events: none;
}

.meet-the-doctor__photo--tape-1 .meet-the-doctor__frame {
	transform: rotate(-2.6deg);
}

.meet-the-doctor__photo--tape-1 .meet-the-doctor__tape {
	top: 1.25rem;
	left: -2.4rem;
	transform: rotate(-220deg);
}

.meet-the-doctor__photo--tape-2 .meet-the-doctor__frame {
	transform: rotate(2.6deg);
}

.meet-the-doctor__photo--tape-2 .meet-the-doctor__tape {
	top: 1rem;
	right: -2.5rem;
	left: auto;
	transform: rotate(38deg) scaleX(-1);
}

.meet-the-doctor__photo--tape-3 .meet-the-doctor__frame {
	transform: rotate(-1.8deg);
}

.meet-the-doctor__photo--tape-3 .meet-the-doctor__tape {
	top: -0.65rem;
    left: 6.15rem;
	transform: rotate(-8deg) scaleX(-1);
}

.meet-the-doctor__photo--tape-4 .meet-the-doctor__frame {
	transform: rotate(1.8deg);
}

.meet-the-doctor__photo--tape-4 .meet-the-doctor__tape {
	top: 0.05rem;
	right: 1.15rem;
	left: auto;
	transform: rotate(12deg);
}

.meet-the-doctor__viewport {
	width: calc(100% + (2 * var(--section-padding-x)));
	margin-inline: calc(var(--section-padding-x) * -1);
	overflow: hidden;
}

.meet-the-doctor__track {
	display: flex;
	align-items: stretch;
	gap: 0.75rem;
	width: max-content;
}

.meet-the-doctor__viewport[data-meet-doctor-carousel-auto] .meet-the-doctor__track {
	animation: meet-the-doctor-scroll 40s linear infinite;
}

.meet-the-doctor__viewport.is-paused .meet-the-doctor__track {
	animation-play-state: paused;
}

.meet-the-doctor__slide {
	margin: 0;
	flex: 0 0 auto;
	width: calc((100vw - 0.75rem) / 1.4);
}

.meet-the-doctor__slide-image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 1.15rem;
}

.meet-the-doctor__footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	width: 100%;
}

.meet-the-doctor__footer-text {
	max-width: 36rem;
	text-align: center;
}

.meet-the-doctor__actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	width: 100%;
}

.meet-the-doctor .mbm-button.meet-the-doctor__button {
	width: fit-content;
	max-width: 100%;
}

@keyframes meet-the-doctor-scroll {
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.meet-the-doctor__viewport[data-meet-doctor-carousel-auto] .meet-the-doctor__track {
		animation: none;
	}
}

@media (min-width: 768px) {
	.meet-the-doctor__inner {
		gap: 2.5rem;
	}

	.meet-the-doctor__photo {
		width: min(16.5rem, 100%);
	}

	.meet-the-doctor__track {
		gap: 1rem;
	}

	.meet-the-doctor__slide {
		width: calc((100vw - 2rem) / 3);
	}

	.meet-the-doctor__actions {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media (min-width: 992px) {
	.meet-the-doctor__intro,
	.meet-the-doctor__block,
	.meet-the-doctor__footer {
		max-width: 52rem;
	}

	.meet-the-doctor__inner {
		gap: 3rem;
	}

	.meet-the-doctor__row {
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 3rem;
	}

	.meet-the-doctor__row--image-right {
		flex-direction: row-reverse;
	}

	.meet-the-doctor__photo {
		width: min(20.5rem, 36%);
		flex: 0 1 36%;
		max-width: 36%;
	}

	.meet-the-doctor__tape {
		width: 9rem;
	}

	.meet-the-doctor__copy {
		flex: 1 1 0;
		min-width: 0;
		text-align: left;
		max-width: 480px;
	}

	.meet-the-doctor__track {
		gap: 1rem;
	}

	.meet-the-doctor__slide {
		width: calc((100vw - 3rem) / 5);
	}

	.meet-the-doctor__slide-image {
		border-radius: 1.35rem;
	}

	.meet-the-doctor__viewport[data-meet-doctor-carousel-auto] .meet-the-doctor__track {
		animation-duration: 50s;
	}

	.meet-the-doctor__footer {
		gap: 2rem;
	}
}