body {
	container: body / inline-size;
	position: relative;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	color: #000;
	font-size: 25px;
	font-family: 'Poster Cut Neue';
	line-height: normal;
	letter-spacing: 0px;
	background-color: #19242f;
	padding-bottom: 807px;
	overflow: auto;
}

.group {
	position: absolute; top: 25px; left: 0; right: 0; 
	height: 844px;
	background: url(../assets/group.png) center / cover no-repeat;
}

.brown-slug-home {
	position: absolute; top: 277px; left: 103px; 
	width: 73px;
}

.pre-comp {
	position: absolute; top: 673px; left: 50%; 
	translate: -50% 0;
	margin-left: 8px;
	width: calc(100% - 32px);
	max-width: 512px;
}

.purple-slug {
	position: absolute; top: 129px; right: 271px; 
	width: 127px;
}

.header {
	position: relative; z-index: 1;
	display: flex;
	align-items: flex-start;
	gap: 67px;
	background-color: #dcdcd2;
	padding: 19px 39px 12px 39px;
}

.header-subtitle {
	text-transform: capitalize;
	text-align: left;
}

.header-subtitle-rooms-active {
	color: #ea1ea6;
}

.header-subtitle-discover {
	margin-left: 4px;
}



/* container queries (flex rows) */

@container body (width < 482px) {
	.header {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.header > * {
		margin-left: unset !important;
		text-align: center;
	}
}