.men-res-hero .men-arch-hero__title {
	white-space: nowrap;
}

.men-res-intro__content {
	max-width: 1088px;
}

@media (min-width: 1024px) {
	.men-res-page .men-arch-banner__title {
		white-space: normal;
	}

	.men-res-page #terrace .men-arch-banner__title {
		left: calc(40 * var(--men-u));
		right: calc(40 * var(--men-u));
		bottom: calc(28 * var(--men-u));
		text-align: left;
		font-family: var(--men-display);
		font-weight: 300;
		line-height: calc(1 + 0.2 * var(--arch-inset, 0));
	}

	.men-res-page #terrace .men-arch-banner__wrap {
		display: none;
	}

	.men-res-page #terrace.is-inset .men-arch-banner__wrap {
		display: revert;
	}

	.men-res-page #terrace.is-inset .men-arch-banner__title {
		font-family: var(--men-headline);
	}

	.men-res-page .men-arch-house .men-arch-split,
	.men-res-page .men-arch-house .men-arch-split__info {
		width: calc(900 * var(--men-gu));
	}

	.men-res-page .men-arch-house .men-arch-split__info {
		padding: calc(116 * var(--men-gu)) 0 calc(28 * var(--men-gu));
		opacity: 1;
		transform: none;
	}

	.men-res-page .men-arch-house {
		overflow: hidden;
	}

	.men-res-page .men-arch-house .men-gallery__stage {
		overflow: hidden;
	}

	.men-res-page .men-arch-scene + .men-arch-scene .men-arch-banner,
	.men-res-page .men-arch-house + .men-arch-banner {
		margin-left: calc(40 * var(--men-gu));
	}

	.men-res-page .men-arch-house .men-photo figcaption {
		width: 100%;
		max-width: 100%;
		overflow: visible;
		white-space: normal;
		overflow-wrap: break-word;
	}

	.men-res-page .men-arch-house--five,
	.men-res-page .men-arch-house--five .men-gallery__stage {
		width: calc(4600 * var(--men-gu) + var(--men-gallery-tail, 80px));
	}

	.men-res-page .men-arch-house--six,
	.men-res-page .men-arch-house--six .men-gallery__stage {
		width: calc(5340 * var(--men-gu) + var(--men-gallery-tail, 80px));
	}

	.men-res-page .men-arch-house .p-arch-5,
	.men-res-page .men-arch-house .p-arch-6 {
		top: calc(76 * var(--men-gu));
		width: calc(700 * var(--men-gu));
		height: calc(976 * var(--men-gu));
	}

	.men-res-page .men-arch-house .p-arch-5 .men-photo__media,
	.men-res-page .men-arch-house .p-arch-6 .men-photo__media {
		flex: 1 1 0;
		min-height: 0;
		height: auto;
	}

	.men-res-page .men-arch-house .p-arch-5 {
		left: calc(3900 * var(--men-gu));
	}

	.men-res-page .men-arch-house .p-arch-6 {
		left: calc(4640 * var(--men-gu));
	}

	.men-res-page .men-arch-scene + .men-contacts,
	.men-res-page .men-arch-house + .men-contacts {
		margin-left: calc(40 * var(--men-gu));
	}

	.men-intro.men-res-intro {
		overflow: visible;
		padding-top: var(--men-header-h);
	}

	.men-res-intro__content {
		width: calc(1088 * var(--men-s));
		max-width: none;
		gap: calc(40 * var(--men-s));
		padding: 0;
	}

	.men-res-intro .men-h2 {
		width: 100%;
		max-width: none;
		font-size: calc(56 * var(--men-s));
		line-height: 1.2;
	}

	.men-res-intro .men-lead {
		margin: 0;
		width: 100%;
		font-size: calc(28 * var(--men-s));
		line-height: 1.18;
	}

	.men-res-intro__photo--tl {
		left: calc(var(--men-ox) + 228 * var(--men-u));
		top: calc(var(--men-header-h) + 40 * var(--men-s));
		bottom: auto;
		width: calc(336 * var(--men-s));
		height: calc(336 * var(--men-s));
		z-index: 1;
	}

	.men-res-intro__photo--tr {
		left: auto;
		right: calc(var(--men-ox) + 40 * var(--men-u));
		top: var(--men-header-h);
		bottom: auto;
		width: calc(336 * var(--men-s));
		height: calc(448 * var(--men-s));
		z-index: 1;
	}

	.men-res-intro__photo--bl {
		left: calc(var(--men-ox) + 40 * var(--men-u));
		top: auto;
		bottom: calc(28 * var(--men-s));
		width: calc(336 * var(--men-s));
		height: calc(448 * var(--men-s));
		z-index: 3;
	}

	.men-res-intro__photo--br {
		left: auto;
		right: calc(var(--men-ox) - 148 * var(--men-u));
		top: auto;
		bottom: calc(84 * var(--men-s));
		width: calc(336 * var(--men-s));
		height: calc(336 * var(--men-s));
		z-index: 3;
	}
}

@media (max-width: 1023px) {
	.men-res-hero .men-arch-hero__title {
		font-size: 38px;
		line-height: 1.2;
		white-space: normal;
	}

	.men-res-intro {
		padding: 100px 0 50px;
		gap: 40px;
		overflow: visible;
	}

	.men-res-intro .men-intro__content {
		order: 0;
		padding: 0 15px;
		gap: 20px;
		max-width: none;
	}

	.men-res-intro .men-h2 {
		width: 100%;
		max-width: none;
		font-size: 38px;
		line-height: 1.1;
	}

	.men-res-intro .men-lead {
		margin: 0;
		width: 100%;
		font-size: 18px;
		line-height: 1.18;
	}

	.men-res-intro .men-intro__floats {
		display: contents;
	}

	.men-res-intro__photo--tr {
		order: -1;
		width: 200px;
		max-width: calc(100vw - 30px);
		height: auto;
		aspect-ratio: 200 / 266;
		margin-left: auto;
		margin-right: 15px;
	}

	.men-res-intro__photo--bl {
		order: 1;
		width: 200px;
		max-width: calc(100vw - 30px);
		height: auto;
		aspect-ratio: 200 / 266;
		margin-left: 15px;
		margin-right: auto;
	}

	.men-res-intro__photo--tl,
	.men-res-intro__photo--br {
		display: none;
	}

	.men-res-hero + .men-res-intro {
		margin-top: 0;
	}

	.men-res-page .men-arch-banner__title {
		white-space: normal;
	}

	.men-res-page #patio .men-arch-banner__bg {
		top: 0;
		bottom: 0;
		left: 0.07%;
		right: auto;
		width: 213.33%;
		height: 100%;
		max-width: none;
		object-fit: cover;
		object-position: left center;
	}

	.men-res-page #patio-details .p-arch-1 .men-photo__frame img {
		position: absolute;
		top: 0;
		left: -34.26%;
		width: 218.8%;
		max-width: none;
		height: 100%;
		object-fit: cover;
	}

	.men-res-page .men-arch-scene + .men-contacts,
	.men-res-page .men-arch-house + .men-contacts {
		margin-left: 0;
	}
}