/******/
/*** CONTAINERS + MEDIA ***/
/******/

.grid-container,
.grid-container-full {
	max-width: var(--content-max);
}

.padding-container,
.padding-container-small {
	padding: clamp(1.5rem, 4vw, 3rem);
	border-radius: var(--radius-media);
	overflow: clip;
}

.padding-container-small {
	padding: 1.5rem;
}

.rounded-media {
	position: relative;
	border-radius: var(--radius-media);
	overflow: clip;
	isolation: isolate;
}

.parallax-media {
	--parallax-y: 0px;
	background: rgba(35, 31, 32, 0.08);
}

.parallax-media__inner {
	position: absolute;
	inset: -4% 0;
	z-index: 0;
}

.parallax-media .parallax-media__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate3d(0, var(--parallax-y), 0) scale(1.045);
	transform-origin: center;
	will-change: transform;
}