.about-clinic-page {
	box-sizing: border-box;
	width: 100%;
	max-width: min(100%, var(--layout-container-min));
	min-width: 0;
	margin-left: auto;
	margin-right: auto;
}

.about-clinic-page.flex.--col {
	gap: var(--layout-gap-section);
}

.about-clinic-page .about-clinic-page__values,
.about-clinic-page .about-clinic-page__stats,
.about-clinic-page .about-clinic-page__history,
.about-clinic-page .doctors-carousel,
.about-clinic-page .licenses-block,
.about-clinic-page .gallery,
.about-clinic-page .contacts-promo,
.about-clinic-page .about-clinic-page__map {
	width: 100%;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__hero {
	--about-clinic-hero-width: min(var(--layout-container-max), calc(100vw - (2 * var(--layout-page-gutter))));
	position: relative;
	box-sizing: border-box;
	width: var(--about-clinic-hero-width);
	max-width: var(--about-clinic-hero-width);
	min-width: 0;
	margin-left: calc(50% - var(--about-clinic-hero-width) / 2);
	overflow: hidden;
	border-radius: var(--layout-radius-xl);
	background-color: var(--color-blue-blue-800);
}

.about-clinic-page .about-clinic-page__hero-bg {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.about-clinic-page .about-clinic-page__hero-bg-pattern {
	position: absolute;
	top: 100%;
	left: 0;
	width: 195.135625rem;
	height: 48.38525rem;
	transform: translate(-35%, -50%) rotate(-9.27deg) skewX(9.9deg);
	color: var(--color-blue-blue-800);
}

.about-clinic-page .about-clinic-page__hero-bg-pattern svg {
	display: block;
	width: 100%;
	height: 100%;
}

.about-clinic-page .about-clinic-page__hero-container {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	padding: 1rem 0.75rem 0.75rem;
}

.about-clinic-page .about-clinic-page__hero-layout {
	align-items: stretch;
	gap: 1.5rem;
	width: 100%;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__hero-copy {
	gap: 1.5rem;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__hero-crumbs,
.about-clinic-page .about-clinic-page__hero-title-wrap,
.about-clinic-page .about-clinic-page__hero-intro {
	min-width: 0;
	max-width: 100%;
}

.about-clinic-page .about-clinic-page__hero-crumbs .breadcrumbs .breadcrumbs__link {
	color: var(--color-blue-blue-500);
}

.about-clinic-page .about-clinic-page__hero-crumbs .breadcrumbs .breadcrumbs__current {
	color: var(--color-base-white);
}

.about-clinic-page .about-clinic-page__hero-crumbs .breadcrumbs .breadcrumbs__sep::before {
	background-color: var(--color-blue-blue-500);
}

.about-clinic-page .about-clinic-page__hero-title-wrap {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.about-clinic-page .about-clinic-page__hero-title {
	position: relative;
	z-index: 1;
	margin: 0;
	color: var(--color-base-white);
	text-transform: uppercase;
}

.about-clinic-page .about-clinic-page__hero-intro {
	margin: 0;
	color: var(--color-base-white);
}

.about-clinic-page .about-clinic-page__hero-cta--desk {
	display: none;
	align-self: flex-start;
}

.about-clinic-page .about-clinic-page__hero-cta--mob {
	display: inline-flex;
	width: 100%;
}

.about-clinic-page .about-clinic-page__hero-collage {
	min-width: 0;
}

.about-clinic-page .about-clinic-page__hero-collage-slot {
	width: 100%;
	min-width: 0;
}

@media screen and (max-width: 1023px) {
	.about-clinic-page .about-clinic-page__hero-collage {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
	}
}

.about-clinic-page .about-clinic-page__hero-collage-desk {
	display: none;
}

.about-clinic-page .about-clinic-page__hero-collage-mob {
	gap: 0.5rem;
	padding: 0.5rem;
	border-radius: var(--layout-radius-l);
	background-color: var(--color-base-white);
}

.about-clinic-page .about-clinic-page__hero-collage-mob-row {
	gap: 0.5rem;
	width: 100%;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__hero-collage-mob-item {
	flex: 1;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__hero-collage-mob-thumb {
	border-radius: var(--layout-radius-m);
	overflow: hidden;
}

.about-clinic-page .about-clinic-page__hero-collage-mob-main {
	position: relative;
	width: 100%;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__hero-collage-mob-main-slot {
	width: 100%;
}

.about-clinic-page .about-clinic-page__hero-collage-mob-main-thumb {
	height: 15.75rem;
	padding-bottom: 0;
	border-radius: var(--layout-radius-m);
	overflow: hidden;
}

.about-clinic-page .about-clinic-page__hero-collage-mob-main-thumb img {
	object-position: center;
}

.about-clinic-page .about-clinic-page__hero-video-card--mob {
	left: 0.5rem;
	right: 0.5rem;
	bottom: auto;
	top: 10rem;
	flex-wrap: nowrap;
	align-items: center;
	box-sizing: border-box;
	width: calc(100% - 1rem);
	max-width: none;
}

.about-clinic-page .about-clinic-page__hero-video-card--mob .about-clinic-page__hero-video-thumb-wrap {
	flex-shrink: 0;
	width: 5.25rem;
}

.about-clinic-page .about-clinic-page__hero-video-card--mob .about-clinic-page__hero-video-thumb-slot {
	border-radius: var(--layout-radius-l) 0 0 var(--layout-radius-l);
}

.about-clinic-page .about-clinic-page__hero-video-card--mob .about-clinic-page__hero-video-title {
	font-size: 0.875rem;
}

.about-clinic-page .about-clinic-page__hero-video-card--mob .about-clinic-page__hero-video-copy {
	flex: 1;
	min-width: 0;
	max-width: none;
}

.about-clinic-page .about-clinic-page__hero-collage-side {
	gap: 0.75rem;
	flex: 0 0 15.625rem;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__hero-collage-item {
	flex: 1;
	min-width: 0;
	min-height: 0;
}

.about-clinic-page .about-clinic-page__hero-collage-thumb,
.about-clinic-page .about-clinic-page__hero-collage-main-thumb {
	border-radius: var(--layout-radius-l);
	overflow: hidden;
}

.about-clinic-page .about-clinic-page__hero-collage-desk {
	gap: 0.75rem;
	align-items: stretch;
	width: auto;
	height: 25.125rem;
	min-height: 0;
	padding: 0.75rem;
	border-radius: var(--layout-radius-xxl);
	background-color: var(--color-base-white);
}

.about-clinic-page .about-clinic-page__hero-collage-main {
	position: relative;
	flex: 0 0 29.9375rem;
	width: 29.9375rem;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	border-radius: var(--layout-radius-l);
}

.about-clinic-page .about-clinic-page__hero-collage-main-slot {
	width: 100%;
	height: 100%;
}

.about-clinic-page .about-clinic-page__hero-collage-main-thumb {
	width: 100%;
	height: 100%;
	padding-bottom: 0;
}

.about-clinic-page .about-clinic-page__hero-collage-main-thumb img {
	object-position: center;
}

.about-clinic-page .about-clinic-page__hero-video-card {
	position: absolute;
	left: 0.75rem;
	bottom: 0.75rem;
	z-index: 2;
	gap: 1rem;
	flex-wrap: nowrap;
	max-width: calc(100% - 1.5rem);
	padding: 0 1rem 0 0;
	border: none;
	border-radius: var(--layout-radius-m);
	background-color: var(--color-base-white);
	text-align: left;
	cursor: pointer;
	transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.about-clinic-page .about-clinic-page__hero-video-card:hover {
	transform: translateY(-0.125rem);
}

.about-clinic-page .about-clinic-page__hero-video-card:focus-visible {
	outline: 0.125rem solid var(--color-blue-blue-800);
	outline-offset: 0.125rem;
}

.about-clinic-page .about-clinic-page__hero-video-thumb-wrap {
	position: relative;
	flex-shrink: 0;
	width: 6.5rem;
}

.about-clinic-page .about-clinic-page__hero-video-thumb-slot {
	display: block;
	overflow: hidden;
	border: 0.125rem solid var(--color-base-white);
	border-radius: var(--layout-radius-m) 0 0 var(--layout-radius-m);
}

.about-clinic-page .about-clinic-page__hero-video-play {
	position: absolute;
	top: 0.375rem;
	left: 0.375rem;
	display: block;
	width: 2rem;
	height: 2rem;
}

.about-clinic-page .about-clinic-page__hero-video-play svg {
	display: block;
	width: 100%;
	height: 100%;
}

.about-clinic-page .about-clinic-page__hero-video-copy {
	gap: 0.75rem;
	flex: 1;
	min-width: 0;
	max-width: 10.625rem;
}

.about-clinic-page .about-clinic-page__hero-video-title {
	color: var(--color-gray-gray-900);
}

.about-clinic-page .about-clinic-page__hero-video-duration {
	gap: 0.25rem;
}

.about-clinic-page .about-clinic-page__hero-video-duration-icon {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	color: var(--color-blue-blue-800);
}

.about-clinic-page .about-clinic-page__hero-video-duration-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.about-clinic-page .about-clinic-page__hero-video-duration-label {
	color: var(--color-blue-blue-800);
}

.about-clinic-page .about-clinic-page__values {
	gap: 1.5rem;
}

.about-clinic-page .about-clinic-page__values-head {
	gap: 1.5rem;
	align-items: center;
	text-align: center;
}

.about-clinic-page .about-clinic-page__values-title-wrap,
.about-clinic-page .about-clinic-page__stats-title-wrap {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.about-clinic-page .about-clinic-page__values-title {
	margin: 0;
	color: var(--color-blue-blue-800);
	text-transform: uppercase;
}

.about-clinic-page .about-clinic-page__values-title,
.about-clinic-page .about-clinic-page__stats-title {
	position: relative;
	z-index: 1;
}

.about-clinic-page .about-clinic-page__values-title-line {
	display: block;
}

.about-clinic-page .about-clinic-page__values-lead {
	max-width: 58.75rem;
	margin: 0;
	color: var(--color-gray-gray-600);
}

.about-clinic-page .about-clinic-page__values-grid {
	gap: 1.25rem;
	width: 100%;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__value-card {
	flex: 1 1 100%;
	gap: 1.5rem;
	min-width: 0;
	padding: 1.5rem;
	border-radius: var(--layout-radius-xxl);
	background-color: var(--color-blue-blue-150);
}

.about-clinic-page .about-clinic-page__value-head {
	gap: 1.5rem;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__value-icon {
	display: block;
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
}

.about-clinic-page .about-clinic-page__value-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.about-clinic-page .about-clinic-page__value-title {
	margin: 0;
	color: var(--color-blue-blue-800);
	text-transform: uppercase;
}

.about-clinic-page .about-clinic-page__value-description {
	margin: 0;
	color: var(--color-gray-gray-600);
}

.about-clinic-page .about-clinic-page__stats {
	gap: 1.5rem;
}

.about-clinic-page .about-clinic-page__stats-head {
	text-align: center;
}

.about-clinic-page .about-clinic-page__stats-title {
	margin: 0;
	color: var(--color-blue-blue-800);
	text-transform: uppercase;
}

.about-clinic-page .about-clinic-page__stats-layout {
	gap: 2.5rem;
	width: 100%;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__stats-grid {
	gap: 2.5rem;
	flex: 1;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__stat-item {
	gap: 0.5rem;
	flex: 1 1 calc(50% - 1.25rem);
	min-width: 0;
}

.about-clinic-page .about-clinic-page__stat-value {
	margin: 0;
	color: var(--color-orange-orange-800);
	text-transform: uppercase;
}

.about-clinic-page .about-clinic-page__stat-label {
	margin: 0;
	color: var(--color-gray-gray-900);
}

.about-clinic-page .about-clinic-page__stats-aside {
	gap: 2rem;
	flex: 1;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__stats-text {
	margin: 0;
	color: var(--color-gray-gray-700);
}

.about-clinic-page .about-clinic-page__stats-banner {
	gap: 1.5rem;
	padding: 1.5rem;
	border-radius: var(--layout-radius-xxl);
	background-color: var(--color-blue-blue-800);
}

.about-clinic-page .about-clinic-page__stats-team {
	gap: 1.5rem;
	flex: 1;
	flex-wrap: nowrap;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__stats-avatars {
	gap: 0;
	align-items: center;
}

.about-clinic-page .about-clinic-page__stats-avatar {
	display: block;
	flex-shrink: 0;
	width: 3.75rem;
	height: 3.75rem;
	overflow: hidden;
	border-radius: 50%;
}

.about-clinic-page .about-clinic-page__stats-avatar:not(:first-child) {
	margin-left: -0.71875rem;
}

.about-clinic-page .about-clinic-page__stats-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-clinic-page .about-clinic-page__stats-team-copy {
	gap: 0.125rem;
	flex: 1;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__stats-team-label {
	color: rgba(255, 255, 255, 0.6);
}

.about-clinic-page .about-clinic-page__stats-team-value {
	color: var(--color-base-white);
}

.about-clinic-page .about-clinic-page__stats-cta {
	flex-shrink: 0;
}

.about-clinic-page .about-clinic-page__stats-video {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
}

.about-clinic-page .about-clinic-page__stats-video-thumb {
	border-radius: var(--layout-radius-xxl);
	overflow: hidden;
}

.about-clinic-page .about-clinic-page__stats-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 5.625rem;
	height: 5.625rem;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.about-clinic-page .about-clinic-page__stats-video-play svg {
	display: block;
	width: 100%;
	height: 100%;
}

.about-clinic-page .about-clinic-page__history {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 2.5rem 0 1.25rem;
	border-radius: 2rem;
	background-color: var(--color-gray-surface);
	overflow: hidden;
}

.about-clinic-page .about-clinic-page__history-container {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--layout-container-min);
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.about-clinic-page .about-clinic-page__history-inner {
	gap: 1.5rem;
	width: 100%;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__history-head {
	gap: 1.5rem;
	align-items: center;
	text-align: center;
}

.about-clinic-page .about-clinic-page__history-title {
	margin: 0;
	color: var(--color-blue-blue-800);
	text-transform: uppercase;
}

.about-clinic-page .about-clinic-page__history-lead {
	max-width: 38.1875rem;
	margin: 0;
	color: var(--color-gray-gray-600);
}

.about-clinic-page .about-clinic-page__history-stage {
	position: relative;
	min-height: 16.5rem;
}

.about-clinic-page .about-clinic-page__history-year {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	margin: 0;
	font-family: 'Unbounded', sans-serif;
	font-size: 6.25rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.05em;
	color: var(--color-blue-blue-200);
	white-space: nowrap;
	opacity: 0.5;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.about-clinic-page .about-clinic-page__history-cards {
	position: relative;
	z-index: 1;
	width: 100%;
	min-height: 16.82rem;
}

.about-clinic-page .about-clinic-page__history-card {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 19.91rem;
	transform: translate(-50%, -50%);
	opacity: 0;
	pointer-events: none;
}

.about-clinic-page .about-clinic-page__history-card.--active {
	opacity: 1;
	pointer-events: auto;
}

.about-clinic-page .about-clinic-page__history-card-stack {
	position: relative;
	width: 100%;
	min-height: 16.82rem;
}

.about-clinic-page .about-clinic-page__history-card-photo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 17.375rem;
	margin-left: auto;
	margin-right: auto;
}

.about-clinic-page .about-clinic-page__history-card-photo.image-thumb-wrap {
	width: 17.375rem;
}

.about-clinic-page .about-clinic-page__history-card-photo--back {
	z-index: 1;
	transform: translateY(0.8125rem) rotate(-7deg);
	transform-origin: 50% 50%;
}

.about-clinic-page .about-clinic-page__history-card-photo--front {
	z-index: 2;
	transform: rotate(13deg);
	transform-origin: 50% 50%;
}

.about-clinic-page .about-clinic-page__history-card-thumb {
	border-radius: 0.5rem;
	overflow: hidden;
	box-shadow: 0 1.25rem 3.75rem rgba(11, 24, 30, 0.12);
}

.about-clinic-page .about-clinic-page__history-controls {
	gap: 1.5rem;
	align-items: flex-end;
	width: 100%;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__history-nav {
	gap: 0.75rem;
	align-self: flex-end;
	flex-shrink: 0;
}

.about-clinic-page .about-clinic-page__history-nav-btn.btn-icon.--fill.--white {
	width: 3.5rem;
	height: 3.5rem;
	min-width: 3.5rem;
	min-height: 3.5rem;
	border-radius: var(--layout-radius-m);
}

.about-clinic-page .about-clinic-page__history-nav-btn.btn-icon.--fill.--white .btn-icon__graphic.about-clinic-page__history-nav-icon {
	width: 0.75rem;
	height: 1.125rem;
	color: var(--color-blue-blue-800);
}

.about-clinic-page .about-clinic-page__history-nav-btn--prev .btn-icon__graphic.about-clinic-page__history-nav-icon {
	transform: scaleX(-1);
}

.about-clinic-page .about-clinic-page__history-nav-btn .btn-icon__graphic.about-clinic-page__history-nav-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.about-clinic-page .about-clinic-page__history-nav-btn .btn-icon__graphic.about-clinic-page__history-nav-icon svg path {
	transition: fill 0.24s ease;
}

.about-clinic-page .about-clinic-page__history-nav-btn:disabled,
.about-clinic-page .about-clinic-page__history-nav-btn.--disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

.about-clinic-page .about-clinic-page__history-nav-btn:focus-visible {
	outline: 0.125rem solid var(--color-blue-blue-800);
	outline-offset: 0.125rem;
}

.about-clinic-page .about-clinic-page__history-timeline {
	position: relative;
	width: 100%;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__history-track {
	position: relative;
	height: 0.125rem;
	margin-bottom: 1.5rem;
	overflow: visible;
	background-color: var(--color-blue-blue-300);
}

.about-clinic-page .about-clinic-page__history-progress {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 62.4375rem;
	background-color: var(--color-blue-blue-800);
	transition: width 0.48s ease;
}

.about-clinic-page .about-clinic-page__history-dot {
	position: absolute;
	top: 50%;
	left: 0;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: var(--color-blue-blue-800);
	transform: translate(-50%, -50%);
	transition: left 0.48s ease;
}

.about-clinic-page .about-clinic-page__history-years {
	gap: 1.5rem;
	width: 100%;
	min-width: 0;
}

.about-clinic-page .about-clinic-page__history-year-item {
	gap: 1rem;
	flex: 1;
	min-width: 0;
	padding: 0;
	border: none;
	background: transparent;
	text-align: left;
	cursor: pointer;
	transition: opacity 0.24s ease;
}

.about-clinic-page .about-clinic-page__history-year-item:not(.--active) {
	opacity: 0.45;
}

.about-clinic-page .about-clinic-page__history-year-label {
	margin: 0;
	color: var(--color-blue-blue-800);
	text-transform: uppercase;
}

.about-clinic-page .about-clinic-page__history-year-text {
	margin: 0;
	color: var(--color-gray-gray-900);
}

@media screen and (max-width: 1023px) {
	.about-clinic-page .about-clinic-page__hero {
		width: var(--layout-mob-bleed-width);
		max-width: var(--layout-mob-bleed-width);
		margin-left: var(--layout-mob-bleed-margin-left);
		margin-right: var(--layout-mob-bleed-margin-right);
	}

	.about-clinic-page .about-clinic-page__hero-container {
		padding-bottom: 1.5rem;
	}

	.about-clinic-page .about-clinic-page__hero-layout {
		flex-direction: column;
		gap: 1.5rem;
	}

	.about-clinic-page .about-clinic-page__hero-copy.col-6,
	.about-clinic-page .about-clinic-page__hero-collage.col-6 {
		width: 100%;
		max-width: none;
		flex: 0 1 auto;
		margin-left: 0;
	}

	.about-clinic-page .about-clinic-page__hero-copy {
		gap: 1.5rem;
	}

	.about-clinic-page .about-clinic-page__hero-collage-slot {
		width: 100%;
	}

	.about-clinic-page .about-clinic-page__hero-collage {
		width: 100%;
		max-width: 100%;
	}

	.about-clinic-page .about-clinic-page__hero-collage-mob {
		width: 100%;
	}

	.about-clinic-page .about-clinic-page__hero-title-wrap .title-highlight__layer,
	.about-clinic-page .about-clinic-page__values-title-wrap .title-highlight__layer,
	.about-clinic-page .about-clinic-page__stats-title-wrap .title-highlight__layer {
		display: block;
	}

	.about-clinic-page .about-clinic-page__hero-title-wrap .title-highlight,
	.about-clinic-page .about-clinic-page__values-title-wrap .title-highlight,
	.about-clinic-page .about-clinic-page__stats-title-wrap .title-highlight {
		height: 2rem;
	}

	.about-clinic-page .about-clinic-page__hero-title-wrap .title-highlight__bar,
	.about-clinic-page .about-clinic-page__values-title-wrap .title-highlight__bar,
	.about-clinic-page .about-clinic-page__stats-title-wrap .title-highlight__bar {
		top: 0.375rem;
		height: 1.625rem;
	}

	.about-clinic-page .about-clinic-page__hero-title-wrap .title-highlight__corner,
	.about-clinic-page .about-clinic-page__values-title-wrap .title-highlight__corner,
	.about-clinic-page .about-clinic-page__stats-title-wrap .title-highlight__corner {
		width: 0.5rem;
		height: 2rem;
	}

	.about-clinic-page .about-clinic-page__hero-title-wrap .title-highlight__corner--start,
	.about-clinic-page .about-clinic-page__values-title-wrap .title-highlight__corner--start,
	.about-clinic-page .about-clinic-page__stats-title-wrap .title-highlight__corner--start {
		left: -0.125rem;
	}

	.about-clinic-page .about-clinic-page__hero-title-wrap .title-highlight__corner--end,
	.about-clinic-page .about-clinic-page__values-title-wrap .title-highlight__corner--end,
	.about-clinic-page .about-clinic-page__stats-title-wrap .title-highlight__corner--end {
		top: 0.125rem;
		right: -0.125rem;
	}

	.about-clinic-page .about-clinic-page__value-head {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		gap: 1rem;
	}

	.about-clinic-page .about-clinic-page__value-title {
		flex: 1;
		min-width: 0;
	}

	.about-clinic-page .about-clinic-page__stats-layout {
		flex-direction: column;
	}

	.about-clinic-page .about-clinic-page__stats-banner {
		flex-direction: column;
		align-items: stretch;
	}

	.about-clinic-page .about-clinic-page__stats-avatar:not(:first-child) {
		margin-left: -1.5rem;
	}

	.about-clinic-page .about-clinic-page__stats-cta {
		width: 100%;
	}

	.about-clinic-page .about-clinic-page__history-year {
		font-size: 4.5rem;
	}

	.about-clinic-page .about-clinic-page__history-stage {
		min-height: 12rem;
	}

	.about-clinic-page .about-clinic-page__history-cards {
		min-height: 12rem;
	}

	.about-clinic-page .about-clinic-page__history-card {
		width: min(14rem, 60vw);
	}

	.about-clinic-page .about-clinic-page__history-card-stack {
		min-height: 11rem;
	}

	.about-clinic-page .about-clinic-page__history-card-photo {
		top: 50%;
		left: 50%;
		right: auto;
		width: min(12.5rem, 54vw);
		margin-left: 0;
		margin-right: 0;
	}

	.about-clinic-page .about-clinic-page__history-card-photo.image-thumb-wrap {
		width: min(12.5rem, 54vw);
	}

	.about-clinic-page .about-clinic-page__history-card-photo--back {
		transform: translate(-50%, calc(-50% + 0.5rem)) rotate(-7deg);
	}

	.about-clinic-page .about-clinic-page__history-card-photo--front {
		transform: translate(-50%, -50%) rotate(13deg);
	}

	.about-clinic-page .about-clinic-page__history-controls {
		align-items: stretch;
	}

	.about-clinic-page .about-clinic-page__history-nav {
		align-self: flex-end;
	}

	.about-clinic-page .about-clinic-page__history-years {
		flex-wrap: nowrap;
		gap: 0.75rem;
		margin-left: -0.75rem;
		margin-right: -0.75rem;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		scroll-snap-type: x proximity;
	}

	.about-clinic-page .about-clinic-page__history-years::-webkit-scrollbar {
		display: none;
	}

	.about-clinic-page .about-clinic-page__history-year-item {
		flex: 0 0 19.5rem;
		width: 19.5rem;
		min-width: 19.5rem;
		gap: 0.75rem;
		scroll-snap-align: start;
	}
}

@media screen and (min-width: 48rem) and (max-width: 1023px) {
	.about-clinic-page .about-clinic-page__values-grid {
		flex-wrap: wrap;
	}

	.about-clinic-page .about-clinic-page__value-card {
		flex: 1 1 calc(50% - 0.625rem);
	}
}

@media screen and (min-width: 64rem) {
	.about-clinic-page .about-clinic-page__hero {
		border-radius: var(--layout-radius-xxl);
	}

	.about-clinic-page .about-clinic-page__hero-container {
		padding: 2.5rem 1.875rem 1.875rem 8.75rem;
	}

	.about-clinic-page .about-clinic-page__hero-layout {
		flex-wrap: nowrap;
		gap: 0;
	}

	.about-clinic-page .about-clinic-page__hero-copy.col-6 {
		flex: 0 0 var(--layout-col-6);
		max-width: var(--layout-col-6);
		gap: 2.5rem;
		padding-right: 2.5rem;
	}

	.about-clinic-page .about-clinic-page__hero-cta--desk {
		display: inline-flex;
	}

	.about-clinic-page .about-clinic-page__hero-cta--mob {
		display: none;
	}

	.about-clinic-page .about-clinic-page__hero-collage.col-6 {
		flex: 0 0 var(--layout-col-6);
		max-width: var(--layout-col-6);
		margin-left: auto;
	}

	.about-clinic-page .about-clinic-page__hero-collage-slot {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
	}

	.about-clinic-page .about-clinic-page__hero-collage-mob {
		display: none;
	}

	.about-clinic-page .about-clinic-page__hero-collage-desk {
		display: flex;
		height: 20rem;
	}

	.about-clinic-page .about-clinic-page__hero-collage-side {
		flex: 0 0 6.5rem;
	}

	.about-clinic-page .about-clinic-page__hero-collage-main {
		flex: 0 0 23.4375rem;
		width: 23.4375rem;
	}

	.about-clinic-page .about-clinic-page__hero-video-thumb-wrap {
		width: 4.5rem;
	}

	.about-clinic-page .about-clinic-page__hero-video-play {
		width: 1.5rem;
		height: 1.5rem;
	}

	.about-clinic-page .about-clinic-page__hero-collage-item {
		display: flex;
		flex-direction: column;
	}

	.about-clinic-page .about-clinic-page__hero-collage-item .image-thumb-wrap {
		flex: 1;
		min-height: 0;
	}

	.about-clinic-page .about-clinic-page__hero-collage-thumb {
		height: 100%;
		padding-bottom: 0;
	}

	.about-clinic-page .about-clinic-page__values {
		gap: 2.5rem;
	}

	.about-clinic-page .about-clinic-page__values-grid {
		gap: 1.25rem;
	}

	.about-clinic-page .about-clinic-page__value-card {
		flex: 1;
		padding: 2.5rem;
	}

	.about-clinic-page .about-clinic-page__stats {
		gap: 2.5rem;
	}

	.about-clinic-page .about-clinic-page__stats-layout {
		flex-direction: row;
		align-items: flex-start;
	}

	.about-clinic-page .about-clinic-page__stats-banner {
		flex-wrap: wrap;
	}

	.about-clinic-page .about-clinic-page__history {
		--about-clinic-history-width: min(var(--layout-container-max), calc(100vw - (2 * var(--layout-page-gutter))));
		width: var(--about-clinic-history-width);
		max-width: var(--about-clinic-history-width);
		margin-left: calc(50% - var(--about-clinic-history-width) / 2);
		padding: 5rem 0 2.5rem;
	}

	.about-clinic-page .about-clinic-page__history-container {
		width: 100%;
		max-width: var(--layout-container-min);
		padding-left: 0;
		padding-right: 0;
	}

	.about-clinic-page .about-clinic-page__history-inner {
		gap: 2.5rem;
	}

	.about-clinic-page .about-clinic-page__history-stage {
		min-height: 18.75rem;
	}

	.about-clinic-page .about-clinic-page__history-cards {
		min-height: 18.75rem;
	}

	.about-clinic-page .about-clinic-page__history-card-stack {
		min-height: 18.75rem;
	}

	.about-clinic-page .about-clinic-page__history-card {
		width: 19.91rem;
	}

	.about-clinic-page .about-clinic-page__history-card-photo {
		top: 0;
		left: 0;
		right: 0;
		width: 17.375rem;
		margin-left: auto;
		margin-right: auto;
	}

	.about-clinic-page .about-clinic-page__history-card-photo.image-thumb-wrap {
		width: 17.375rem;
	}

	.about-clinic-page .about-clinic-page__history-card-photo--back {
		transform: translateY(0.8125rem) rotate(-7deg);
	}

	.about-clinic-page .about-clinic-page__history-card-photo--front {
		transform: rotate(13deg);
	}

	.about-clinic-page .about-clinic-page__history-year {
		font-size: 18.75rem;
		letter-spacing: -0.0625em;
	}

	.about-clinic-page .about-clinic-page__history-years {
		gap: 7.5rem;
	}

	.about-clinic-page .about-clinic-page__history-nav-btn.btn-icon.--fill.--white:hover:not(:disabled):not(.--disabled) {
		background-color: var(--color-blue-blue-800);
	}

	.about-clinic-page .about-clinic-page__history-nav-btn.btn-icon.--fill.--white:hover:not(:disabled):not(.--disabled) .btn-icon__graphic.about-clinic-page__history-nav-icon {
		color: var(--color-base-white-100);
	}
}

@media screen and (min-width: 90rem) {
	.about-clinic-page .about-clinic-page__hero-intro {
		max-width: 53.75rem;
	}

	.about-clinic-page .about-clinic-page__hero-collage-desk {
		height: 25.125rem;
	}

	.about-clinic-page .about-clinic-page__hero-collage-side {
		flex: 0 0 15.625rem;
	}

	.about-clinic-page .about-clinic-page__hero-collage-main {
		flex: 0 0 29.9375rem;
		width: 29.9375rem;
	}

	.about-clinic-page .about-clinic-page__hero-video-thumb-wrap {
		width: 6.5rem;
	}

	.about-clinic-page .about-clinic-page__hero-video-play {
		width: 2rem;
		height: 2rem;
	}
}