.case-studies-block {
	display: block;
	position: relative;
	padding: 1.04rem 0;
}
.case-studies-block .title-frame {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom: 0.64rem;
	}
:is(.case-studies-block .title-frame) .title {
			color: var(--color-rust);
		}
.case-studies-block .slider-frame {
		position: relative;
	}
:is(.case-studies-block .slider-frame) .splide__track {
			overflow: visible;
		}
:is(.case-studies-block .slider-frame) .slide {
			transition: opacity var(--dur-fast) var(--ease);
			border-radius: 0.35rem;
			overflow: clip;
			background-color: var(--color-dark-beige);
			opacity: 0.25;
		}
.is-active:is(:is(.case-studies-block .slider-frame) .slide) {
				opacity: 1;
			}
:is(.case-studies-block .slider-frame) .card {
			display: flex;
			position: relative;
			height: 100%;
		}
:is(:is(.case-studies-block .slider-frame) .card) .main-media {
				position: relative;
				flex-shrink: 0;
				width: 50%;
				min-height: 5.65rem;
				border-radius: 0 0.35rem 0.35rem 0;
				overflow: clip;
			}
:is(:is(:is(.case-studies-block .slider-frame) .card) .main-media) .media:not(.badge) {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
:is(:is(:is(.case-studies-block .slider-frame) .card) .main-media) .badge-frame {
					position: absolute;
					display: flex;
					align-items: center;
					justify-content: center;
					top: 0.32rem;
					left: 0.32rem;
					width: 1.44rem;
					aspect-ratio: 1;
					border-radius: 0.35rem;
					background-color: var(--color-dirty-beige);
					overflow: clip;
					padding: 0.18rem;
				}
:is(:is(.case-studies-block .slider-frame) .card) .slide-cnt {
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding: 0.44rem 0.4rem 0.44rem 0.52rem;
			}
:is(:is(.case-studies-block .slider-frame) .card) .title {
				color: var(--color-rust);
				margin-bottom: 0.92rem;
			}
:is(:is(.case-studies-block .slider-frame) .card) .label {
				text-transform: uppercase;
				color: var(--color-rust);
				margin-bottom: 0.11rem;
			}
:is(:is(.case-studies-block .slider-frame) .card) .text {
				color: var(--color-rust);
			}
:is(:is(.case-studies-block .slider-frame) .card) .user {
				display: flex;
				gap: 0.16rem;
				align-items: center;
				margin: 0.32rem 0 0.92rem;
			}
:is(:is(:is(.case-studies-block .slider-frame) .card) .user) .user-image {
					position: relative;
					width: 0.72rem;
					aspect-ratio: 1;
					border-radius: 50%;
					border: 0.04rem solid var(--color-rust);
				}
:is(:is(:is(.case-studies-block .slider-frame) .card) .user) .media {
					position: absolute;
					top: 0.02rem;
					left: 0.02rem;
					width: calc(100% - 0.04rem);
					height: calc(100% - 0.04rem);
					border-radius: 50%;
				}
:is(:is(:is(.case-studies-block .slider-frame) .card) .user) .name {
					font-weight: 600;
				}
:is(:is(.case-studies-block .slider-frame) .card) .button svg rect {
				fill: var(--color-accent);
			}
:is(:is(.case-studies-block .slider-frame) .card) .button svg path {
				fill: var(--color-rust);
			}
.case-studies-block .slider-nav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 0.32rem;
	}
:is(.case-studies-block .slider-nav) .splide__arrows {
			display: flex;
			align-items: center;
			gap: 0.08rem;
		}
:is(:is(.case-studies-block .slider-nav) .splide__arrows) .splide__arrow {
				position: relative;
				left: unset;
				top: unset;
				right: unset;
				transform: unset;
				background-color: transparent;
				width: 0.32rem;
				height: 0.32rem;
				transition: opacity 0.3s ease-in-out;
			}
:is(:is(:is(.case-studies-block .slider-nav) .splide__arrows) .splide__arrow) svg {
					width: 0.32rem;
					height: 0.32rem;
					transform: unset;
				}
:is(:is(:is(:is(.case-studies-block .slider-nav) .splide__arrows) .splide__arrow) svg) path {
						fill: var(--color-rust);
						transition: fill 0.3s ease-in-out;
					}
:is(:is(:is(:is(.case-studies-block .slider-nav) .splide__arrows) .splide__arrow) svg) rect {
						fill: var(--color-dark-beige);
						transition: fill 0.3s ease-in-out;
					}
@media (hover: hover) and (pointer: fine) {
							:is(:is(:is(:is(.case-studies-block .slider-nav) .splide__arrows) .splide__arrow) svg):hover path {
								fill: var(--color-dark-beige);
							}

							:is(:is(:is(:is(.case-studies-block .slider-nav) .splide__arrows) .splide__arrow) svg):hover rect {
								fill: var(--color-rust);
							}
					}
:is(:is(:is(.case-studies-block .slider-nav) .splide__arrows) .splide__arrow--next) svg {
					transform: scaleX(-1);
				}
:is(.case-studies-block .slider-nav) .splide__pagination {
			position: relative;
			display: flex;
			gap: 0.13rem;
			bottom: unset;
			left: unset;
		}
:is(:is(.case-studies-block .slider-nav) .splide__pagination) .splide__pagination__page {
				width: 0.36rem;
				height: 0.05rem;
				background-color: var(--color-rust);
				margin: 0;
				border-radius: 0.03rem;
				opacity: 1;
				transition: background-color 0.3s ease-in-out;
			}
.is-active:is(:is(:is(.case-studies-block .slider-nav) .splide__pagination) .splide__pagination__page) {
					background-color: var(--color-dark-beige);
					transform: unset;
				}
/* & .dots {
			display: flex;
			gap: 0.13rem;

			& i {
				display: block;
				transition: background-color var(--dur-fast) var(--ease);
				width: 0.36rem;
				height: 0.05rem;
				border-radius: 0.03rem;
				background-color: var(--color-rust);
			}

			& i.active {
				background-color: var(--color-peach);
			}
		}

		& .arrows {
			display: flex;
			gap: 0.08rem;
			align-items: center;

			& .arrow {
				display: block;
				cursor: pointer;

				& svg {
					display: block;
					width: 0.32rem;

					& rect,
					& path {
						transition: fill var(--dur-fast) var(--ease);
					}
				}
			}

			& .arrow:hover {
				& svg {
					& rect {
						fill: var(--color-rust);
					}

					& path {
						fill: var(--color-peach);
					}
				}
			}

			& .next {
				transform: rotate(180deg);
			}
		} */
@media screen and (max-width: 768px) {
	.case-studies-block {
		padding: 0.64rem 0;
}

		.case-studies-block .title-frame {
			display: block;
			margin-bottom: 0.4rem;
		}

			:is(.case-studies-block .title-frame) .title {
				margin-bottom: 0.24rem;
			}

		.case-studies-block .slider-frame {
			margin-bottom: 0.32rem;
		}

			:is(.case-studies-block .slider-frame) .card {
				display: block;
			}

				:is(:is(.case-studies-block .slider-frame) .card) .main-media {
					aspect-ratio: 370 / 307;
					width: 100%;
					min-height: auto;
					border-radius: 0 0 0.35rem 0.35rem;
				}

					:is(:is(:is(.case-studies-block .slider-frame) .card) .main-media) .badge-frame {
						top: 0.08rem;
						left: 0.08rem;
					}

				:is(:is(.case-studies-block .slider-frame) .card) .slide-cnt {
					padding: 0.4rem 0.24rem 0.27rem;
				}

				:is(:is(.case-studies-block .slider-frame) .card) .title {
					font-size: 0.32rem;
					line-height: 1.1;
					letter-spacing: -0.03em;
					margin-bottom: 0.45rem;
				}

				:is(:is(.case-studies-block .slider-frame) .card) .user {
					margin: 0.32rem 0 0.45rem;
				}

					:is(:is(:is(.case-studies-block .slider-frame) .card) .user) .name {
						margin-bottom: 0.08rem;
					}

		.case-studies-block .slider-nav {
			align-items: center;
			justify-content: center;
		}

			:is(.case-studies-block .slider-nav) > div:last-child {
				display: none;
			}
	}