.page-frame {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.page-frame__content {
	flex: 1;
	width: 100%;
}

.page-frame__ornament {
	width: 100%;
	overflow: hidden;
	background: #050002;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.page-frame__ornament--top,
.page-frame__ornament--bottom {
	height: clamp(3.5rem, 11vw, 6.5rem);
}

.page-frame__ornament img {
	display: block;
	width: auto;
	height: 100vw;
	max-width: none;
	transform: rotate(90deg);
	transform-origin: center center;
	user-select: none;
	pointer-events: none;
}

.page-frame__ornament--bottom img {
	transform: rotate(-90deg);
}