.men-menu a.is-current {
	color: #fff;
	border-top-color: var(--men-accent);
}

.men-arch-page .men-gallery__stage .men-photo__media {
	cursor: default;
}

@media (hover: hover) {
	.men-arch-page .men-gallery__stage .men-photo__media {
		cursor: default;
	}

	.men-arch-page .men-gallery__stage .men-photo:hover .men-photo__media img,
	.men-arch-page .men-gallery__stage .men-photo:hover .men-photo__video {
		transform: none;
	}

	.men-arch-page .men-gallery__stage .men-photo:hover figcaption {
		color: var(--men-muted);
	}
}

.men-arch-hero .men-hero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: rgba(13, 8, 8, 0.7);
	pointer-events: none;
}

.men-arch-hero__content {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	width: 100%;
	height: 100%;
	padding: 40px;
	text-align: center;
	pointer-events: none;
}

.men-arch-hero__text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.men-arch-hero__title {
	margin: 0;
	font-family: var(--men-display);
	font-weight: 300;
	font-size: clamp(48px, 8vw, 154px);
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #fff;
}

.men-arch-hero__lead {
	margin: 0;
	max-width: 1088px;
	font-size: clamp(18px, 1.8vw, 28px);
	line-height: 1.18;
	font-weight: 400;
}

.men-arch-hero__cta {
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
	top: auto;
	pointer-events: auto;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	color: var(--men-muted);
}

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

.men-arch-map {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	padding: 76px 40px 40px;
	background: var(--men-bg);
}

.men-arch-map-track {
	display: contents;
}

.men-arch-map__pin {
	display: contents;
}

.men-arch-map__scheme {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	max-width: 900px;
	aspect-ratio: 900 / 858;
}

.men-arch-map__scheme img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0;
	transition: opacity 1.1s cubic-bezier(0.33, 1, 0.68, 1);
	pointer-events: none;
}

.men-arch-map__scheme img.is-active {
	opacity: 1;
}

.men-arch-map__legend {
	flex: 1 1 0;
	min-width: 0;
	max-width: 900px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.men-arch-map__legend li {
	display: block;
	max-height: 0;
	margin-top: 0;
	overflow: hidden;
	font-family: var(--men-headline);
	font-weight: 300;
	font-size: clamp(22px, 2.2vw, 40px);
	line-height: 1.2;
	text-transform: uppercase;
	overflow-wrap: break-word;
	color: var(--men-muted);
	opacity: 0;
	transform: translateY(18px);
	pointer-events: none;
	transition:
		max-height 1.1s cubic-bezier(0.33, 1, 0.68, 1),
		margin-top 1.1s cubic-bezier(0.33, 1, 0.68, 1),
		opacity 1.05s cubic-bezier(0.33, 1, 0.68, 1),
		transform 1.05s cubic-bezier(0.33, 1, 0.68, 1),
		color 0.8s ease;
}

.men-arch-map__legend li.is-shown {
	max-height: 4.8em;
	opacity: 1;
	transform: none;
	pointer-events: auto;
}

.men-arch-map__legend li.is-shown + li.is-shown {
	margin-top: 40px;
}

.men-arch-map__legend li.is-current {
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.men-arch-map__legend li {
		transition: none;
	}

	.men-arch-map__scheme img {
		transition: none;
	}
}

.men-arch-banner {
	overflow: hidden;
	background: var(--men-bg);
}

.men-arch-banner__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.men-arch-banner::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(13, 8, 8, 0) 0%, rgba(13, 8, 8, 0.8) 100%);
	pointer-events: none;
}

.men-arch-banner__title {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 28px;
	z-index: 1;
	margin: 0;
	font-family: var(--men-display);
	font-weight: 300;
	font-size: clamp(40px, 8vw, 154px);
	line-height: 1;
	text-transform: uppercase;
}

.men-arch-split {
	display: flex;
	align-items: stretch;
	gap: 40px;
}

.men-arch-split__visual {
	position: relative;
	overflow: hidden;
	flex: 0 0 auto;
}

.men-arch-split__visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.men-arch-split__visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(13, 8, 8, 0) 0%, rgba(13, 8, 8, 0.8) 100%);
}

.men-arch-split__visual h3 {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 28px;
	z-index: 1;
	margin: 0;
	font-family: var(--men-headline);
	font-weight: 300;
	font-size: clamp(28px, 3vw, 56px);
	line-height: 1.2;
	text-transform: uppercase;
}

.men-arch-split__info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
}

.men-arch-split__text {
	margin: 0;
	max-width: 524px;
	font-size: clamp(16px, 1.2vw, 20px);
	line-height: 1.2;
}

.men-arch-specs {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
}

.men-arch-specs li {
	padding: 20px 0 0;
	border-top: 1.5px solid rgba(255, 255, 255, 0.35);
	font-size: clamp(16px, 1.3vw, 22px);
	font-weight: 500;
	line-height: 1.6;
	text-transform: uppercase;
}

.men-arch-specs li:first-child {
	padding-top: 0;
	border-top: 0;
}

.men-arch-territory {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--men-bg);
	overflow: hidden;
	padding-top: var(--men-header-h);
}

.men-arch-territory__content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	width: 100%;
	max-width: 1088px;
	padding: 28px 40px;
	text-align: center;
}

.men-arch-territory__content .men-lead {
	margin: 0;
	width: 100%;
}

.men-arch-territory__floats {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

@media (max-width: 1023px) {
	html:has(body.men-arch-page),
	body.men-arch-page {
		overflow: visible;
	}

	.men-arch-page .men-scroll {
		overflow: visible;
	}
}

@media (min-width: 1024px) {
	.men-arch-hero .men-hero__media {
		top: var(--men-header-h);
		left: 0;
		right: 0;
		bottom: 0;
	}

	.men-arch-hero__content {
		position: absolute;
		top: var(--men-header-h);
		left: 0;
		right: 0;
		bottom: 0;
		padding: calc(40 * var(--men-s));
	}

	.men-arch-hero.is-inset .men-hero__media {
		top: calc(var(--men-header-h) + 40 * var(--men-s));
		left: calc(var(--men-ox) + 40 * var(--men-u));
		right: calc(var(--men-ox) + 40 * var(--men-u));
		bottom: calc(var(--men-oy) + 40 * var(--men-s));
	}

	.men-arch-hero .men-hero__cta,
	.men-arch-hero.is-inset .men-hero__cta {
		position: relative;
		left: auto;
		bottom: auto;
		opacity: 1;
		pointer-events: auto;
	}

	.men-arch-hero.is-inset .men-hero__cta .men-hero__bar::after {
		animation-play-state: running;
	}

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

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

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

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

	.men-arch-intro__photo--start {
		left: 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-arch-intro__photo--end {
		left: auto;
		right: calc(var(--men-ox) + 40 * var(--men-u));
		top: auto;
		bottom: calc(28 * var(--men-s));
		width: calc(336 * var(--men-s));
		height: calc(336 * var(--men-s));
		z-index: 3;
	}

	.men-arch-hero__title {
		font-size: calc(154 * var(--men-s));
		white-space: nowrap;
	}

	.men-arch-hero__lead {
		font-size: calc(28 * var(--men-s));
		width: calc(1088 * var(--men-s));
	}

	.men-arch-map {
		gap: calc(40 * var(--men-s));
		padding: calc(var(--men-header-h) + 40 * var(--men-s)) calc(var(--men-ox) + 40 * var(--men-u)) calc(40 * var(--men-s));
		min-width: 0;
	}

	.men-arch-map__scheme,
	.men-arch-map__legend {
		width: calc(900 * var(--men-s));
		max-width: calc((100% - 40 * var(--men-s)) / 2);
		flex: 1 1 0;
		min-width: 0;
	}

	.men-arch-map__legend {
		gap: 0;
	}

	.men-arch-map__legend li {
		font-size: calc(40 * var(--men-s));
	}

	.men-arch-map__legend li.is-shown + li.is-shown {
		margin-top: calc(40 * var(--men-s));
	}

	.men-arch-banner__title {
		left: calc(40 * var(--men-u));
		right: calc(40 * var(--men-u));
		bottom: calc(28 * var(--men-u));
		font-size: calc((154 - 98 * var(--arch-inset, 0)) * var(--men-u));
		line-height: calc(1 + 0.2 * var(--arch-inset, 0));
	}

	.men-panel.men-arch-banner {
		--arch-inset: 0;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc((1920 - 980 * var(--arch-inset)) * var(--men-u));
		width: calc((1920 - 980 * var(--arch-inset)) * var(--men-u));
		margin-right: calc(40 * var(--arch-inset) * var(--men-u));
	}

	.men-arch-banner__bg {
		top: 50%;
		left: 50%;
		right: auto;
		bottom: auto;
		width: calc(1920 * var(--men-u));
		height: 100%;
		max-width: none;
		transform: translate(-50%, -50%);
		transform-origin: center center;
		object-position: center;
	}

	.men-arch-house .men-photo__frame img,
	.men-arch-house .men-photo__video {
		object-position: center;
		transform-origin: center center;
		max-width: none;
	}

	.men-arch-banner.is-inset .men-arch-banner__title {
		font-family: var(--men-headline);
	}

	.men-arch-house {
		--arch-inset: 0;
		flex: 0 0 auto;
		height: 100%;
		width: calc(3860 * var(--men-gu) + var(--men-gallery-tail, 80px));
		overflow: hidden;
	}

	.men-arch-house .men-arch-split__info {
		opacity: var(--arch-inset);
		transform: translateX(calc((1 - var(--arch-inset)) * 24px));
	}

	.men-arch-house .men-gallery__stage {
		height: var(--men-vh);
		width: calc(3860 * var(--men-gu) + var(--men-gallery-tail, 80px));
		transition: width 0.55s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.men-arch-house--short {
		width: calc(2380 * var(--men-gu) + var(--men-gallery-tail, 80px));
	}

	.men-arch-house--short .men-gallery__stage {
		width: calc(2380 * var(--men-gu) + var(--men-gallery-tail, 80px));
	}

	#time-details,
	#time-details .men-gallery__stage,
	#tradition-details .men-gallery__stage {
		width: calc(2380 * var(--men-gu) + var(--men-gallery-tail, 80px));
	}

	#epoch-details,
	#epoch-details .men-gallery__stage,
	#orden-details,
	#orden-details .men-gallery__stage {
		width: calc(3860 * var(--men-gu) + var(--men-gallery-tail, 80px));
		overflow: hidden;
	}

	#time-details {
		overflow: hidden;
	}

	#epoch-details .men-arch-split,
	#orden-details .men-arch-split,
	#time-details .men-arch-split,
	#tradition-details .men-arch-split {
		width: calc(900 * var(--men-gu));
	}

	#epoch-details .men-arch-split__info,
	#orden-details .men-arch-split__info,
	#time-details .men-arch-split__info,
	#tradition-details .men-arch-split__info {
		width: calc(900 * var(--men-gu));
		padding: calc(116 * var(--men-gu)) 0 calc(28 * var(--men-gu));
		opacity: 1;
		transform: none;
	}

	#epoch-details .men-arch-specs,
	#orden-details .men-arch-specs,
	#time-details .men-arch-specs,
	#tradition-details .men-arch-specs {
		width: 100%;
	}

	#epoch-details .men-arch-specs li,
	#orden-details .men-arch-specs li,
	#time-details .men-arch-specs li,
	#tradition-details .men-arch-specs li {
		padding-top: 0;
		border-top: 0;
	}

	#epoch-details .men-arch-specs li + li,
	#orden-details .men-arch-specs li + li,
	#time-details .men-arch-specs li + li,
	#tradition-details .men-arch-specs li + li {
		margin-top: calc(20 * var(--men-gu));
		padding-top: calc(20 * var(--men-gu));
		border-top: 1.5px solid rgba(255, 255, 255, 0.35);
	}

	#epoch-details .p-arch-1,
	#orden-details .p-arch-1,
	#time-details .p-arch-1,
	#tradition-details .p-arch-1 {
		left: calc(940 * var(--men-gu));
	}

	#epoch-details .p-arch-2,
	#orden-details .p-arch-2,
	#time-details .p-arch-2,
	#tradition-details .p-arch-2 {
		left: calc(1680 * var(--men-gu));
	}

	#epoch-details .p-arch-3,
	#orden-details .p-arch-3 {
		left: calc(2420 * var(--men-gu));
	}

	#epoch-details .p-arch-4,
	#orden-details .p-arch-4 {
		left: calc(3160 * var(--men-gu));
	}

	.men-arch-scene {
		display: contents;
	}

	.men-arch-pin {
		display: none;
	}

	.men-arch-scene + .men-arch-scene .men-arch-banner,
	.men-arch-house + .men-arch-banner,
	#orden,
	#time,
	#tradition {
		margin-left: calc(40 * var(--men-gu));
	}

	/* Figma 70:4986 — 40px after last photo, then 148px hang of territory BL */
	.men-arch-scene:has(+ .men-arch-territory) .men-arch-house,
	.men-arch-house:has(+ .men-arch-territory) {
		overflow: visible;
		width: calc(2380 * var(--men-gu) + 40 * var(--men-gu) + 148 * var(--men-u));
	}

	.men-arch-scene:has(+ .men-arch-territory) .men-arch-house--short .men-gallery__stage,
	.men-arch-house--short:has(+ .men-arch-territory) .men-gallery__stage {
		width: calc(2380 * var(--men-gu) + 40 * var(--men-gu) + 148 * var(--men-u));
		overflow: visible;
	}

	.men-arch-scene + .men-arch-territory,
	.men-arch-house + .men-arch-territory {
		margin-left: 0;
		overflow: visible;
	}

	.men-arch-split {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: calc(900 * var(--men-gu));
		gap: 0;
	}

	.men-arch-split__info {
		width: calc(900 * var(--men-gu));
		padding: calc(116 * var(--men-gu)) 0 calc(28 * var(--men-gu));
	}

	.men-arch-split__text {
		font-size: calc(20 * var(--men-gu));
		width: calc(524 * var(--men-gu));
		max-width: none;
	}

	.men-arch-specs {
		gap: 0;
		width: 100%;
	}

	.men-arch-specs li {
		font-size: calc(22 * var(--men-gu));
		padding-top: calc(20 * var(--men-gu));
	}

	.men-arch-house .p-arch-1,
	.men-arch-house .p-arch-2,
	.men-arch-house .p-arch-3,
	.men-arch-house .p-arch-4 {
		top: calc(76 * var(--men-gu));
		width: calc(700 * var(--men-gu));
		height: calc(976 * var(--men-gu));
	}

	.men-arch-house .p-arch-1 .men-photo__media,
	.men-arch-house .p-arch-2 .men-photo__media,
	.men-arch-house .p-arch-3 .men-photo__media,
	.men-arch-house .p-arch-4 .men-photo__media {
		flex: 1 1 0;
		min-height: 0;
		height: auto;
	}

	.men-arch-house .p-arch-1 {
		left: calc(940 * var(--men-gu));
	}

	.men-arch-house .p-arch-2 {
		left: calc(1680 * var(--men-gu));
	}

	.men-arch-house .p-arch-3 {
		left: calc(2420 * var(--men-gu));
	}

	.men-arch-house .p-arch-4 {
		left: calc(3160 * var(--men-gu));
	}

	.men-arch-house .men-photo figcaption {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
		overflow: visible;
		font-size: calc(28 * var(--men-gu));
		line-height: 1.18;
		white-space: normal;
		overflow-wrap: break-word;
	}

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

	.men-arch-territory__content .men-lead {
		font-size: calc(28 * var(--men-s));
		line-height: 1.18;
	}

	.men-arch-territory__photo--tl {
		left: calc(var(--men-ox) + 40 * var(--men-u));
		top: var(--men-header-h);
		width: calc(336 * var(--men-s));
		height: calc(448 * var(--men-s));
	}

	.men-arch-territory__photo--tr {
		left: auto;
		right: calc(var(--men-ox) + 40 * var(--men-u));
		top: calc(var(--men-header-h) + 56 * var(--men-s));
		width: calc(336 * var(--men-s));
		height: calc(336 * var(--men-s));
	}

	.men-arch-territory__photo--bl {
		left: 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));
	}

	.men-arch-territory__photo--br {
		left: auto;
		right: calc(var(--men-ox) - 148 * var(--men-u));
		top: auto;
		bottom: calc(28 * var(--men-s));
		width: calc(336 * var(--men-s));
		height: calc(448 * var(--men-s));
	}
}

@media (max-width: 1023px) {
	.men-arch-hero {
		height: calc(100svh - var(--men-header-h));
		scroll-margin-top: 0;
	}

	.men-arch-hero__content {
		padding: 15px;
		justify-content: center;
		gap: 40px;
	}

	.men-arch-hero__text {
		gap: 20px;
	}

	.men-arch-hero__title {
		font-size: 38px;
		line-height: 1.2;
		white-space: normal;
	}

	.men-arch-hero__lead {
		font-size: 18px;
		line-height: 1.18;
		max-width: none;
	}

	.men-arch-hero .men-hero__cta {
		display: flex;
		width: auto;
		padding: 0;
		gap: 10px;
	}

	.men-arch-hero .men-hero__cta > span:not(.men-hero__bar) {
		font-size: 15px;
		line-height: 1.6;
	}

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

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

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

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

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

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

	.men-arch-map-track {
		display: block;
		position: relative;
		height: calc(100svh * var(--arch-map-screens, 5));
	}

	.men-arch-map {
		position: sticky;
		top: 0;
		z-index: 1;
		display: block;
		width: 100%;
		height: 100svh;
		min-height: 100svh;
		padding: 0;
		gap: 0;
		scroll-margin-top: 0;
	}

	.men-arch-map__pin {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: clamp(8px, 2.46svh, 24px);
		width: 100%;
		height: 100%;
		min-height: 0;
		overflow: hidden;
		padding: calc(var(--men-header-h) + 20px) 15px 24px;
		background: var(--men-bg);
	}

	.men-arch-map.is-sequence .men-arch-map__scheme img {
		transition: opacity 0.45s ease;
	}

	.men-arch-map.is-sequence .men-arch-map__legend li {
		max-height: 0;
		margin-top: 0;
		opacity: 0;
		overflow: hidden;
		transform: translateY(18px);
		pointer-events: none;
		color: var(--men-muted);
		transition:
			color 0.3s ease,
			opacity 0.45s ease,
			transform 0.45s ease,
			max-height 0.5s ease,
			margin-top 0.5s ease;
	}

	.men-arch-map.is-sequence .men-arch-map__legend li.is-shown {
		max-height: 8em;
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}

	.men-arch-map.is-sequence .men-arch-map__legend li.is-current {
		color: #fff;
	}

	.men-arch-map.is-sequence .men-arch-map__legend li.is-shown + li.is-shown {
		margin-top: clamp(6px, 2.46svh, 20px);
	}

	.men-arch-map__scheme {
		flex: 1 1 0;
		min-height: 0;
		width: 100%;
		max-width: none;
		aspect-ratio: auto;
	}

	.men-arch-map__legend {
		flex: 0 0 auto;
		gap: 0;
		width: 100%;
		max-width: none;
		min-width: 0;
	}

	.men-arch-map__legend li {
		font-size: clamp(12px, 2.46svh, 20px);
		font-weight: 400;
		line-height: 1.2;
	}

	.men-arch-map__legend li.is-shown + li.is-shown {
		margin-top: clamp(6px, 2.46svh, 20px);
	}

	.men-arch-scene {
		position: relative;
		display: block;
		overflow: visible;
		isolation: isolate;
	}

	.men-arch-scene .men-arch-banner {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		height: 100svh;
		z-index: 0;
	}

	.men-arch-pin {
		display: block;
		height: 28svh;
		pointer-events: none;
		visibility: hidden;
	}

	.men-arch-scene .men-arch-house {
		position: relative;
		z-index: 1;
		margin-top: 0;
		padding-top: 0;
		background: var(--men-bg);
	}

	.men-arch-scene .men-arch-split {
		min-height: 0;
		box-sizing: border-box;
		padding-top: 50px;
		padding-bottom: 0;
		background: var(--men-bg);
	}

	.men-arch-scene + .men-arch-scene .men-arch-banner {
		margin-top: 0;
	}

	.men-arch-banner {
		height: 800px;
	}

	.men-arch-banner__bg {
		object-position: center;
	}

	.men-arch-banner__title {
		left: 15px;
		right: 15px;
		bottom: 50px;
		font-size: 38px;
		line-height: 1.2;
		letter-spacing: 0;
	}

	.men-arch-house {
		padding: 50px 0;
	}

	.men-arch-split {
		flex-direction: column;
		gap: 40px;
		padding: 0 15px;
	}

	.men-arch-split__info {
		gap: 40px;
		padding-bottom: 0;
		opacity: 1;
	}

	.men-arch-split__text {
		width: 100%;
		max-width: none;
		font-size: 14px;
		line-height: 1.2;
	}

	.is-arch-motion .men-arch-reveal {
		opacity: 0;
		transform: translate3d(0, 36px, 0);
		transition:
			opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
			transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
		transition-delay: var(--arch-reveal-delay, 0s);
	}

	.is-arch-motion .men-arch-reveal.is-in {
		opacity: 1;
		transform: none;
	}

	.is-arch-motion .men-float.men-arch-reveal {
		transform: none;
		transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1);
		transition-delay: var(--arch-reveal-delay, 0s);
	}

	.is-arch-motion .men-arch-intro__photo--start.men-arch-reveal,
	.is-arch-motion .men-arch-intro__photo--start.men-arch-reveal.is-in,
	.is-arch-motion .men-arch-intro__photo--end.men-arch-reveal,
	.is-arch-motion .men-arch-intro__photo--end.men-arch-reveal.is-in,
	.is-arch-motion .men-res-intro__photo--tr.men-arch-reveal,
	.is-arch-motion .men-res-intro__photo--tr.men-arch-reveal.is-in,
	.is-arch-motion .men-res-intro__photo--bl.men-arch-reveal,
	.is-arch-motion .men-res-intro__photo--bl.men-arch-reveal.is-in {
		transform: none;
		transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.is-arch-motion .men-arch-house .men-photo.men-arch-reveal .men-photo__frame img,
	.is-arch-motion .men-arch-house .men-photo.men-arch-reveal .men-photo__video {
		transform: scale(1.12) translate3d(0, 6%, 0);
		transition: transform 1.15s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.is-arch-motion .men-arch-house .men-photo.men-arch-reveal.is-in .men-photo__frame img,
	.is-arch-motion .men-arch-house .men-photo.men-arch-reveal.is-in .men-photo__video {
		transform: none;
	}

	.men-arch-specs {
		gap: 0;
		width: 100%;
	}

	.men-arch-specs li {
		padding-top: 0;
		border-top: 0;
		font-size: 18px;
		line-height: 1.6;
	}

	.men-arch-specs li + li {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1.5px solid rgba(255, 255, 255, 0.35);
	}

	.men-arch-house .men-gallery__photos {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 40px;
		padding: 50px 15px 0;
		width: 100%;
	}

	.men-arch-house .men-gallery__photos .men-photo,
	.men-arch-house .men-gallery__photos .men-photo:not(.p-wide),
	.men-arch-house .men-gallery__photos .men-photo.p-sq,
	.men-arch-house .men-gallery__photos .men-photo.p-wide,
	.men-arch-house .men-gallery__photos .men-photo.p-m-right,
	.men-arch-house .men-gallery__photos .men-photo.p-m-left,
	.men-arch-house .men-gallery__photos .men-photo.p-m-center {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		max-width: none;
		margin: 0;
		gap: 10px;
	}

	.men-arch-house .men-gallery__photos .men-photo .men-photo__media,
	.men-arch-house .men-gallery__photos .men-photo.p-sq .men-photo__media,
	.men-arch-house .men-gallery__photos .men-photo.p-wide .men-photo__media {
		width: 100%;
		height: auto !important;
		aspect-ratio: 345 / 460;
	}

	.men-arch-house .men-gallery__photos .men-photo figcaption {
		width: 100%;
		font-size: 18px;
		line-height: 1.18;
		color: var(--men-muted);
	}

	.men-gallery.men-arch-house:has(+ .men-arch-banner),
	.men-arch-scene:has(+ .men-arch-scene) .men-gallery.men-arch-house,
	.men-arch-scene:has(+ .men-arch-territory) .men-gallery.men-arch-house,
	.men-arch-scene:has(+ .men-contacts) .men-gallery.men-arch-house,
	.men-gallery.men-arch-house:has(+ .men-arch-territory) {
		padding-bottom: 0;
	}

	.men-gallery.men-arch-house:has(+ .men-arch-banner) .men-gallery__photos,
	.men-arch-scene:has(+ .men-arch-scene) .men-gallery.men-arch-house .men-gallery__photos,
	.men-arch-scene:has(+ .men-arch-territory) .men-gallery.men-arch-house .men-gallery__photos,
	.men-arch-scene:has(+ .men-contacts) .men-gallery.men-arch-house .men-gallery__photos,
	.men-gallery.men-arch-house:has(+ .men-arch-territory) .men-gallery__photos {
		padding-bottom: 50px;
	}

	.men-arch-house + .men-panel.men-arch-banner,
	.men-arch-scene + .men-arch-scene {
		margin-top: 50px;
		margin-left: 0;
	}

	.men-arch-scene + .men-arch-scene {
		margin-top: 0;
	}

	.men-arch-scene + .men-arch-scene .men-arch-banner {
		margin-top: 0;
	}

	.men-arch-territory {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		padding: 50px 0;
		min-height: 0;
		overflow: visible;
		gap: 40px;
	}

	.men-gallery.men-arch-house + .men-panel.men-arch-territory {
		margin-top: 0;
		padding-top: 50px;
	}

	.men-arch-territory__floats {
		display: contents;
		pointer-events: auto;
	}

	.men-arch-territory__photo {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		width: 200px;
		max-width: calc(100vw - 30px);
		height: auto;
	}

	.men-arch-territory__photo--tl {
		order: 1;
		aspect-ratio: 200 / 266;
		margin-left: 15px;
		margin-right: auto;
	}

	.men-arch-territory__photo--tr {
		order: 2;
		aspect-ratio: 1 / 1;
		margin-left: auto;
		margin-right: 15px;
	}

	.men-arch-territory__content {
		order: 3;
		width: 100%;
		max-width: none;
		padding: 0 15px;
		gap: 20px;
	}

	.men-arch-territory__content .men-lead {
		font-size: 18px;
		line-height: 1.18;
	}

	.men-arch-territory__photo--bl {
		order: 4;
		aspect-ratio: 1 / 1;
		margin-left: 15px;
		margin-right: auto;
	}

	.men-arch-territory__photo--br {
		order: 5;
		aspect-ratio: 200 / 266;
		margin-left: auto;
		margin-right: 15px;
	}
}

@media (max-width: 1023px) and (max-height: 800px) and (orientation: portrait) {
	.men-arch-map__pin {
		padding-top: var(--men-header-h);
		padding-bottom: max(10px, env(safe-area-inset-bottom));
	}
}

@media (max-width: 1023px) and (prefers-reduced-motion: reduce),
	(max-width: 1023px) and (orientation: landscape) {
	.men-arch-map-track {
		height: auto;
	}

	.men-arch-map {
		position: relative;
		height: auto;
		min-height: 0;
	}

	.men-arch-map.is-pinned,
	.men-arch-map.is-docked {
		position: relative;
		top: auto;
		bottom: auto;
	}

	.men-arch-map__pin {
		position: static;
		height: auto;
		min-height: 0;
		overflow: visible;
		padding: 50px 15px;
	}

	.men-arch-map__scheme {
		flex: 0 0 auto;
		min-height: 0;
		aspect-ratio: 345 / 329;
	}

	.men-arch-map__legend li {
		font-size: 20px;
	}

	.men-arch-map.is-sequence .men-arch-map__legend li,
	.men-arch-map.is-sequence .men-arch-map__legend li.is-shown,
	.men-arch-map__legend li,
	.men-arch-map__legend li.is-shown {
		max-height: none;
		opacity: 1;
		overflow: visible;
		transform: none;
		margin-top: 0;
		pointer-events: auto;
	}

	.men-arch-map__legend li + li {
		margin-top: 20px;
	}
}

@media (max-width: 1023px) and (prefers-reduced-motion: reduce) {
	.men-arch-scene .men-arch-banner {
		position: relative;
		top: auto;
		height: 800px;
	}

	.men-arch-pin {
		display: none;
	}

	.is-arch-motion .men-arch-reveal,
	.is-arch-motion .men-arch-reveal.is-in,
	.is-arch-motion .men-arch-house .men-photo.men-arch-reveal .men-photo__frame img,
	.is-arch-motion .men-arch-house .men-photo.men-arch-reveal .men-photo__video,
	.is-arch-motion .men-arch-house .men-photo.men-arch-reveal.is-in .men-photo__frame img,
	.is-arch-motion .men-arch-house .men-photo.men-arch-reveal.is-in .men-photo__video {
		opacity: 1;
		transform: none;
		transition: none;
	}
}