.funrent-deco-done-works-block {
	--deco-done-overlap: clamp(44px, 3.6vw, 68px);
	--deco-done-edge-border: clamp(8px, 0.8vw, 14px);
	--deco-done-active-grow: 1.95;
	--deco-done-inactive-grow: 1.12;
	background: var(--color-deco-very-light-yellow, #fdf8ed);
	overflow: hidden;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	padding: 88px 0 96px;
	position: relative;
	width: 100vw;
	z-index: 0;
	isolation: isolate;
}

.funrent-deco-done-works-block::before,
.funrent-deco-done-works-block::after {
	bottom: -126px;
	content: "";
	left: -64px;
	pointer-events: none;
	position: absolute;
	top: -24px;
	width: min(60vw, 900px);
	z-index: 0;
}

.funrent-deco-done-works-block::before {
	background-image:
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg");
	background-position:
		8% 4%,
		15% 10%,
		6% 19%,
		39% 21%,
		5% 29%,
		8% 37%,
		8% 46%,
		31% 37%,
		19% 51%,
		5% 76%,
		20% 89%,
		54% 50%,
		46% 79%,
		50% 61%,
		70% 73%;
	background-repeat: no-repeat;
	background-size:
		78px auto,
		168px auto,
		85px auto,
		138px auto,
		96px auto,
		80px auto,
		100px auto,
		198px auto,
		116px auto,
		206px auto,
		132px auto,
		90px auto,
		112px auto,
		164px auto,
		220px auto;
	opacity: 0.48;
	transform: rotate(7deg);
	transform-origin: top left;
}

.funrent-deco-done-works-block::after {
	background-image:
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg"),
		url("../../../assets/icons/deco-element-2.svg");
	background-position:
		-3% 2%,
		23% 22%,
		27% 32%,
		39% 47%,
		42% 60%,
		-12% 38%,
		15% 53%;
	background-repeat: no-repeat;
	background-size:
		88px auto,
		132px auto,
		102px auto,
		146px auto,
		208px auto,
		164px auto,
		186px auto;
	opacity: 0.32;
	transform: rotate(-11deg);
	transform-origin: left top;
}

.funrent-deco-done-works-block .funrent-container {
	max-width: var(--ultra-wide, 1700px);
	position: relative;
	z-index: 1;
}

.funrent-deco-done-works-header {
	margin: 0 auto 44px;
	max-width: 760px;
	text-align: center;
}

.funrent-deco-done-works-title {
	color: var(--color-purple-dark, #684092);
	margin: 0 0 16px;
}

.funrent-deco-done-works-subtitle {
	color: var(--color-purple-dark, #684092);
	font-family: var(--font-family-manrope);
	font-size: var(--font-size-p-normal);
	line-height: 1.45;
	margin: 0;
}

.funrent-deco-done-works-accordion {
	display: flex;
	gap: 0;
	min-height: 460px;
	position: relative;
	z-index: 1;
}

.funrent-deco-done-work-card {
	background: var(--color-deco-very-light-yellow, #fdf8ed);
	border: 0;
	border-radius: 0 120px 0 0;
	cursor: pointer;
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	flex-grow: var(--deco-done-inactive-grow, 1);
	height: 500px;
	margin: 0 0 0 calc((var(--deco-done-overlap) * -1) - 1px);
	min-width: 0;
	overflow: hidden;
	padding: var(--deco-done-edge-border) var(--deco-done-edge-border) 0 0;
	position: relative;
	text-align: left;
	z-index: calc(6 - var(--deco-done-work-card-index, 1));
}

.funrent-deco-done-work-card::after {
	content: none;
}

.funrent-deco-done-work-card:first-child {
	margin-left: 0;
	padding-left: var(--deco-done-edge-border);
}

.funrent-deco-done-work-card:first-child::after {
	content: none;
}

.funrent-deco-done-work-card.is-active {
	flex-grow: var(--deco-done-active-grow, 1.95);
}

.funrent-deco-done-work-card:focus-visible {
	outline: 2px solid var(--color-purple-dark, #684092);
	outline-offset: 3px;
}

.funrent-deco-done-work-card__media {
	background: var(--color-deco-very-light-yellow, #fdf8ed);
	border-radius: 0 calc(120px - var(--deco-done-edge-border)) 0 0;
	flex: 1 1 auto;
	height: auto;
	min-height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.funrent-deco-done-work-card__image {
	display: block;
	height: 100%;
	margin: 0;
	max-width: 100%;
	object-fit: cover;
	transform: none;
	width: 100%;
}

.funrent-deco-done-works-meta {
	display: flex;
	gap: 0;
	margin-top: 16px;
}

.funrent-deco-done-work-meta {
	color: var(--color-purple-dark, #684092);
	flex: 1 1 0;
	flex-grow: var(--deco-done-inactive-grow, 1);
	margin-left: calc((var(--deco-done-overlap) * -1) - 1px);
	min-width: 0;
}

.funrent-deco-done-work-meta:first-child {
	margin-left: 0;
}

.funrent-deco-done-work-meta:first-child .funrent-deco-done-work-meta__title,
.funrent-deco-done-work-meta:first-child .funrent-deco-done-work-meta__link {
	padding-left: var(--deco-done-edge-border);
}

.funrent-deco-done-work-meta:not(:first-child) .funrent-deco-done-work-meta__title,
.funrent-deco-done-work-meta:not(:first-child) .funrent-deco-done-work-meta__link {
	padding-left: calc(var(--deco-done-overlap) + var(--deco-done-edge-border));
}

.funrent-deco-done-work-meta:not(:first-child):not(.is-active) .funrent-deco-done-work-meta__title,
.funrent-deco-done-work-meta:not(:first-child):not(.is-active) .funrent-deco-done-work-meta__link {
	padding-left: var(--deco-done-overlap);
}

.funrent-deco-done-work-meta.is-active {
	flex-grow: var(--deco-done-active-grow, 1.95);
}

.funrent-deco-done-work-meta__title {
	font-family: var(--font-family-playfair);
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-bold);
	line-height: 1.08;
	margin: 0;
	transition: padding-left 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.funrent-deco-done-work-meta__link {
	align-items: center;
	color: var(--color-purple-dark, #684092);
	display: inline-flex;
	font-family: var(--font-family-manrope);
	font-size: var(--font-size-p-normal);
	font-weight: var(--font-weight-medium);
	gap: 10px;
	line-height: 1.5;
	margin-top: 10px;
	opacity: 0;
	pointer-events: none;
	text-decoration: none;
	visibility: hidden;
	transition: opacity 0.32s ease;
	transition-delay: 0s;
}

.funrent-deco-done-work-meta__link::after {
	background-color: currentColor;
	content: '';
	display: block;
	flex: 0 0 auto;
	height: 14px;
	-webkit-mask: url("../../../assets/icons/arrow.svg") center / contain no-repeat;
	mask: url("../../../assets/icons/arrow.svg") center / contain no-repeat;
	width: 17px;
}

.funrent-deco-done-work-meta__link:hover,
.funrent-deco-done-work-meta__link:focus {
	text-decoration: underline;
}

.funrent-deco-done-work-meta.is-active .funrent-deco-done-work-meta__link {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	transition-delay: 0.18s;
}

@media (max-width: 1100px) {
	.funrent-deco-done-works-block {
		padding: 70px 0 74px;
	}

	.funrent-deco-done-works-header {
		margin-bottom: 30px;
	}

	.funrent-deco-done-work-card {
		height: 470px;
	}
}

@media (max-width: 900px) {
	.funrent-deco-done-works-block {
		--deco-done-overlap: clamp(40px, 9vw, 58px);
		--deco-done-edge-border: 13px;
		padding: 56px 0 60px;
	}

	.funrent-deco-done-works-accordion {
		gap: 0;
		overflow-x: auto;
		min-height: 490px;
		padding-bottom: 6px;
		scroll-snap-type: x mandatory;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.funrent-deco-done-works-accordion::-webkit-scrollbar {
		display: none;
	}

	.funrent-deco-done-work-card {
		border-radius: 0 86px 0 0;
		flex: 0 0 auto;
		height: 530px;
		scroll-snap-align: start;
		transition: none;
		width: min(62vw, 390px);
	}

	.funrent-deco-done-work-card__media {
		border-radius: 0 calc(86px - var(--deco-done-edge-border)) 0 0;
	}

	.funrent-deco-done-work-card:first-child .funrent-deco-done-work-card__media {
		margin-left: calc(var(--deco-done-edge-border) * -1);
		width: calc(100% + var(--deco-done-edge-border));
	}

	.funrent-deco-done-work-card.is-active {
		width: min(62vw, 390px);
	}

	.funrent-deco-done-works-meta {
		display: flex;
		gap: 0;
		margin-top: 6px;
		overflow-x: hidden;
		touch-action: none;
	}

	.funrent-deco-done-work-meta {
		display: block;
		flex: 0 0 auto;
		margin-left: calc(var(--deco-done-overlap) * -1);
		scroll-snap-align: start;
		transition: none;
		width: min(62vw, 390px);
	}

	.funrent-deco-done-work-meta.is-active {
		width: min(62vw, 390px);
	}

	.funrent-deco-done-work-meta__link {
		opacity: 1;
		pointer-events: auto;
		transition-delay: 0s;
		visibility: visible;
	}

	.funrent-deco-done-work-meta:not(:first-child) .funrent-deco-done-work-meta__title,
	.funrent-deco-done-work-meta:not(:first-child) .funrent-deco-done-work-meta__link {
		padding-left: calc(var(--deco-done-overlap) + var(--deco-done-edge-border));
	}

	.funrent-deco-done-work-meta:first-child .funrent-deco-done-work-meta__title,
	.funrent-deco-done-work-meta:first-child .funrent-deco-done-work-meta__link {
		padding-left: 0;
	}

	.funrent-deco-done-work-meta:not(:first-child):not(.is-active) .funrent-deco-done-work-meta__title,
	.funrent-deco-done-work-meta:not(:first-child):not(.is-active) .funrent-deco-done-work-meta__link {
		padding-left: var(--deco-done-overlap);
	}
}

@media (max-width: 640px) {
	.funrent-deco-done-works-block {
		padding: 48px 0 52px;
	}

	.funrent-deco-done-works-header {
		margin-bottom: 20px;
		text-align: left;
	}

	.funrent-deco-done-works-subtitle {
		font-size: var(--font-size-p-small);
	}

	.funrent-deco-done-work-card {
		width: 72vw;
		height: 500px;
	}

	.funrent-deco-done-work-card.is-active {
		width: 72vw;
	}

	.funrent-deco-done-work-meta {
		width: 72vw;
	}

	.funrent-deco-done-work-meta.is-active {
		width: 72vw;
	}

	.funrent-deco-done-work-meta__title {
		font-size: var(--font-size-h3);
	}
}
