/* @group aside-decoration-text
------------------------------------ */

.aside-decoration-text .bp-multimedia {
	mix-blend-mode: multiply;
	height: 100%;
}

.aside-decoration-text .has-eyebrow-font-size {
	margin-bottom: 1rem;
}

.aside-decoration-text ul {
	margin-bottom: 3rem;
	list-style: disc;
	padding-left: 4rem;
	text-transform: uppercase;
	font-weight: 700;
}

.aside-decoration-text ul li {
	font-size: 1.5rem;
	line-height: 1.8em;
	letter-spacing: 0.266em;
}

.aside-decoration-text ul li li {
	font-size: 1.2rem;
}

.aside-decoration-text .footnote {
	font-weight: var(--font-medium);
	font-size: 1.2rem;
	letter-spacing: 0.0625em;
}

@media only screen and (min-width: 961px) {
	.aside-decoration-text {
		--row-desktop-gap: 0;
	}
	.aside-decoration-text .content {
		padding-top: 5.6rem;
		color: var(--pebble);
	}

	.aside-decoration-text .has-h-4-font-size,
	.aside-decoration-text .text,
	.aside-decoration-text .footnote {
		margin-bottom: 3rem;
	}

	.aside-decoration-text .has-h-4-font-size {
		color: var(--sprout);
		padding-right: 3rem;
	}

	.aside-decoration-text .text:not(span) {
		color: var(--fresh-lawn);
		margin-top: 2rem;
	}

	.aside-decoration-text ul {
		width: fit-content;
		margin: 0 auto 3rem;
	}

	.aside-decoration-text ul li {
		font-size: max(15px, 1.5rem);
	}
	.aside-decoration-text ul li li {
		font-size: max(12px, 1.2rem);
	}

	.aside-decoration-text .footnote {
		font-size: max(12px, 1.2rem);
	}
}
@media only screen and (min-width: 0) and (max-width: 960px) {
	.aside-decoration-text .content {
		padding-top: 0rem;
	}

	.aside-decoration-text .has-h-4-font-size {
		font-size: 3.5rem;
		line-height: 1.2em;
		letter-spacing: 0.085em;
		margin-bottom: 3rem;
	}
	.aside-decoration-text .has-h-4-font-size br {
		display: none;
	}

	.aside-decoration-text .has-eyebrow-font-size {
		color: var(--fresh-lawn);
	}

	.aside-decoration-text ul {
		margin-top: 1.5rem;
	}
	.aside-decoration-text ul li {
		line-height: 1.8em;
		letter-spacing: 0.0666em;
	}

	.aside-decoration-text .footnote {
		margin-bottom: 4rem;
	}

	.aside-decoration-text .bp-multimedia {
		display: none;
	}
}

/* @end */

/* ANIMATIONS */

:where(#wrapper) .aside-decoration-text :is(.title-aside, .content) {
	opacity: 0;
	--duration: 1s;
}

:where(#wrapper) .aside-decoration-text.animateActive :is(.title-aside) {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .aside-decoration-text.animateActive :is(.content) {
	animation: fadeRight var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .aside-decoration-text.animateActive .title-aside {
	--delay: 0.2s;
}
:where(#wrapper) .aside-decoration-text.animateActive .content {
	--delay: 0.6s;
}