/* The same SVG decorations used by the admissions-page hero. */
.lower-hero-decorations {
	pointer-events: none;
	user-select: none;
}

/* Shared Frame 3.svg curve image. Direction and vertical position stay page-specific. */
.school-curve-image {
	position: absolute;
	width: 100%;
	pointer-events: none;
	object-fit: fill;
	user-select: none;
}

.lower-hero-decoration {
	position: absolute;
	z-index: 0;
	max-width: none;
	pointer-events: none;
	object-fit: contain;
	user-select: none;
}

.lower-hero-decoration--right {
	top: 104px;
	right: -82px;
	width: 263px;
	height: 421px;
}

.lower-hero-decoration--left {
	bottom: -24px;
	left: -25px;
	width: 304px;
	height: 586px;
}

.lower-hero-decoration--left-dots {
	bottom: -8px;
	left: -120px;
	width: 205px;
	height: 441px;
}

.graduate-hero > :not(.lower-hero-decorations) {
	position: relative;
	z-index: 1;
}

@media (max-width: 980px) {
	.lower-hero-decoration--right {
		top: 76px;
		right: -104px;
		transform: scale(0.8);
	}

	.lower-hero-decoration--left {
		bottom: -32px;
		left: -42px;
		transform: scale(0.72);
	}

	.lower-hero-decoration--left-dots {
		bottom: -24px;
		left: -132px;
		transform: scale(0.8);
	}
}

@media (max-width: 640px) {
	.lower-hero-decoration--right {
		top: 44px;
		right: -118px;
		transform: scale(0.54);
	}

	.lower-hero-decoration--left {
		bottom: -108px;
		left: -92px;
		transform: scale(0.48);
	}

	.lower-hero-decoration--left-dots {
		bottom: -102px;
		left: -142px;
		transform: scale(0.56);
	}
}