.cases-page {
			background: #fff;
		}

		.cases-main {
			position: relative;
			padding-top: 152px;
		}

		.cases-section {
			position: relative;
			overflow: clip;
			padding: 80px 0 160px;
		}

		.cases-section::before,
		.cases-section::after,
		.cases-list::after {
			content: "";
			position: absolute;
			border-radius: 50%;
			pointer-events: none;
		}

		.cases-section::before {
			left: -176px;
			top: 48px;
			width: 438px;
			height: 438px;
			background: radial-gradient(circle at center, rgba(214, 241, 249, 0.94) 0%, rgba(238, 247, 233, 0.74) 100%);
		}

		.cases-section::after {
			right: -116px;
			top: 478px;
			width: 318px;
			height: 318px;
			background: radial-gradient(circle at center, rgba(255, 245, 224, 0.9) 0%, rgba(255, 250, 242, 0.4) 100%);
		}

		.cases-list {
			position: relative;
		}

		.cases-list::after {
			left: -186px;
			bottom: 102px;
			width: 334px;
			height: 334px;
			background: radial-gradient(circle at center, rgba(214, 241, 249, 0.92) 0%, rgba(238, 247, 233, 0.34) 100%);
		}

		.cases-shell {
			position: relative;
			z-index: 1;
			max-width: 1040px;
			margin: 0 auto;
		}

		.cases-heading {
			margin-bottom: 120px;
			padding: 0 40px;
		}

		.cases-label {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			margin-bottom: 16px;
			color: #5fb7e1;
			font-size: 18px;
			font-weight: 700;
		}

		.cases-label::before {
			content: "";
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background: #5fb7e1;
		}

		.cases-title {
			margin: 0;
			font-size: 40px;
			font-weight: 700;
			line-height: 1.4;
			letter-spacing: 0.04em;
		}

		.case-block {
			position: relative;
		}

		.case-block + .case-block {
			margin-top: 120px;
		}

		.case-block-header {
			display: flex;
			align-items: center;
			gap: 18px;
			padding-bottom: 40px;
			border-bottom: 1px dashed #dddddd;
		}

		.case-avatar {
			width: 120px;
			height: 120px;
			border-radius: 50%;
			flex: 0 0 auto;
			overflow: hidden;
			background: #fff;
		}

		.case-avatar img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.case-grade {
			margin: 0 0 8px;
			font-size: 26px;
			font-weight: 700;
			line-height: 1.4;
		}

		.case-family {
			margin: 0;
			font-size: 14px;
			line-height: 1.7;
		}

		.case-voices {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 20px;
			margin-top: 40px;
		}

		.case-voice-card {
			position: relative;
			padding: 44px 18px 22px;
			border-radius: 16px;
			background: #faf8f6;
		}

		.case-voice-badge {
			position: absolute;
			left: 16px;
			top: -12px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 116px;
			height: 28px;
			padding: 0 14px;
			border-radius: 999px;
			background: #ffea96;
			font-size: 14px;
			font-weight: 700;
		}

		.case-voice-badge.is-right {
			left: auto;
			right: 16px;
		}

		.case-voice-copy {
			margin: 0;
			font-size: 16px;
			line-height: 2;
		}

		.case-comment {
			display: grid;
			grid-template-columns: max-content minmax(0, 1fr);
			gap: 56px;
			margin-top: 40px;
			padding: 28px 30px;
			border-radius: 16px;
			background: #ebf7fc;
		}

		.case-comment-title {
			display: inline-flex;
			align-items: start;
			gap: 8px;
			color: #5fb7e1;
			font-size: 18px;
			font-weight: bold;
			white-space: nowrap;
			line-height: 1.2;
		}

		.case-comment-title::before {
			content: "";
			width: 24px;
			height: 22.429px;
			background: url('../images/cases/icon_comments.svg') no-repeat center / contain;
			flex: 0 0 auto;
		}

		.case-comment-copy {
			margin: 0;
			font-size: 16px;
			line-height: 2;
		}

		@media (max-width: 991.98px) {
			.cases-main {
				padding-top: 122px;
			}

			.case-voices {
				grid-template-columns: 1fr;
			}
		}

		@media (max-width: 767.98px) {
			.cases-main {
				padding-top: 98px;
			}

			.cases-section {
				padding: 56px 0 80px;
			}

			.cases-section::before {
				left: -116px;
				top: 22px;
				width: 286px;
				height: 286px;
			}

			.cases-section::after,
			.cases-list::after {
				display: none;
			}

			.cases-shell {
				padding: 0;
			}

			.cases-heading {
				margin-bottom: 40px;
				padding: 0;
			}

			.cases-label {
				font-size: 16px;
				margin-bottom: 16px;
			}

			.cases-title {
				font-size: 28px;
				line-height: 1.3;
				letter-spacing: 0.02em;
			}

			.case-block {
				padding-bottom: 0;
			}

			.case-block + .case-block {
				margin-top: 32px;
			}

			.case-block-header {
				align-items: center;
				gap: 16px;
				padding-bottom: .8rem;
				border-bottom: 0;
			}

			.case-avatar {
				width: 80px;
				height: 80px;
			}

			.case-grade {
				font-size: 20px;
				line-height: 1;
				margin-bottom: 12px;
			}

			.case-family {
				font-size: 11px;
				line-height: 1.5;
			}

			.case-voices {
				gap: 8px;
				margin-top: 24px;
			}

			.case-voice-card {
				padding: 24px;
				border-radius: 8px;
			}

			.case-voice-badge {
				left: 16px;
				top: -14px;
				min-width: auto;
				height: 24px;
				padding: 0 14px;
				font-size: 12px;
			}

			.case-voice-badge.is-right {
				top: auto;
				right: 16px;
				bottom: -14px;
			}

			.case-voice-copy {
				font-size: 12px;
				line-height: 2;
			}

			.case-comment-copy {
				font-size: 14px;
				line-height: 2;
			}

			.case-comment {
				grid-template-columns: 1fr;
				gap: 16px;
				margin-top: 22px;
				padding: 24px;
				border-radius: 8px;
			}

			.case-comment-title {
				font-size: 16px;
			}
		}