.block--penthouse-media--desktop {
	position: relative;
}

.block--penthouse-media--desktop figure {
	position: relative;
	z-index: 1;
}

.block--penthouse-media--desktop--spice {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows:
		minmax(0, 3.1fr)
		minmax(0, 1fr)
		minmax(0, 1.8fr)
		minmax(0, 2.2fr)
		minmax(0, 14fr)
		minmax(0, 6fr);
}

.block--penthouse-media--desktop--spice::after {
	content: '';
	display: block;
	width: 95%;
	height: 95%;
	position: absolute;
	inset: 0;
	background-color: rgba(250, 221, 137, 0.35);
	border-radius: 50%;
	filter: blur(100px);
	/* 	opacity: 0.2; */
	transition: opacity var(--duration-default) var(--ease-out-slow);
	will-change: opacity;
}

.block--penthouse-media--desktop--spice-trigger {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows:
		minmax(0, 3.1fr)
		minmax(0, 1fr)
		minmax(0, 1.8fr)
		minmax(0, 2.2fr)
		minmax(0, 14fr)
		minmax(0, 6fr);
}

.block--penthouse-media--desktop--spice > * {
	transition: opacity var(--duration-default) var(--ease-out-slow);
	will-change: opacity;
}

.block--penthouse-media--desktop--spice-1 {
	background-color: var(--wp--preset--color--butter);
	grid-column: 1;
	grid-row: 1;
	width: 100%;
	height: 100%;
	filter: blur(40px);
	opacity: 0;
}

.block--penthouse-media--desktop--spice-1.active {
	opacity: 0.5;
}

.block--penthouse-media--desktop--spice-2 {
	background-color: var(--wp--preset--color--butter);
	grid-column: 1;
	grid-row: 2;
	width: 100%;
	height: 100%;
	filter: blur(40px);
	opacity: 0;
}

.block--penthouse-media--desktop--spice-2.active {
	opacity: 0.85;
}

.block--penthouse-media--desktop--spice-3 {
	background-color: var(--wp--preset--color--butter);
	grid-column: 1;
	grid-row: 3;
	width: 100%;
	height: 100%;
	filter: blur(40px);
	opacity: 0;
}

.block--penthouse-media--desktop--spice-3.active {
	opacity: 0.5;
}

.block--penthouse-media--desktop--spice-4 {
	background-color: var(--wp--preset--color--butter);
	grid-column: 1;
	grid-row: 4;
	width: 100%;
	height: 100%;
	filter: blur(40px);
	opacity: 0;
}

.block--penthouse-media--desktop--spice-4.active {
	opacity: 0.5;
}

.block--penthouse-media--desktop--spice-5 {
	background-color: var(--wp--preset--color--butter);
	grid-column: 1;
	grid-row: 5;
	width: 100%;
	height: 100%;
	filter: blur(100px);
	opacity: 0;
}

.block--penthouse-media--desktop--spice-5.active {
	opacity: 0.5;
}

@media screen and (max-width: 1024px) {
	.block--penthouse-media--desktop {
		display: none;
	}
}

.block--penthouse-media--mobile {
	display: none;
}

@media screen and (max-width: 1024px) {
	.block--penthouse-media--mobile {
		display: block;
	}
}

.block--penthouse-media--desktop img {
	width: 100%;
	height: auto;
}

.block--penthouse-media--mobile img {
	width: 100%;
	height: auto;
}

.penthouse-media-text-1 p {
	transition: all 0.2s ease;
	will-change: transform;
}

.penthouse-media-text-2 p {
	transition: all 0.2s ease;
	will-change: transform;
}

.penthouse-media-text-3 p {
	transition: all 0.2s ease;
	will-change: transform;
}

.penthouse-media-text-4 p {
	transition: all 0.2s ease;
	will-change: transform;
}

.penthouse-media-text-5 p {
	transition: all 0.2s ease;
	will-change: transform;
}

.penthouse-media-text-1.is-active p {
	filter: drop-shadow(0 0 22px rgba(255, 255, 255, 1));
}

.penthouse-media-text-2.is-active p {
	filter: drop-shadow(0 0 22px rgba(255, 255, 255, 1));
}

.penthouse-media-text-3.is-active p {
	filter: drop-shadow(0 0 22px rgba(255, 255, 255, 1));
}

.penthouse-media-text-4.is-active p {
	filter: drop-shadow(0 0 22px rgba(255, 255, 255, 1));
}

.penthouse-media-text-5.is-active p {
	filter: drop-shadow(0 0 22px rgba(255, 255, 255, 1));
}