/* Long-form technical pages use the shared internal-page header and typography. */
.legal-content {
	padding: 216px var(--page-gutter) 120px;
}

.legal-content__inner {
	width: 100%;
	max-width: calc(1040px / var(--cex-site-scale, 1));
	margin-inline: auto;
}

.legal-content__title {
	margin: 0 0 56px;
	font-size: 64px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.02em;
	overflow-wrap: anywhere;
}

.legal-content__body {
	font-size: calc(20px / var(--cex-site-scale, 1));
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.legal-content__body h2,
.legal-content__body h3 {
	margin: 2em 0 0.75em;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.legal-content__body h2 { font-size: 1.6em; }
.legal-content__body h3 { font-size: 1.2em; }
.legal-content__body p { margin: 0 0 1em; }
.legal-content__body ul,
.legal-content__body ol { margin: 0 0 1.25em; padding-left: 1.5em; }
.legal-content__body li { margin-bottom: 0.4em; }
.legal-content__body li::marker { color: var(--color-accent); }
.legal-content__body a { text-decoration: underline; text-underline-offset: 0.2em; }
.legal-content__body a:hover,
.legal-content__body a:focus-visible { color: var(--color-accent-hover); }
.legal-content__body > :last-child { margin-bottom: 0; }

@media (max-width: 1024px) {
	.legal-content { padding: 156px 32px 80px; }
	.legal-content__title { font-size: 48px; margin-bottom: 36px; }
	.legal-content__body { font-size: 18px; }
}

@media (max-width: 767px) {
	.legal-content { padding: 132px 20px 56px; }
	.legal-content__title { font-size: 34px; margin-bottom: 28px; }
	.legal-content__body { font-size: 16px; }
	.legal-content__body h2 { font-size: 1.4em; }
}

@font-face {
	font-family: "Wix Madefor Display";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/wix-madefor-display-regular.ttf") format("truetype");
}

/* Contacts route diagram, matching Figma nodes 2117:1801 and 2117:2084. */
.contacts__info {
	display: contents;
}

.contacts__route-button {
	position: absolute;
	top: 518px;
	left: 120px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 572px;
	min-height: 68px;
	padding: 5px 20px;
	border: 1px solid var(--color-accent);
	border-radius: 0;
	background: var(--color-accent);
	color: #f9f9f9;
	font: inherit;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
	transition: background-color var(--transition), border-color var(--transition), color var(--transition);
}

.contacts__route-button:hover,
.contacts__route-button:focus-visible {
	border-color: var(--color-accent-hover);
	background: var(--color-accent-hover);
}

.route-popup {
	width: min(calc(784px * var(--cex-site-scale, 1)), calc(100vw - 32px));
	max-width: none;
	max-height: calc(100vh - 32px);
	padding: 0;
	border: 0;
	background: #fff;
	color: #0d0d0c;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
	overflow: auto;
}

.route-popup:not([open]) {
	display: none;
}

.route-popup::backdrop {
	background: rgba(0, 0, 0, 0.66);
}

.route-popup__backdrop:not([hidden]) {
	position: fixed;
	inset: 0;
	z-index: 9998;
	background: rgba(0, 0, 0, 0.66);
}

.route-popup.is-fallback-modal {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	margin: 0;
	transform: translate(-50%, -50%);
}

.route-popup__title {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(139px * var(--cex-site-scale, 1));
	padding: calc(36px * var(--cex-site-scale, 1)) calc(76px * var(--cex-site-scale, 1)) calc(21px * var(--cex-site-scale, 1));
	margin: 0;
	font-size: calc(55px * var(--cex-site-scale, 1));
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
}

.route-popup__title:focus {
	outline: 0;
}

.route-popup__close {
	position: absolute;
	top: calc(30px * var(--cex-site-scale, 1));
	right: calc(30px * var(--cex-site-scale, 1));
	z-index: 1;
	display: grid;
	place-items: center;
	width: calc(34px * var(--cex-site-scale, 1));
	height: calc(34px * var(--cex-site-scale, 1));
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.route-popup__close .icon,
.route-popup__close svg {
	display: block;
	width: 100%;
	height: 100%;
}

.route-popup__close:hover,
.route-popup__close:focus-visible {
	color: var(--color-accent);
}

.route-popup__close:hover svg path,
.route-popup__close:focus-visible svg path {
	fill: currentColor;
}

.route-popup__image {
	display: block;
	width: 100%;
	height: auto;
}

body.route-popup-is-open {
	overflow: hidden;
}

/* Contact Form 7 success dialog, Figma node 2117:3664. */
.contact-success {
	--contact-success-scale: var(--cex-site-scale, 1);
	width: min(calc(784px * var(--contact-success-scale)), calc(100vw - 32px));
	max-width: none;
	max-height: calc(100vh - 32px);
	min-height: calc(467px * var(--contact-success-scale));
	padding: 0;
	border: 0;
	background: #fff;
	color: #0d0d0c;
	overflow: clip;
}

.contact-success:not([open]) {
	display: none;
}

.contact-success::backdrop,
.contact-success__backdrop:not([hidden]) {
	background: rgba(0, 0, 0, 0.66);
}

.contact-success__backdrop:not([hidden]) {
	position: fixed;
	inset: 0;
	z-index: 9998;
}

.contact-success.is-fallback-modal {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	margin: 0;
	transform: translate(-50%, -50%);
}

.contact-success > img {
	position: absolute;
	display: block;
	max-width: none;
	height: auto;
	pointer-events: none;
}

.contact-success__structure {
	top: 0;
	left: 0;
	width: calc(784px * var(--contact-success-scale));
}

.contact-success__bottom-line {
	bottom: calc(31px * var(--contact-success-scale));
	left: calc(-1086px * var(--contact-success-scale));
	width: calc(1870px * var(--contact-success-scale));
}

.contact-success__bottom-marker {
	top: calc(422px * var(--contact-success-scale));
	left: calc(609px * var(--contact-success-scale));
	width: calc(27px * var(--contact-success-scale));
}

.contact-success__top-line {
	top: calc(39px * var(--contact-success-scale));
	left: calc(1px * var(--contact-success-scale));
	width: calc(635px * var(--contact-success-scale));
}

.contact-success__top-vertical {
	top: calc(92px * var(--contact-success-scale));
	left: calc(636px * var(--contact-success-scale));
	width: calc(92px * var(--contact-success-scale));
	transform: rotate(-90deg);
	transform-origin: top left;
}

.contact-success__top-dot {
	top: calc(87px * var(--contact-success-scale));
	left: calc(632px * var(--contact-success-scale));
	width: calc(7px * var(--contact-success-scale));
}

.contact-success__close {
	position: absolute;
	top: calc(30px * var(--contact-success-scale));
	right: calc(30px * var(--contact-success-scale));
	z-index: 2;
	display: grid;
	place-items: center;
	width: calc(34px * var(--contact-success-scale));
	height: calc(34px * var(--contact-success-scale));
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.contact-success__close .icon,
.contact-success__close svg {
	display: block;
	width: 100%;
	height: 100%;
}

.contact-success__close svg path {
	transition: fill var(--transition);
}

.contact-success__close:hover,
.contact-success__close:focus-visible {
	color: var(--color-accent);
}

.contact-success__close:hover svg path,
.contact-success__close:focus-visible svg path {
	fill: currentColor;
}

.contact-success__content {
	position: relative;
	z-index: 1;
	width: calc(572px * var(--contact-success-scale));
	margin: calc(115px * var(--contact-success-scale)) auto;
	text-align: center;
	text-transform: uppercase;
}

.contact-success__title {
	margin: 0;
	font-size: calc(55px * var(--contact-success-scale));
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.contact-success__title:focus {
	outline: 0;
}

.contact-success__title span {
	display: block;
}

.contact-success__title span + span {
	color: var(--color-accent);
}

.contact-success__description {
	margin: calc(40px * var(--contact-success-scale)) 0 0;
	color: #191919;
	font-size: calc(20px * var(--contact-success-scale));
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.25;
	white-space: pre-line;
}

body.contact-success-is-open {
	overflow: hidden;
}

@media (max-width: 767px) {
	.contact-success {
		--contact-success-scale: 1;
		width: min(calc(100vw - 32px), 460px);
		min-height: 350px;
	}

	.contact-success__content {
		width: auto;
		margin: 104px 24px 80px;
	}

	.contact-success__title {
		font-size: clamp(29px, 8vw, 40px);
	}

	.contact-success__description {
		margin-top: 28px;
		font-size: clamp(14px, 3.8vw, 17px);
		white-space: normal;
	}

	.contact-success__structure {
		left: -16px;
	}

	.contact-success__top-line {
		width: calc(100% - 92px);
	}

	.contact-success__top-vertical {
		left: calc(100% - 90px);
	}

	.contact-success__top-dot {
		left: calc(100% - 94px);
	}

	.contact-success__bottom-line {
		display: none;
	}

	.contact-success__bottom-marker {
		display: none;
	}

	.contact-success__close {
		top: 14px;
		right: 14px;
		width: 30px;
		height: 30px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.contacts--with-route-popup .contacts__info {
		display: flex;
		flex-direction: column;
		align-self: start;
		gap: 32px;
		grid-column: 1;
		grid-row: 2;
	}

	.contacts--with-route-popup .contacts__info .contacts__details,
	.contacts--with-route-popup .contacts__route-button {
		position: relative;
		inset: auto;
		width: 100%;
		margin: 0;
	}

	.contacts--with-route-popup .contacts__route-button {
		min-height: 60px;
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.contacts__route-button {
		position: relative;
		inset: auto;
		order: 4;
		width: 100%;
		min-height: 58px;
		margin-top: 28px;
		font-size: 15px;
	}

	.contacts--with-route-popup .contacts__form {
		order: 5;
	}

	.contacts--with-route-popup .contacts__schematic {
		order: 6;
	}

	.route-popup__title {
		min-height: 100px;
		padding: 32px 52px 20px;
		font-size: clamp(24px, 7vw, 34px);
	}

	.route-popup__close {
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
	}
}

/* About page: desktop composition from Figma node 2078:1451. */
.about-hero,
.about-story,
.about-values {
	position: relative;
	overflow: hidden;
}

.about-hero__heading,
.about-hero__description,
.about-story p,
.about-story h2,
.about-story h3,
.about-values h2,
.about-values h3,
.about-values p {
	padding: 0;
	margin: 0;
}

.about-story__year,
.about-story__milestone-title,
.about-story__milestone-copy {
	display: block;
}

.about-story__anchor {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	scroll-margin-top: calc(40px / var(--cex-site-scale, 1));
}

.about-story__rail {
	transition: height 820ms cubic-bezier(0.22, 1, 0.36, 1);
}

.about-story__media-panel {
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(1.018);
	transition: opacity 820ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 820ms cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
}

.about-story__media-panel.is-current,
.about-story__feature-copy.is-current {
	opacity: 1;
}

.about-story__media-panel.is-current {
	transform: scale(1);
}

.about-story__feature-copy {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 820ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 820ms cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
}

.about-story__feature-copy.is-current {
	transform: translateY(0);
}

.about-story__mobile-details {
	display: none;
}

.about-story__decorations {
	display: none;
}

.about-story__media-panel--cover-left .about-story__image {
	object-position: 16.5% center;
}

.about-story__media-panel--contain .about-story__image {
	object-fit: contain;
	object-position: center;
}

.about-story__media-panel--diagram .about-story__image,
.about-story__media-panel--illustration .about-story__image {
	object-fit: contain;
	object-position: center;
}

.about-story__logo:first-child img {
	position: absolute;
	top: -193.43%;
	left: -25.68%;
	width: 151.01%;
	height: 508.6%;
	max-width: none;
}

.about-story__dot {
	transition: top 520ms cubic-bezier(0.22, 1, 0.36, 1),
		left 520ms cubic-bezier(0.22, 1, 0.36, 1),
		width 520ms cubic-bezier(0.22, 1, 0.36, 1),
		height 520ms cubic-bezier(0.22, 1, 0.36, 1),
		border-color var(--transition),
		border-width 520ms cubic-bezier(0.22, 1, 0.36, 1),
		background-color var(--transition),
		transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.about-story__dot::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: var(--color-accent);
	content: "";
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.2);
	transition: opacity 520ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.about-story__milestone:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 6px;
}

@media (prefers-reduced-motion: reduce) {
	.about-story__rail,
	.about-story__media-panel,
	.about-story__feature-copy,
	.about-story__mobile-detail {
		transition-duration: 0.01ms;
	}

	.about-story__milestone.is-current .about-story__milestone-copy,
	.about-story__mobile-detail.is-current {
		animation: none;
	}
}

@keyframes about-story-mobile-copy-in {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.about-hero__heading-accent,
.about-hero__cta,
.about-story__feature-year,
.about-story__milestone.is-current .about-story__year,
.about-story__milestone.is-past .about-story__year,
.about-values__number,
.about-values__heading {
	color: var(--color-accent);
}

@media (min-width: 1025px) {
	.about-hero {
		min-height: 714px;
		background: #fff;
	}

	.about-hero__heading {
		position: absolute;
		top: 216px;
		left: 50px;
		z-index: 2;
		width: 1175px;
		font-size: 85px;
		font-weight: 500;
		letter-spacing: -1.9px;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.about-hero__heading span {
		display: block;
	}

	.about-hero__content {
		position: absolute;
		top: 456px;
		left: 50px;
		z-index: 2;
		width: 585px;
	}

	.about-hero__description {
		font-size: 20px;
		font-weight: 400;
		letter-spacing: -0.4px;
		line-height: normal;
	}

	.about-hero__cta {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		margin-top: 60px;
		font-size: 18px;
		font-weight: 600;
		line-height: normal;
		text-transform: uppercase;
	}

	.about-hero__cta-icon {
		width: 69px;
		height: 20px;
		transition: transform var(--transition);
	}

	.about-hero__cta:hover .about-hero__cta-icon,
	.about-hero__cta:focus-visible .about-hero__cta-icon {
		transform: translateX(6px);
	}

	.about-hero__media {
		position: absolute;
		top: 138px;
		left: 1080px;
		width: 839px;
		height: 555px;
	}

	.about-hero__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.about-story {
		display: grid;
		grid-template-columns: 50px 520px 53px 579px minmax(0, 718px);
		align-items: stretch;
		min-height: 1067px;
		padding-bottom: 77px;
		background: #fff;
	}

	.about-story__timeline {
		position: relative;
		grid-column: 2;
		grid-row: 1;
		min-height: 990px;
	}

	.about-story__rail {
		position: absolute;
		top: 15px;
		left: 14px;
		width: 2px;
		height: 0;
		background: var(--color-accent);
		transition: height 820ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.about-story__milestones {
		margin-left: 60px;
	}

	.about-story__milestone {
		position: relative;
		width: 450px;
		min-height: 145px;
		margin-bottom: 60px;
		padding: 0 0 0 10px;
		border: 0;
		background: transparent;
		color: inherit;
		font: inherit;
		text-align: left;
		cursor: pointer;
	}

	.about-story__milestone:last-child {
		margin-bottom: 0;
	}

	.about-story__dot {
		position: absolute;
		top: 9px;
		left: -51px;
		width: 11px;
		height: 11px;
		border: 1px solid #e1e1e1;
		border-radius: 50%;
		background: #fff;
		transition: top 520ms cubic-bezier(0.22, 1, 0.36, 1),
			left 520ms cubic-bezier(0.22, 1, 0.36, 1),
			width 520ms cubic-bezier(0.22, 1, 0.36, 1),
			height 520ms cubic-bezier(0.22, 1, 0.36, 1),
			border-color var(--transition),
			border-width 520ms cubic-bezier(0.22, 1, 0.36, 1),
			background-color var(--transition),
			transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.about-story__milestone.is-past .about-story__dot {
		border-color: var(--color-accent);
		background: var(--color-accent);
	}

	.about-story__milestone.is-current .about-story__dot {
		top: 0;
		left: -60px;
		width: 30px;
		height: 30px;
		border: 2.09302px solid var(--color-accent);
		background: rgba(255, 135, 17, 0.2);
	}

	.about-story__milestone.is-current .about-story__dot::after {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background: var(--color-accent);
		content: "";
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}

	.about-story__year,
	.about-story__milestone-title {
		font-size: 24px;
		font-weight: 600;
		line-height: 30px;
		text-transform: uppercase;
	}

	.about-story__year {
		color: #c3c3c3;
		transition: color var(--transition);
	}

	.about-story__milestone-title {
		margin-top: 15px !important;
	}

	.about-story__milestone-copy {
		max-width: 450px;
		margin-top: 20px !important;
		font-size: 20px;
		font-weight: 400;
		letter-spacing: -0.4px;
		line-height: normal;
	}

	.about-story__media {
		position: relative;
		grid-column: 4;
		grid-row: 1;
		min-height: 990px;
		overflow: visible;
	}

	.about-story__media-panel {
		position: absolute;
		inset: 0;
		opacity: 0;
		transform: scale(1.018);
		transition: opacity 820ms cubic-bezier(0.22, 1, 0.36, 1),
			transform 820ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.about-story__media-panel.is-current {
		opacity: 1;
		transform: scale(1);
	}

	.about-story__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.about-story__media-panel--diagram .about-story__image {
		position: absolute;
		top: 37px;
		left: -64px;
		width: 610px;
		height: 915px;
		max-width: none;
	}

	.about-story__media-panel--illustration .about-story__image {
		position: absolute;
		top: 209px;
		left: -43px;
		width: 561px;
		height: 528px;
		max-width: none;
	}

	.about-story__feature {
		position: relative;
		grid-column: 5;
		grid-row: 1;
		display: grid;
		align-content: start;
		min-height: 990px;
		padding: 100px 86px 100px 50px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		background: #fafafa;
	}

	.about-story__feature-copy {
		position: relative;
		grid-area: 1 / 1;
		min-width: 0;
		opacity: 0;
		transform: translateY(10px);
		transition: opacity 820ms cubic-bezier(0.22, 1, 0.36, 1),
			transform 820ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.about-story__feature-copy.is-current {
		opacity: 1;
		transform: translateY(0);
	}

	.about-story__feature-year {
		font-size: 18px;
		font-weight: 600;
		line-height: normal;
		text-transform: uppercase;
	}

	.about-story__feature-heading {
		max-width: 582px;
		margin-top: 20px !important;
		font-size: 50px;
		font-weight: 500;
		line-height: normal;
		text-transform: uppercase;
	}

	.about-story__feature-description {
		margin-top: 20px;
		font-size: 20px;
		font-weight: 400;
		letter-spacing: -0.4px;
		line-height: normal;
	}

	.about-story__feature-description p + p {
		margin-top: 20px;
	}

	.about-story__stats {
		margin-top: 90px;
		display: grid;
		grid-template-columns: 342px 217px;
		width: 559px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.about-story__stats--inline {
		margin-top: 114px;
	}

	.about-story__stat {
		display: flex;
		align-items: flex-start;
		gap: 24px;
		min-height: 100px;
		padding-bottom: 20px;
	}

	.about-story__stat + .about-story__stat {
		padding-left: 50px;
		border-left: 1px solid rgba(0, 0, 0, 0.1);
	}

	.about-story__stat-icon {
		width: 45px;
		height: 45px;
	}

	.about-story__stat p {
		font-size: 16px;
		letter-spacing: -0.32px;
		line-height: normal;
	}

	.about-story__stat strong {
		display: block;
		margin-top: 10px;
		font-size: 24px;
		font-weight: 600;
		line-height: 30px;
	}

	.about-story__stats--stacked .about-story__stat {
		flex-direction: column;
		gap: 20px;
		min-height: 184px;
	}

	.about-story__stats--stacked .about-story__stat strong {
		margin: 0 0 10px;
		font-size: 30px;
		font-weight: 500;
	}

	.about-story__stats--stacked .about-story__stat + .about-story__stat {
		padding-left: 35px;
	}

	.about-story__logos {
		display: flex;
		align-items: center;
		gap: 30px;
		margin-top: 78px;
	}

	.about-story__logo {
		position: relative;
		flex: 0 0 auto;
		overflow: hidden;
	}

	.about-story__logo:nth-child(1) { width: 167px; height: 49px; }
	.about-story__logo:nth-child(2) { width: 105px; height: 63px; }
	.about-story__logo:nth-child(3) { width: 144px; height: 55px; }

	.about-story__logo img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.about-story__logo:first-child img {
		object-fit: cover;
	}

	.about-story__list-block {
		margin-top: 94px;
	}

	.about-story__list-heading {
		font-size: 20px;
		font-weight: 600;
		letter-spacing: -0.4px;
	}

	.about-story__list {
		display: grid;
		gap: 15px;
		margin: 30px 0 0;
		padding: 0 0 0 20px;
		color: #191919;
		font-size: 20px;
		letter-spacing: -0.4px;
	}

	.about-story__list li::marker {
		color: var(--color-accent);
	}

	.about-story__decorations {
		position: absolute;
		inset: 0 0 auto;
		z-index: 3;
		display: block;
		height: 990px;
		opacity: 0;
		pointer-events: none;
		transition: opacity 820ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.about-story__decorations.is-current {
		opacity: 1;
	}

	.about-story__decoration {
		position: absolute;
		width: 45px;
		height: 45px;
	}

	.about-story__decoration svg { width: 100%; height: 100%; }
	.about-story__decoration:nth-child(1) { left: 570px; top: 225px; }
	.about-story__decoration:nth-child(2) { left: 548px; top: 422px; }
	.about-story__decoration:nth-child(3) { left: 571px; top: 680px; }
	.about-story__decoration:nth-child(4) { left: 838px; top: 711px; }
	.about-story__decoration:nth-child(5) { left: 1102px; top: 233px; }
	.about-story__decoration:nth-child(6) { left: 1128px; top: 430px; }
	.about-story__decoration:nth-child(7) { left: 1105px; top: 680px; }

	.about-values {
		min-height: 452px;
		background: #fafafa;
	}

	.about-values__heading-row {
		position: absolute;
		top: 100px;
		left: 50px;
	}

	.about-values__number {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 18px;
		font-weight: 600;
		line-height: normal;
	}

	.about-values__number::after {
		position: absolute;
		top: 48px;
		left: 12px;
		width: 2px;
		height: 173px;
		background: linear-gradient(to bottom, #191919 0 55px, #dedede 55px 100%);
		content: "";
	}

	.about-values__heading {
		width: 604px;
		margin-left: 70px !important;
		font-size: 24px;
		font-weight: 600;
		line-height: 30px;
		text-transform: uppercase;
	}

	.about-values__items {
		position: absolute;
		top: 180px;
		left: 148px;
		display: grid;
		grid-template-columns: repeat(4, 286px);
		column-gap: 160px;
	}

	.about-values__item {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 286px;
	}

	.about-values__item:not(:last-child)::after {
		position: absolute;
		top: 0;
		right: -80px;
		width: 1px;
		height: 172px;
		background: rgba(0, 0, 0, 0.1);
		content: "";
	}

	.about-values__icon {
		width: 45px;
		height: 45px;
	}

	.about-values__item h3 {
		font-size: 18px;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
	}

	.about-values__item p {
		margin-top: 15px;
		color: #787878;
		font-size: 16px;
		letter-spacing: -0.32px;
		line-height: normal;
	}
}

@media (max-width: 1024px) {
	.about-hero {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(280px, 42%);
		gap: 40px;
		align-items: center;
		padding: 150px 40px 72px;
	}

	.about-hero__heading {
		grid-column: 1 / -1;
		font-size: clamp(52px, 6.25vw, 64px);
		font-weight: 500;
		letter-spacing: -0.02em;
		line-height: 1.08;
		text-transform: uppercase;
	}

	.about-hero__heading span {
		display: block;
	}

	.about-hero__content {
		grid-column: 1;
		grid-row: 2;
		max-width: 585px;
	}

	.about-hero__description {
		font-size: 18px;
		line-height: 1.45;
	}

	.about-hero__cta {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		margin-top: 36px;
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
	}

	.about-hero__cta-icon {
		width: 60px;
		height: 20px;
	}

	.about-hero__media {
		grid-column: 2;
		grid-row: 2;
		align-self: start;
	}

	.about-hero__image {
		width: 100%;
		height: auto;
	}

	.about-story {
		display: grid;
		grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
		background: #fff;
	}

	.about-story__timeline {
		position: relative;
		padding: 72px 40px;
	}

	.about-story__rail {
		position: absolute;
		top: 86px;
		left: 54px;
		width: 2px;
		height: 0;
		background: var(--color-accent);
	}

	.about-story__milestones {
		margin-left: 46px;
	}

	.about-story__milestone {
		position: relative;
		padding-bottom: 44px;
		border: 0;
		appearance: none;
		background: transparent;
		color: inherit;
		font: inherit;
		text-align: left;
		cursor: pointer;
	}

	.about-story__milestone:last-child {
		padding-bottom: 0;
	}

	.about-story__dot {
		position: absolute;
		top: 6px;
		left: -36px;
		width: 10px;
		height: 10px;
		border: 1px solid #dedede;
		border-radius: 50%;
		background: #fff;
		transition: top 520ms cubic-bezier(0.22, 1, 0.36, 1),
			left 520ms cubic-bezier(0.22, 1, 0.36, 1),
			width 520ms cubic-bezier(0.22, 1, 0.36, 1),
			height 520ms cubic-bezier(0.22, 1, 0.36, 1),
			border-color var(--transition),
			border-width 520ms cubic-bezier(0.22, 1, 0.36, 1),
			background-color var(--transition),
			transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.about-story__milestone.is-past .about-story__dot {
		border-color: var(--color-accent);
		background: var(--color-accent);
	}

	.about-story__milestone.is-current .about-story__dot {
		top: 0;
		left: -42px;
		width: 30px;
		height: 30px;
		border: 2.09302px solid var(--color-accent);
		background: rgba(255, 135, 17, 0.2);
	}

	.about-story__milestone.is-current .about-story__dot::after {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background: var(--color-accent);
		content: "";
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}

	.about-story__year,
	.about-story__milestone-title {
		font-size: 18px;
		font-weight: 600;
		line-height: 1.3;
		text-transform: uppercase;
	}

	.about-story__year {
		color: #bbb;
		transition: color var(--transition);
	}

	.about-story__milestone-title {
		margin-top: 8px !important;
	}

	.about-story__milestone-copy {
		margin-top: 12px !important;
		font-size: 16px;
		line-height: 1.45;
	}

	.about-story__media {
		position: relative;
		height: 720px;
		overflow: hidden;
	}

	.about-story__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.about-story__feature {
		position: relative;
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		padding: 64px 40px;
		background: #fafafa;
	}

	.about-story__feature-copy {
		display: none;
		position: relative;
		top: auto;
		left: auto;
		grid-area: 1 / 1;
		width: auto;
	}

	.about-story__feature-copy.is-current {
		display: block;
	}

	.about-story__feature-year {
		font-size: 15px;
		font-weight: 600;
		text-transform: uppercase;
	}

	.about-story__feature-heading {
		margin-top: 14px !important;
		font-size: 42px;
		font-weight: 500;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.about-story__feature-description {
		margin-top: 20px;
		font-size: 18px;
		line-height: 1.45;
	}

	.about-story__feature-description p + p {
		margin-top: 16px;
	}

	.about-story__stats {
		position: relative;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
		margin-top: 48px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.about-story__stat {
		display: flex;
		gap: 18px;
		min-height: 110px;
		padding-bottom: 28px;
	}

	.about-story__stat + .about-story__stat {
		padding-left: 28px;
		border-left: 1px solid rgba(0, 0, 0, 0.1);
	}

	.about-story__stat-icon,
	.about-values__icon {
		width: 44px;
		height: 44px;
	}

	.about-story__stat p {
		font-size: 15px;
	}

	.about-story__stat strong {
		display: block;
		margin-top: 8px;
		font-size: 22px;
	}

	.about-story__stats--stacked .about-story__stat {
		flex-direction: column;
	}

	.about-story__stats--stacked .about-story__stat strong {
		margin: 0 0 8px;
		font-size: 26px;
	}

	.about-story__logos {
		display: flex;
		align-items: center;
		gap: 24px;
		margin-top: 40px;
	}

	.about-story__logo {
		position: relative;
		flex: 0 0 auto;
		overflow: hidden;
	}

	.about-story__logo:nth-child(1) { width: 150px; height: 48px; }
	.about-story__logo:nth-child(2) { width: 105px; height: 63px; }
	.about-story__logo:nth-child(3) { width: 140px; height: 55px; }
	.about-story__logo img { width: 100%; height: 100%; object-fit: contain; }
	.about-story__logo:first-child img {
		top: 50%;
		left: 50%;
		width: 145%;
		height: auto;
		object-fit: contain;
		transform: translate(-50%, -50%);
	}

	.about-story__list-block { margin-top: 48px; }
	.about-story__list-heading { font-size: 18px; font-weight: 600; }
	.about-story__list { display: grid; gap: 12px; margin: 20px 0 0; padding: 0 0 0 20px; font-size: 17px; }
	.about-story__list li::marker { color: var(--color-accent); }

	.about-values {
		padding: 72px 40px;
		background: #fafafa;
	}

	.about-values__heading-row {
		display: flex;
		gap: 30px;
		align-items: flex-start;
	}

	.about-values__number {
		font-size: 15px;
		font-weight: 600;
	}

	.about-values__number::after {
		display: none;
	}

	.about-values__heading {
		font-size: 22px;
		font-weight: 600;
		line-height: 1.3;
		text-transform: uppercase;
	}

	.about-values__items {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 48px;
		margin: 52px 0 0 45px;
	}

	.about-values__item {
		display: flex;
		gap: 20px;
		align-items: flex-start;
		padding-top: 28px;
		border-top: 1px solid #ddd;
	}

	.about-values__item h3 {
		font-size: 17px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.about-values__item p {
		margin-top: 10px;
		color: #787878;
		font-size: 15px;
		line-height: 1.45;
	}
}

@media (max-width: 767px) {
	.about-hero {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 28px;
		padding: 126px 20px 48px;
	}

	.about-hero__heading {
		font-size: 32px;
		line-height: 1.05;
	}

	.about-hero__content {
		order: 2;
	}

	.about-hero__description {
		font-size: 16px;
	}

	.about-hero__cta {
		margin-top: 24px;
		font-size: 14px;
	}

	.about-hero__media {
		order: 1;
		margin-inline: -20px;
	}

	.about-values {
		padding: 48px 20px;
	}

	.about-values__heading-row {
		gap: 18px;
	}

	.about-values__heading {
		font-size: 18px;
	}

	.about-values__items {
		grid-template-columns: 1fr;
		gap: 28px;
		margin: 36px 0 0;
	}

	.about-values__item {
		padding-top: 22px;
	}
}

/* Objects archive first screen: Figma node 2132:2600. */
.objects-archive-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: #fff;
}

.objects-archive-hero__title,
.objects-archive-hero__description {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.objects-archive-hero__title {
	color: #0d0d0c;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.objects-archive-hero__title-accent {
	color: var(--color-accent);
}

.objects-archive-hero__description {
	color: #191919;
	font-weight: 400;
	letter-spacing: -0.02em;
	white-space: pre-line;
}

.objects-archive-hero__image {
	display: block;
	width: 100%;
	height: auto;
}

@media (min-width: 1025px) {
	.objects-archive-hero {
		min-height: 680px;
		padding: 216px 50px 328px;
	}

	.objects-archive-hero__media {
		position: absolute;
		top: 8px;
		left: calc(50% - 751px);
		z-index: 0;
		width: 1692px;
		pointer-events: none;
	}

	.objects-archive-hero::after {
		position: absolute;
		top: 491px;
		right: 0;
		bottom: -338px;
		left: 0;
		z-index: 0;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), #fff);
		filter: blur(50px);
		content: "";
		pointer-events: none;
	}

	.objects-archive-hero__copy {
		position: relative;
		z-index: 1;
		width: 798px;
		max-width: 100%;
	}

	.objects-archive-hero__title {
		font-size: 60px;
	}

	.objects-archive-hero__description {
		max-width: 585px;
		margin-top: 20px;
		font-size: 20px;
		line-height: 1.25;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.objects-archive-hero {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 142px 40px 64px;
	}

	.objects-archive-hero__copy {
		order: 1;
	}

	.objects-archive-hero__title {
		font-size: clamp(36px, 4.6vw, 48px);
	}

	.objects-archive-hero__description {
		margin-top: 20px;
		font-size: 18px;
		line-height: 1.35;
	}

	.objects-archive-hero__media {
		order: 2;
		margin-inline: -40px;
	}
}

@media (max-width: 767px) {
	.objects-archive-hero {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 108px var(--page-gutter) 40px;
	}

	.objects-archive-hero__copy {
		order: 1;
	}

	.objects-archive-hero__title {
		font-size: clamp(32px, 8.2vw, 42px);
	}

	.objects-archive-hero__title span {
		display: block;
	}

	.objects-archive-hero__description {
		margin-top: 20px;
		font-size: 15px;
		line-height: 1.4;
	}

	.objects-archive-hero__media {
		order: 2;
		margin-inline: calc(-1 * var(--page-gutter));
	}
}

/* Objects archive gallery: Figma node 2110:1475. */
.objects-gallery__filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

.objects-gallery {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: #f7f7f7;
}

.objects-gallery__filter,
.objects-gallery__control,
.objects-gallery__thumbnail {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
}

.objects-gallery__filter,
.objects-gallery__link,
.objects-gallery__control {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.objects-gallery__main-media,
.objects-gallery__shade,
.objects-gallery__details {
	position: absolute;
}

.objects-gallery__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

@media (min-width: 1025px) {
	.objects-gallery {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-content: start;
		gap: 20px;
		min-height: 1063px;
		padding: 100px 50px;
	}

	.objects-gallery__filters {
		position: relative;
		z-index: 3;
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		margin-inline: auto;
	}

	.objects-gallery__filter {
		flex: 0 0 auto;
		max-width: 100%;
		min-height: 68px;
		padding: 5px 20px;
		border: 1px solid rgba(0, 0, 0, 0.2);
		color: #0d0d0c;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: -0.4px;
		line-height: normal;
		text-transform: uppercase;
		transition: color var(--transition), background-color var(--transition), border-color var(--transition);
	}

	.objects-gallery__filter.is-active,
	.objects-gallery__filter:hover,
	.objects-gallery__filter:focus-visible {
		border-color: #0d0d0c;
		background: #0d0d0c;
		color: #fff;
	}

	.objects-gallery__viewport {
		position: relative;
		width: 100%;
		max-width: 1820px;
		height: 589px;
	}

	.objects-gallery__panel {
		position: absolute;
		inset: 0;
		overflow: hidden;
		background: #fe5d03;
	}

	.objects-gallery__empty-state {
		position: absolute;
		inset: 0;
		display: grid;
		place-items: center;
		margin: 0;
		color: #0d0d0c;
		font-size: clamp(18px, 2vw, 28px);
		font-weight: 500;
		text-align: center;
	}

	.objects-gallery [hidden] {
		display: none !important;
	}

	.objects-gallery__main-media {
		inset: 0;
		overflow: hidden;
	}

	.objects-gallery__main-image {
		position: absolute;
		top: -12.63%;
		left: 0;
		width: 100%;
		height: 146.35%;
		max-width: none;
		object-fit: cover;
		transform: scaleX(-1);
	}

	.objects-gallery__shade {
		bottom: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 199px;
		background: linear-gradient(to bottom, rgba(20, 15, 13, 0), #101112);
	}

	.objects-gallery__details {
		bottom: 30px;
		left: 40px;
		z-index: 2;
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
	}

	.objects-gallery__summary {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.objects-gallery__title,
	.objects-gallery__location {
		margin: 0;
	}

	.objects-gallery__title {
		color: #f9f9f9;
		font-size: 20px;
		font-weight: 600;
		line-height: normal;
		text-transform: uppercase;
	}

	.objects-gallery__location {
		color: #fff;
		font-size: 16px;
		font-weight: 400;
		letter-spacing: -0.32px;
		line-height: normal;
	}

	.objects-gallery__link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 68px;
		padding: 5px 20px;
		border: 1px solid #fff;
		color: #f9f9f9;
		font-size: 20px;
		font-weight: 600;
		letter-spacing: -0.4px;
		line-height: normal;
		text-transform: uppercase;
	}

	.objects-gallery__link:hover,
	.objects-gallery__link:focus-visible {
		border-color: var(--color-accent);
		background: var(--color-accent);
		color: #0d0d0c;
	}

	.objects-gallery__thumbnails {
		position: relative;
		grid-area: 3 / 1;
		z-index: 3;
		display: flex;
		gap: 20px;
		width: 1515px;
		max-width: calc(100% - 150px);
		margin-inline: auto;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.objects-gallery__thumbnails::-webkit-scrollbar {
		display: none;
	}

	.objects-gallery__thumbnail {
		position: relative;
		flex: 0 0 287px;
		height: 166px;
		overflow: hidden;
	}

	.objects-gallery__thumbnail::after {
		position: absolute;
		inset: 0;
		border: 0 solid var(--color-accent);
		content: "";
		transition: border-width var(--transition);
	}

	.objects-gallery__thumbnail.is-active::after {
		border-width: 3px;
	}

	.objects-gallery__thumbnail img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.objects-gallery__thumbnail:hover img,
	.objects-gallery__thumbnail:focus-visible img {
		transform: scale(1.04);
	}

	.objects-gallery__control {
		position: relative;
		grid-area: 3 / 1;
		align-self: center;
		z-index: 4;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 60px;
		height: 60px;
		border: 1.5px solid #e1e1e1;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.6);
		transition: border-color var(--transition), background-color var(--transition);
	}

	.objects-gallery__control--previous {
		justify-self: start;
	}

	.objects-gallery__control--next {
		justify-self: end;
	}

	.objects-gallery__control--previous .objects-gallery__control-icon {
		transform: rotate(-90deg);
	}

	.objects-gallery__control--next .objects-gallery__control-icon {
		transform: rotate(90deg);
	}

	.objects-gallery__control-icon {
		width: 24px;
		height: 24px;
		transition: transform var(--transition);
	}

	.objects-gallery__control:hover,
	.objects-gallery__control:focus-visible {
		border-color: var(--color-accent);
		background: #fff;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.objects-gallery {
		padding: 64px 40px;
	}

	.objects-gallery__thumbnails {
		display: flex;
		gap: 12px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.objects-gallery__filters::-webkit-scrollbar,
	.objects-gallery__thumbnails::-webkit-scrollbar {
		display: none;
	}

	.objects-gallery__filter {
		flex: 0 0 auto;
		max-width: 100%;
		min-height: 52px;
		padding: 6px 16px;
		border: 1px solid rgba(0, 0, 0, 0.2);
		font-size: 16px;
		font-weight: 500;
		text-transform: uppercase;
	}

	.objects-gallery__filter.is-active { background: #0d0d0c; color: #fff; }
	.objects-gallery__viewport { position: relative; height: 480px; margin-top: 28px; }
	.objects-gallery__panel { position: absolute; inset: 0; overflow: hidden; background: #101112; }
	.objects-gallery__main-media { inset: 0; }
	.objects-gallery__main-image { width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1); }
	.objects-gallery__shade { right: 0; bottom: 0; left: 0; height: 52%; background: linear-gradient(to bottom, transparent, #101112); }
	.objects-gallery__details { right: 32px; bottom: 30px; left: 32px; z-index: 1; display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
	.objects-gallery__title { margin: 0; color: #fff; font-size: 22px; font-weight: 600; text-transform: uppercase; }
	.objects-gallery__location { margin: 5px 0 0; color: #fff; font-size: 16px; }
	.objects-gallery__link { min-height: 52px; padding: 6px 16px; border: 1px solid #fff; color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; }
	.objects-gallery__thumbnails { margin-top: 20px; }
	.objects-gallery__thumbnail { position: relative; flex: 0 0 220px; height: 126px; overflow: hidden; }
	.objects-gallery__thumbnail::after { position: absolute; inset: 0; border: 0 solid var(--color-accent); content: ""; }
	.objects-gallery__thumbnail.is-active::after { border-width: 3px; }
	.objects-gallery__thumbnail img { width: 100%; height: 100%; object-fit: cover; }
	.objects-gallery__control { display: none; }
}

@media (max-width: 767px) {
	.objects-gallery { padding: 48px var(--page-gutter); }
	.objects-gallery__filters { gap: 10px; }
	.objects-gallery__thumbnails { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; }
	.objects-gallery__filters::-webkit-scrollbar,
	.objects-gallery__thumbnails::-webkit-scrollbar { display: none; }
	.objects-gallery__filter { flex: 0 0 auto; max-width: 100%; min-height: 46px; padding: 6px 14px; border: 1px solid rgba(0, 0, 0, 0.2); font-size: 13px; font-weight: 500; text-transform: uppercase; }
	.objects-gallery__filter.is-active { background: #0d0d0c; color: #fff; }
	.objects-gallery__viewport { position: relative; height: 420px; margin-top: 20px; }
	.objects-gallery__panel { position: absolute; inset: 0; overflow: hidden; background: #101112; }
	.objects-gallery__main-media { inset: 0; }
	.objects-gallery__main-image { width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1); }
	.objects-gallery__shade { right: 0; bottom: 0; left: 0; height: 62%; background: linear-gradient(to bottom, transparent, #101112); }
	.objects-gallery__details { right: 20px; bottom: 20px; left: 20px; z-index: 1; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
	.objects-gallery__title { margin: 0; color: #fff; font-size: 20px; font-weight: 600; text-transform: uppercase; }
	.objects-gallery__location { margin: 5px 0 0; color: #fff; font-size: 14px; }
	.objects-gallery__link { min-height: 46px; padding: 6px 14px; border: 1px solid #fff; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; }
	.objects-gallery__thumbnails { margin-top: 14px; }
	.objects-gallery__thumbnail { position: relative; flex: 0 0 clamp(104px, 27vw, 120px); height: clamp(62px, 15.75vw, 70px); overflow: hidden; }
	.objects-gallery__thumbnail::after { position: absolute; inset: 0; border: 0 solid var(--color-accent); content: ""; }
	.objects-gallery__thumbnail.is-active::after { border-width: 3px; }
	.objects-gallery__thumbnail img { width: 100%; height: 100%; object-fit: cover; }
	.objects-gallery__control { display: none; }
}

@font-face {
	font-family: "Wix Madefor Display";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/wix-madefor-display-medium.ttf") format("truetype");
}

:root {
	--color-bg: #fff;
	--color-text: #171717;
	--color-light: #f9f9f9;
	--color-accent: #ff8711;
	--color-accent-hover: #e96e00;
	--page-gutter: clamp(16px, var(--cex-vw-3, 3vw), 58px);
	--transition: 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	min-width: 320px;
	margin: 0;
	overflow-x: hidden;
	background: var(--color-bg);
	color: var(--color-text);
	font-family: "Wix Madefor Display", sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body.menu-is-open {
	overflow: hidden;
}

.site-scale-frame,
.site-scale-canvas {
	width: 100%;
}

img,
svg {
	display: block;
	max-width: 100%;
}

button,
a {
	font: inherit;
}

a {
	color: inherit;
	text-decoration: none;
	transition: color var(--transition), background-color var(--transition), border-color var(--transition), opacity var(--transition);
}

button:focus-visible,
a:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 4px;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
}

.icon svg {
	width: 100%;
	height: 100%;
}

.site-header {
	position: absolute;
	top: 0;
	right: var(--cex-vw-3-0208, 3.0208vw);
	left: var(--cex-vw-3-0208, 3.0208vw);
	z-index: 20;
	color: var(--color-light);
}

.site-header--light {
	color: var(--color-text);
}

.site-header--light .site-menu .current-menu-item > a {
	color: var(--color-accent);
}

.site-header--light .site-header__language,
.site-header--light .site-header__toggle {
	color: var(--color-text);
}

@media (min-width: 1025px) {
	.site-header--light::before {
		position: absolute;
		top: 0;
		left: 50%;
		z-index: -1;
		width: var(--cex-vw-100, 100vw);
		height: min(var(--cex-vw-4-4792, 4.4792vw), 86px);
		background: #f7f7f7;
		content: "";
		transform: translateX(-50%);
	}
}

.site-header__inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	width: 100%;
	height: min(var(--cex-vw-4-4792, 4.4792vw), 86px);
	padding-inline: min(var(--cex-vw-1-0417, 1.0417vw), 20px);
	border-radius: min(var(--cex-vw-0-5208, 0.5208vw), 10px);
	background: transparent;
}

.site-header__brand {
	justify-self: start;
}

.site-header__brand .custom-logo-link,
.site-footer__brand .custom-logo-link {
	display: block;
}

.site-header__brand .custom-logo {
	width: min(var(--cex-vw-7-6843, 7.6843vw), 147.54px);
	height: auto;
}

.site-header__navigation {
	justify-self: center;
}

.site-menu {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-menu--header {
	gap: min(var(--cex-vw-1-0417, 1.0417vw), 20px);
	font-size: min(var(--cex-vw-1-0417, 1.0417vw), 20px);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.35;
	white-space: nowrap;
}

.site-menu a {
	position: relative;
	display: inline-block;
	padding-block: 8px;
}

.site-menu a::after {
	position: absolute;
	right: 0;
	bottom: 3px;
	left: 0;
	height: 1px;
	background: var(--color-accent);
	content: "";
	transform: scaleX(0);
	transform-origin: right;
	transition: transform var(--transition);
}

.site-menu a:hover::after,
.site-menu a:focus-visible::after,
.site-menu .current-menu-item > a::after {
	transform: scaleX(1);
	transform-origin: left;
}

.site-header__languages {
	justify-self: end;
}

.site-header__language {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: end;
	gap: 8px;
	width: auto;
	min-width: 64px;
	height: min(var(--cex-vw-2-3958, 2.3958vw), 46px);
	color: #fff;
}

.site-header__language-code {
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
}

.site-header__language:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 4px;
}

.site-header__language .icon {
	width: min(var(--cex-vw-1-25, 1.25vw), 24px);
	height: min(var(--cex-vw-1-25, 1.25vw), 24px);
}

.site-header__toggle {
	display: none;
	width: 46px;
	height: 46px;
	padding: 11px;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
}

	.site-header__toggle span:not(.screen-reader-text) {
		display: block;
		height: 1.5px;
		margin-block: 5px;
		background: currentcolor;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: transform var(--transition), opacity var(--transition);
	}

.hero {
	--hero-image-position: center;
	position: relative;
	isolation: isolate;
	width: 100%;
	height: 100vh;
	min-height: 100svh;
	overflow: hidden;
	background: #080a0b;
	color: var(--color-light);
}

.hero__media,
.hero__image,
.hero__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.hero__media {
	z-index: -3;
}

.hero__image,
.hero__video {
	object-fit: cover;
	object-position: var(--hero-image-position);
}

/* A small pipe mask is prepared once from the existing ACF image. The mask and
 * its soft edges stay still; only the gradient underneath is translated. */
.hero__flow {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	contain: paint;
	opacity: 0;
	mix-blend-mode: screen;
	pointer-events: none;
	-webkit-mask-image: var(--hero-pipe-mask, none);
	mask-image: var(--hero-pipe-mask, none);
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: var(--hero-image-position);
	mask-position: var(--hero-image-position);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.hero__beam {
	position: absolute;
	inset: 0 0 auto;
	height: 200%;
	background: linear-gradient(180deg,
		rgba(255, 119, 28, 0) 0% 20%,
		rgba(255, 119, 28, 0.12) 30%,
		rgba(255, 137, 42, 0.4) 40%,
		rgba(255, 169, 77, 0.85) 48%,
		rgba(255, 202, 126, 1) 52%,
		rgba(255, 150, 49, 0.7) 56%,
		rgba(255, 119, 28, 0) 64% 100%);
	background-size: 100% 50%;
	animation: cex-hero-beam 6s linear -3.6s infinite paused;
}

@media (prefers-reduced-motion: no-preference) {
	.hero.is-motion-active .hero__flow {
		opacity: 1;
	}

	.hero.is-motion-active .hero__beam {
		animation-play-state: running;
	}
}

@media (min-width: 1025px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	.hero.is-motion-active .hero__marker-line {
		animation-name: cex-hero-marker;
		animation-duration: 2.4s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
}

@keyframes cex-hero-beam {
	from {
		transform: translateY(-50%);
	}

	to {
		transform: translateY(0);
	}
}

.hero__top-shade {
	position: absolute;
	inset: 0 0 auto;
	z-index: -2;
	height: 10.7492%;
	background: linear-gradient(
		180deg,
		rgba(4, 4, 4, 0.38) 0%,
		rgba(4, 4, 4, 0.14) 55%,
		rgba(4, 4, 4, 0) 100%
	);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.hero__copy-shade {
	position: absolute;
	top: 22.6927%;
	left: 5.2083%;
	z-index: -1;
	width: 39.6875%;
	height: 58.089%;
	background: rgba(4, 4, 4, 0.6);
	filter: blur(min(var(--cex-vw-5-2083, 5.2083vw), 100px));
	pointer-events: none;
}

.hero__content {
	position: absolute;
	top: 37.0249%;
	left: 6.8229%;
	z-index: 2;
}

.hero__title {
	padding: 0;
	margin: 0;
	font-size: min(var(--cex-vw-4-9479, 4.9479vw), 95px);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
	text-transform: uppercase;
}

.hero__title-line {
	display: flex;
	align-items: baseline;
	white-space: nowrap;
}

.hero__title-line > span + span {
	margin-left: 0.15em;
}

.hero__title-accent {
	color: var(--color-accent);
}

.hero__subtitle {
	margin: min(var(--cex-vw-1-5625, 1.5625vw), 30px) 0 0;
	font-size: min(var(--cex-vw-1-25, 1.25vw), 24px);
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.35;
	text-transform: uppercase;
}

.hero__marker {
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: min(var(--cex-vw-0-7813, 0.7813vw), 15px);
	font-size: min(var(--cex-vw-0-9375, 0.9375vw), 18px);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.15;
	color: inherit;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	transition: color var(--transition);
}

.hero__marker:hover,
.hero__marker:focus-visible {
	color: var(--color-accent);
}

.hero__marker-line {
	width: min(var(--cex-vw-4-9653, 4.9653vw), 95.33px);
	height: min(var(--cex-vw-0-5556, 0.5556vw), 10.67px);
	color: var(--color-accent);
}

.hero__marker--middle-right .hero__marker-line {
	animation-delay: 0.8s;
}

.hero__marker--center .hero__marker-line {
	animation-delay: 1.2s;
}

.hero__marker--bottom-right .hero__marker-line {
	animation-delay: 1.6s;
}

.hero__marker--upper-center .hero__marker-line {
	animation-delay: 0.4s;
}

@keyframes cex-hero-marker {
	0%,
	100% {
		opacity: 0.65;
	}

	45% {
		opacity: 1;
	}
}

.hero__marker--top-right {
	top: 14.6579%;
	left: 76.4583%;
}

.hero__marker--upper-center {
	top: 31%;
	left: 62.5%;
}

.hero__marker--middle-right {
	top: 49.9457%;
	left: 79.3229%;
}

.hero__marker--center {
	top: 62.7579%;
	left: 57.3958%;
}

.hero__marker--bottom-right {
	top: 83.1705%;
	left: 66.4063%;
}

/* Keep right-side callouts inside the hero gutter at every desktop width. */
.hero__marker--top-right,
.hero__marker--middle-right,
.hero__marker--bottom-right {
	left: auto;
	right: var(--page-gutter);
}

.hero__marker--bottom-right .hero__marker-line {
	order: 2;
}

.hero__marker--bottom-right .hero__marker-label {
	min-width: min(var(--cex-vw-9-8958, 9.8958vw), 190px);
	text-align: center;
}



.hero__scroll {
	position: absolute;
	top: 83.279%;
	left: 6.8229%;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: min(var(--cex-vw-1-1458, 1.1458vw), 22px);
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--color-light);
	font-size: min(var(--cex-vw-0-9375, 0.9375vw), 18px);
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	transition: color var(--transition);
}

.hero__scroll:hover,
.hero__scroll:focus-visible {
	color: var(--color-accent);
}

.hero__scroll-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(var(--cex-vw-2-3958, 2.3958vw), 46px);
	height: min(var(--cex-vw-2-3958, 2.3958vw), 46px);
	border: 1px solid currentcolor;
	border-radius: 50%;
	transition: color var(--transition), background-color var(--transition);
}

.hero__scroll:hover .hero__scroll-icon {
	background: rgba(255, 135, 17, 0.1);
}

.hero__scroll-icon .icon {
	width: min(var(--cex-vw-1-25, 1.25vw), 24px);
	height: min(var(--cex-vw-1-25, 1.25vw), 24px);
}

.contacts {
	position: relative;
	min-height: 982px;
	background: #fff;
}

.contacts-page-title {
	padding: 216px min(var(--cex-vw-2-6042, 2.6042vw), 50px) 100px;
	background: #fff;
}

.contacts-page-title__heading {
	padding: 0;
	margin: 0;
	color: #0d0d0c;
	font-size: clamp(50px, var(--cex-vw-4-4271, 4.4271vw), 85px);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
	text-transform: uppercase;
}

.contacts-page-title__heading span + span::before {
	content: " ";
}

.contacts-page-title__accent {
	color: var(--color-accent);
}

.contacts__intro {
	position: absolute;
	top: 100px;
	left: min(var(--cex-vw-6-25, 6.25vw), 120px);
	z-index: 2;
	width: min(var(--cex-vw-30-3125, 30.3125vw), 582px);
}

.contacts__number {
	position: absolute;
	top: 0;
	left: calc(-1 * min(var(--cex-vw-3-6458, 3.6458vw), 70px));
	display: block;
	width: 18px;
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1;
	text-align: left;
}

.contacts__number::after {
	position: absolute;
	top: 48px;
	left: 12px;
	width: 1px;
	height: 317px;
	background: var(--color-accent);
	content: "";
}

.contacts__eyebrow,
.contacts__heading,
.contacts__description,
.contacts__detail-copy p {
	padding: 0;
	margin: 0;
}

.contacts__eyebrow {
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.2;
	text-transform: uppercase;
}

.contacts__heading {
	text-transform: uppercase;
	margin-top: 20px;
	font-size: min(var(--cex-vw-2-6042, 2.6042vw), 50px);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.contacts__description {
	max-width: 516px;
	margin-top: 30px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.35;
}

.contacts__media {
	position: absolute;
	top: 0;
	right: -108px;
	z-index: 0;
	width: min(var(--cex-vw-63-6458, 63.6458vw), 1222px);
	height: 982px;
	overflow: hidden;
}

@media (min-width: 1025px) {
	/* Homepage contacts: exact desktop composition from Figma node 2078:735. */
	.contacts--with-image .contacts__number {
		font-weight: 600;
	}

	.contacts--with-image .contacts__number::after {
		width: 2px;
		background: linear-gradient(to bottom, #343434 0 101px, #e1e1e1 101px 100%);
	}

	.contacts--with-image .contacts__eyebrow {
		font-weight: 600;
	}

	.contacts--with-image .contacts__details {
		gap: 69px;
		font-size: 20px;
		font-weight: 400;
		line-height: 1.2;
	}

	.contacts--with-image .contacts__detail {
		flex-direction: column;
		gap: 15px;
	}

	.contacts--with-image .contacts__detail--phones {
		width: 174px;
	}

	.contacts--with-image .contacts__detail--address {
		width: 187px;
	}

	.contacts--with-image .contacts__schematic {
		/* Compensate for the schematic's intentionally empty SVG top area. */
		bottom: 331px;
	}

	.contacts--with-image .contacts__form .cex-contact-form__title {
		margin-bottom: 21px;
		font-weight: 600;
	}

	.contacts--with-image .cex-contact-form__grid {
		column-gap: 48px;
		row-gap: 40px;
	}

	.contacts--with-image .cex-contact-form__field input,
	.contacts--with-image .cex-contact-form__field select,
	.contacts--with-image .cex-contact-form__field textarea {
		padding-bottom: 20px;
		font-size: 20px;
		line-height: 1.2;
	}

	.contacts--with-image .cex-contact-form__field textarea {
		height: 45px;
		min-height: 45px;
	}

	.contacts--with-image .cex-contact-form__consent {
		align-items: center;
		margin: 0 0 20px;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.2;
	}

	.contacts--with-image .cex-contact-form__consent input {
		width: 24px;
		height: 24px;
		margin-right: 0;
	}

	.contacts--with-image .cex-contact-form__submit {
		border-radius: 0;
		font-weight: 600;
	}

	.contacts--with-image .contacts__form .wpcf7-form {
		position: relative;
	}

	.contacts--with-image .contacts__form .wpcf7-spinner {
		display: none;
	}

	.contacts--with-image .contacts__form .wpcf7-spinner.is-active {
		position: absolute;
		right: 18px;
		bottom: 22px;
		display: block;
	}
}

.contacts--with-map .contacts__intro {
	top: 0;
}

.contacts--with-map .contacts__details {
	top: 353px;
	gap: 69px;
}

.contacts__map {
	position: absolute;
	top: 43px;
	right: -108px;
	z-index: 0;
	width: min(var(--cex-vw-53-125, 53.125vw), 1020px);
	aspect-ratio: 1020 / 939;
	overflow: hidden;
}

.contacts__map iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.contacts__image {
	position: absolute;
	top: 0;
	left: -11.63%;
	width: 111.63%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.contacts__details {
	position: absolute;
	top: 453px;
	left: min(var(--cex-vw-6-25, 6.25vw), 120px);
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 30px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.3;
}

.contacts__detail {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.contacts__detail-icon {
	width: 30px;
	height: 30px;
}

.contacts__detail-copy {
	display: grid;
	gap: 10px;
}

.contacts__detail-copy a:hover,
.contacts__detail-copy a:focus-visible {
	color: var(--color-accent);
}

.contacts__details-divider {
	width: 1px;
	height: 102px;
	background: #e0e0e0;
}

.contacts__schematic {
	position: absolute;
	bottom: 221px;
	left: 0;
	z-index: 1;
	width: min(var(--cex-vw-58-75, 58.75vw), 1128px);
}

.contacts__schematic img {
	width: 100%;
	height: auto;
}

.contacts__form {
	position: absolute;
	top: 453px;
	right: min(var(--cex-vw-6-25, 6.25vw), 120px);
	z-index: 4;
	width: min(var(--cex-vw-35, 35vw), 672px);
	min-height: 622px;
	padding: 50px;
	background: #fff;
}

.contacts__form .wpcf7,
.contacts__form form {
	margin: 0;
}

.contacts__form .wpcf7-form {
	display: grid;
	gap: 20px;
}

.cex-contact-form__title {
	padding: 0;
	margin: 0 0 10px;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.cex-contact-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 30px;
}

.cex-contact-form__field {
	display: block;
}

.cex-contact-form__field--full {
	grid-column: 1 / -1;
}

.cex-contact-form__field input,
.cex-contact-form__field select,
.cex-contact-form__field textarea {
	display: block;
	width: 100%;
	padding: 0 0 16px;
	border: 0;
	border-bottom: 1px solid #dbdbdb;
	border-radius: 0;
	outline: 0;
	background: transparent;
	color: var(--color-text);
	font: inherit;
	font-size: 16px;
	letter-spacing: -0.02em;
	line-height: 1.3;
	transition: border-color var(--transition);
}

.cex-contact-form__field textarea {
	height: 52px;
	min-height: 52px;
	resize: vertical;
}

.cex-contact-form__field select {
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #171717 50%), linear-gradient(135deg, #171717 50%, transparent 50%);
	background-position: calc(100% - 12px) 45%, calc(100% - 7px) 45%;
	background-repeat: no-repeat;
	background-size: 5px 5px, 5px 5px;
}

.cex-contact-form__field input:focus,
.cex-contact-form__field select:focus,
.cex-contact-form__field textarea:focus {
	border-color: var(--color-accent);
}

.cex-contact-form__field input::placeholder,
.cex-contact-form__field textarea::placeholder {
	color: #a9a9a9;
	opacity: 1;
}

.cex-contact-form__consent {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 14px;
	letter-spacing: -0.02em;
	line-height: 1.35;
}

.cex-contact-form__consent .wpcf7-list-item {
	margin: 0;
}

.contacts--with-image .cex-contact-form__consent label {
	display: flex;
	align-items: center;
	gap: 12px;
}

.contacts--with-image .cex-contact-form__consent input {
	flex-shrink: 0;
	margin: 0;
}

.cex-contact-form__consent input {
	width: 19px;
	height: 19px;
	margin: 0 12px 0 0;
	appearance: none;
	border: 1.5px solid var(--color-accent);
	border-radius: 5px;
	vertical-align: -4px;
	accent-color: var(--color-accent);
}

.cex-contact-form__consent input:checked {
	background: var(--color-accent);
	box-shadow: inset 0 0 0 3px #fff;
}

.cex-contact-form__submit {
	display: block;
	width: 100%;
	min-height: 68px;
	padding: 14px 20px;
	border: 1px solid var(--color-accent);
	border-radius: 10px;
	background: var(--color-accent);
	color: #fff;
	font: inherit;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color var(--transition), border-color var(--transition), color var(--transition);
}

.cex-contact-form__submit:hover,
.cex-contact-form__submit:focus-visible {
	border-color: var(--color-accent-hover);
	background: var(--color-accent-hover);
}

.contacts__form .wpcf7-not-valid-tip,
.contacts__form .wpcf7-response-output {
	margin: 0;
	font-size: 13px;
}

@media (max-width: 1024px) {
	.contacts-page-title {
		padding: 72px 9% 76px;
	}

	.contacts-page-title__heading {
		font-size: clamp(44px, var(--cex-vw-7-4, 7.4vw), 76px);
	}

	.contacts--with-map .contacts__details {
		top: auto;
		gap: 24px;
	}

	.contacts--with-map .contacts__map {
		position: relative;
		inset: auto;
		grid-column: 2;
		grid-row: 1;
		align-self: start;
		width: 100%;
		aspect-ratio: 1 / 1;
		border-radius: 14px;
	}
}

@media (max-width: 767px) {
	.contacts-page-title {
		padding: 56px 20px 52px;
	}

	.contacts-page-title__heading {
		font-size: 32px;
		line-height: 1.12;
	}

	.contacts--with-map .contacts__map {
		order: 2;
		width: 100%;
		aspect-ratio: 4 / 3;
		margin-top: 34px;
		border-radius: 0;
	}
}

.site-footer {
	position: relative;
	z-index: 2;
	min-height: 393px;
	padding-inline: min(var(--cex-vw-6-25, 6.25vw), 120px);
	background: #f7f7f7;
}

.site-footer--with-contacts {
	margin-top: -240px;
}

.site-footer__inner {
	position: relative;
	display: grid;
	grid-template-columns: min(var(--cex-vw-14-8958, 14.8958vw), 286px) min(var(--cex-vw-12-6042, 12.6042vw), 242px) minmax(0, 1fr);
	align-items: start;
	width: min(100%, 1680px);
	min-height: 393px;
	padding-top: 53px;
	margin-inline: auto;
}

.site-footer__brand .custom-logo {
	width: 148px;
	height: auto;
}

.site-menu--footer {
	display: grid;
	gap: 12px;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.35;
}

.site-menu--footer a {
	padding-block: 0;
}

.site-menu--footer a::after {
	bottom: -3px;
}

.site-menu--footer-legal {
	gap: 12px;
}

.site-footer__meta {
	position: absolute;
	top: min(var(--cex-vw-13-1771, 13.1771vw), 253px);
	left: 0;
	display: flex;
	align-items: center;
	width: min(var(--cex-vw-45-1042, 45.1042vw), 866px);
	min-height: min(var(--cex-vw-5-3125, 5.3125vw), 102px);
	border-top: 2px solid #e1e1e1;
}

.site-footer__copyright,
.site-footer__developer-credit {
	padding: 0;
	margin: 0;
	color: #a9a9a9;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.site-footer__copyright {
	width: min(var(--cex-vw-11-25, 11.25vw), 216px);
}

.site-footer__socials {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: min(var(--cex-vw-5-3125, 5.3125vw), 102px);
	padding-left: min(var(--cex-vw-3-5417, 3.5417vw), 68px);
	border-left: 2px solid #e1e1e1;
}

.site-footer__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 27px;
}

.site-footer__social:hover,
.site-footer__social:focus-visible {
	opacity: 0.68;
}

.site-footer__social .icon {
	width: 100%;
	height: 100%;
	transform: scaleY(-1);
}

.site-footer__developer-credit {
	position: absolute;
	right: 0;
	bottom: min(var(--cex-vw-3-1771, 3.1771vw), 61px);
	font-family: "Wix Madefor Display", sans-serif;
	font-style: normal;
	letter-spacing: -0.28px;
	line-height: normal;
	text-transform: uppercase;
}

@media (min-width: 1025px) {
	.site-footer__inner {
		row-gap: 40px;
		padding-bottom: 60px;
	}

	.site-footer__meta {
		position: relative;
		top: auto;
		grid-column: 1 / -1;
	}

	.site-footer--with-contacts .site-footer__developer-credit {
		bottom: 24px;
	}
}

.company-history {
	padding-block: 100px 120px;
	background: #fff;
	overflow: hidden;
}

.company-history__inner {
	position: relative;
	width: min(calc(100% - 100px), 1820px);
	margin-inline: auto;
}

.company-history__number {
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1;
}

.company-history__number::after {
	position: absolute;
	top: 48px;
	left: 12px;
	width: 1px;
	height: 317px;
	background: var(--color-text);
	content: "";
}

.company-history__layout {
	display: grid;
	grid-template-columns: 460px 1131px;
	column-gap: 89px;
	margin-left: 70px;
}

.company-history__intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.company-history__eyebrow,
.company-history__heading,
.company-history__description,
.company-history__year,
.company-history__milestone-copy h3,
.company-history__milestone-description {
	padding: 0;
	margin: 0;
}

.company-history__eyebrow,
.company-history__link {
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.2;
	text-transform: uppercase;
}

.company-history__heading {
	margin-top: 20px;
	font-size: 50px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
	text-transform: uppercase;
}

.company-history__description {
	margin-top: 30px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.28;
}

.company-history__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 60px;
	transition: color var(--transition), opacity var(--transition);
}

.company-history__link-icon {
	flex: 0 0 auto;
	width: 69px;
	height: 20px;
	transition: transform var(--transition);
}

.company-history__link:hover,
.company-history__link:focus-visible {
	color: var(--color-accent-hover);
	opacity: 0.82;
}

.company-history__link:hover .company-history__link-icon,
.company-history__link:focus-visible .company-history__link-icon {
	transform: translateX(6px);
}

.company-history__timeline {
	position: relative;
	width: 1131px;
	margin-top: 43px;
}

.company-history__timeline-track {
	position: absolute;
	top: 150px;
	left: 0;
	width: 100%;
	border-top: 1px solid #e1e1e1;
}

.company-history__timeline-track::after {
	position: absolute;
	top: -4px;
	right: 1px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	content: "";
	transform: rotate(45deg);
}

.company-history__timeline-items {
	position: relative;
	display: grid;
	grid-template-columns: 196px 181px 181px 192px 181px;
	column-gap: 50px;
}

.company-history__milestone {
	min-width: 0;
	scroll-margin-top: 120px;
}

.company-history__milestone-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.company-history__milestone-marker {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	height: 150px;
}

.company-history__year {
	color: #191919;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.company-history__milestone-icon {
	width: 60px;
	height: 60px;
}

@media (min-width: 1025px) {
	.company-history__milestone-marker {
		width: 60px;
		align-items: center;
	}

	.company-history__year {
		text-align: center;
	}
}

.company-history__milestone-copy {
	margin-top: 45px;
}

.company-history__milestone-copy h3 {
	color: #101112;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.25;
	text-transform: uppercase;
}

.company-history__milestone-description {
	margin-top: 15px;
	color: #787878;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.28;
}

.company-history__milestone-link .company-history__year,
.company-history__milestone-link .company-history__milestone-icon,
.company-history__milestone-link .company-history__milestone-copy h3 {
	transition: color var(--transition);
}

.company-history__milestone-link:hover .company-history__year,
.company-history__milestone-link:hover .company-history__milestone-icon,
.company-history__milestone-link:hover .company-history__milestone-copy h3,
.company-history__milestone-link:focus-visible .company-history__year,
.company-history__milestone-link:focus-visible .company-history__milestone-icon,
.company-history__milestone-link:focus-visible .company-history__milestone-copy h3 {
	color: var(--color-accent);
}

.approach-slider {
	padding-block: 100px 103px;
	overflow: hidden;
	background: #fff;
}

.approach-slider__inner {
	position: relative;
	width: min(calc(100% - 100px), 1820px);
	margin-inline: auto;
}

.approach-slider__section-number {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
}

.approach-slider__section-number::after {
	position: absolute;
	top: 48px;
	left: 12px;
	width: 2px;
	height: 317px;
	background: linear-gradient(to bottom, #343434 0 101px, #e1e1e1 101px 100%);
	content: "";
}

.approach-slider__intro {
	position: relative;
	z-index: 2;
	width: 582px;
	margin-left: 70px;
}

.approach-slider__eyebrow,
.approach-slider__heading,
.approach-slider__description,
.approach-slider__stage-name,
.approach-slider__slide-label,
.approach-slider__slide-title,
.approach-slider__slide-description,
.approach-slider__counter {
	padding: 0;
	margin: 0;
}

.approach-slider__eyebrow {
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.28;
	text-transform: uppercase;
}

.approach-slider__heading {
	margin-top: 20px;
	color: #191919;
	font-size: 50px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
	text-transform: uppercase;
}

.approach-slider__description {
	margin-top: 30px;
	color: #191919;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.approach-slider__schematic {
	position: absolute;
	top: -66px;
	right: 67px;
	width: 727px;
	height: 390px;
}

.approach-slider__schematic-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.approach-slider__stage-navigation {
	position: relative;
	z-index: 3;
	margin: 60px 67px 0 71px;
	padding: 0;
	overflow: visible;
}

.approach-slider__stage-navigation-track {
	position: absolute;
	top: 29px;
	left: 0;
	width: calc(100% - 139px);
	height: 3px;
	background: #e6e6e6;
}

.approach-slider__stage-navigation-track span {
	display: block;
	width: 0;
	height: 100%;
	background: var(--color-accent);
	transition: width 720ms cubic-bezier(0.22, 1, 0.36, 1);
}

.approach-slider__stage-navigation-items {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	min-width: 0;
}

.approach-slider__stage-button {
	position: relative;
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: #101112;
	cursor: pointer;
	text-align: center;
}

.approach-slider__stage-button:nth-child(1) {
	width: 114px;
}

.approach-slider__stage-button:nth-child(2) {
	width: 159px;
}

.approach-slider__stage-button:nth-child(3) {
	width: 178px;
}

.approach-slider__stage-button:nth-child(4) {
	width: 179px;
}

.approach-slider__stage-button:nth-child(5) {
	width: 234px;
}

.approach-slider__stage-button:nth-child(6) {
	width: 183px;
}

.approach-slider__stage-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border: 1.5px solid #e1e1e1;
	border-radius: 50%;
	background: #fafafa;
	color: #191919;
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	transition: color var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition);
}

.approach-slider__stage-name {
	display: block;
	min-width: 0;
	max-width: 100%;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.28;
	overflow-wrap: anywhere;
	text-transform: uppercase;
	transition: color var(--transition);
}

.approach-slider__stage-button:hover .approach-slider__stage-badge,
.approach-slider__stage-button:focus-visible .approach-slider__stage-badge {
	border-color: var(--color-accent);
	color: var(--color-accent);
}

.approach-slider__stage-button:hover .approach-slider__stage-name,
.approach-slider__stage-button:focus-visible .approach-slider__stage-name {
	color: var(--color-accent);
}

.approach-slider__stage-button.is-active .approach-slider__stage-badge {
	border-color: #fff;
	background: var(--color-accent);
	box-shadow: 0 4px 10px rgba(255, 135, 17, 0.6);
	color: #fff;
}

.approach-slider__stage-button.is-active .approach-slider__stage-name {
	color: var(--color-accent);
}

.approach-slider__swiper {
	width: 1384px;
	margin-top: 60px;
	overflow: hidden;
}

.approach-slider__slide {
	display: grid;
	grid-template-columns: 951px 413px;
	gap: 20px;
	height: auto;
	min-height: 548px;
}

.approach-slider__slide-media {
	min-height: 548px;
	overflow: hidden;
	border-radius: 20px;
	background: #2d1d11;
}

.approach-slider__slide-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.018);
	transition: transform 1100ms cubic-bezier(0.22, 1, 0.36, 1);
}

.approach-slider__slide.swiper-slide-active .approach-slider__slide-image {
	transform: scale(1);
}

.approach-slider__slide-card {
	display: flex;
	flex-direction: column;
	min-height: 548px;
	padding: 30px;
	overflow: hidden;
	border-radius: 20px;
	background: #fafafa;
}

.approach-slider__slide-label {
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.28;
	text-transform: uppercase;
}

.approach-slider__slide-title {
	margin-top: 20px;
	color: #101112;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.approach-slider__slide-description {
	margin-top: 20px;
	color: #191919;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.approach-slider__features {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0;
	margin: 40px 0 0;
	list-style: none;
}

.approach-slider__features li {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 30px;
	color: #191919;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.approach-slider__feature-icon {
	width: 30px;
	height: 30px;
	color: var(--color-accent);
}

.approach-slider__controls {
	display: grid;
	grid-template-columns: 60px 1fr 60px;
	align-items: center;
	gap: 20px;
	margin-top: auto;
}

.approach-slider__controls--fixed {
	display: none;
}

.approach-slider__control {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	padding: 0;
	border: 1.5px solid #e1e1e1;
	border-radius: 50%;
	cursor: pointer;
	transition: color var(--transition), background-color var(--transition), border-color var(--transition), opacity var(--transition);
}

.approach-slider__control--prev {
	background: #fafafa;
	color: #191919;
}

.approach-slider__control--next {
	background: #fafafa;
	color: #191919;
}

.approach-slider__control--prev:hover:not(:disabled),
.approach-slider__control--prev:focus-visible:not(:disabled) {
	border-color: var(--color-accent);
	background: #fff3e7;
	color: var(--color-accent);
}

.approach-slider__control--next:hover:not(:disabled),
.approach-slider__control--next:focus-visible:not(:disabled) {
	border-color: var(--color-accent-hover);
	background: var(--color-accent-hover);
}

.approach-slider__control:disabled {
	cursor: default;
	opacity: 0.35;
}

.approach-slider__control-icon {
	width: 24px;
	height: 24px;
}

.approach-slider__control--prev .approach-slider__control-icon {
	transform: rotate(-90deg);
}

.approach-slider__control--next .approach-slider__control-icon {
	transform: rotate(90deg);
}

.approach-slider__counter {
	color: #cdcdcd;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
}

.approach-slider__counter span {
	color: #191919;
	font-weight: 500;
}



@media (max-width: 1024px) {
	.approach-slider {
		padding-block: 84px 96px;
	}

	.approach-slider__inner {
		width: min(calc(100% - 80px), 1180px);
	}

	.approach-slider__intro {
		width: 56%;
	}

	.approach-slider__heading {
		font-size: clamp(42px, var(--cex-vw-4-1, 4.1vw), 50px);
	}

	.approach-slider__schematic {
		top: -35px;
		right: 0;
		width: 44%;
		height: auto;
		aspect-ratio: 727 / 390;
	}

	.approach-slider__stage-navigation {
		margin: 64px 0 0 70px;
	}

	.approach-slider__stage-navigation-track {
		width: calc(100% - 80px);
	}

	.approach-slider__stage-navigation-items {
		gap: 28px;
	}

	.approach-slider__stage-button {
		width: auto !important;
		max-width: 174px;
	}

	.approach-slider__stage-name {
		font-size: 15px;
	}

	.approach-slider__swiper {
		width: 100%;
	}

	.approach-slider__slide {
		grid-template-columns: minmax(0, 1.75fr) minmax(340px, 0.85fr);
		min-height: 500px;
	}

	.approach-slider__slide-media,
	.approach-slider__slide-card {
		min-height: 500px;
	}

	.approach-slider__slide-card {
		padding: 28px;
	}

	.approach-slider__slide-title {
		font-size: 25px;
	}

	.approach-slider__slide-description,
	.approach-slider__features li {
		font-size: 17px;
	}

	.approach-slider__features {
		margin-top: 30px;
	}
}

@media (max-width: 1024px) {
	.approach-slider__inner {
		width: min(calc(100% - 48px), 980px);
	}

	.approach-slider__intro {
		width: 62%;
		margin-left: 52px;
	}

	.approach-slider__schematic {
		width: 46%;
		opacity: 0.72;
	}

	.approach-slider__stage-navigation {
		margin-left: 52px;
		padding-bottom: 12px;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}

	.approach-slider__stage-navigation::-webkit-scrollbar {
		display: none;
	}

	.approach-slider__stage-navigation-track,
	.approach-slider__stage-navigation-items {
		width: 1050px;
	}

	.approach-slider__stage-navigation-track {
		left: 0;
	}

	.approach-slider__stage-navigation-items {
		gap: 0;
	}

	.approach-slider__stage-button {
		max-width: none;
	}

	.approach-slider__stage-button:nth-child(1) {
		width: 105px !important;
	}

	.approach-slider__stage-button:nth-child(2) {
		width: 140px !important;
	}

	.approach-slider__stage-button:nth-child(3) {
		width: 158px !important;
	}

	.approach-slider__stage-button:nth-child(4) {
		width: 155px !important;
	}

	.approach-slider__stage-button:nth-child(5) {
		width: 205px !important;
	}

	.approach-slider__stage-button:nth-child(6) {
		width: 160px !important;
	}

	.approach-slider__slide {
		display: block;
		min-height: 0;
	}

	.approach-slider__slide-media {
		min-height: 0;
		aspect-ratio: 951 / 548;
		border-radius: 18px;
	}

	.approach-slider__slide-card {
		min-height: 430px;
		margin-top: 16px;
		border-radius: 18px;
	}

	.approach-slider__controls {
		margin-top: 40px;
	}
}

@media (max-width: 767px) {
	.approach-slider {
		padding-block: 48px 52px;
		overflow: hidden;
	}

	.approach-slider__inner {
		width: calc(100% - 40px);
	}

	.approach-slider__section-number {
		position: relative;
		display: block;
		margin-bottom: 18px;
	}

	.approach-slider__section-number::after {
		display: none;
	}

	.approach-slider__intro {
		width: 100%;
		margin-left: 0;
	}

	.approach-slider__eyebrow {
		font-size: 15px;
	}

	.approach-slider__heading {
		margin-top: 14px;
		font-size: clamp(33px, var(--cex-vw-9-5, 9.5vw), 44px);
	}

	.approach-slider__description {
		margin-top: 20px;
		font-size: 17px;
		line-height: 1.35;
	}

	.approach-slider__schematic {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		margin-top: 28px;
		opacity: 0.75;
	}

	.approach-slider__stage-navigation {
		width: 100%;
		margin: 40px 0 0;
		overflow: visible;
		touch-action: pan-y;
	}

	.approach-slider__stage-navigation.is-dragging,
	.approach-slider__stage-navigation.is-dragging * {
		cursor: grabbing;
		user-select: none;
	}

	.approach-slider__stage-navigation-track,
	.approach-slider__stage-navigation-items {
		width: 950px;
	}

	.approach-slider__stage-navigation-items {
		transition: transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.approach-slider__stage-navigation-track {
		transition: transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.approach-slider__stage-badge {
		width: 52px;
		height: 52px;
		font-size: 17px;
	}

	.approach-slider__stage-navigation-track {
		top: 25px;
	}

	.approach-slider__stage-name {
		margin-top: 14px;
		font-size: 13px;
	}

	.approach-slider__swiper {
		position: relative;
		margin-top: 30px;
	}

	.approach-slider__swiper .swiper-wrapper {
		height: auto !important;
		align-items: stretch !important;
	}

	.approach-slider__slide {
		display: flex;
		flex-direction: column;
		height: auto;
	}

	.approach-slider__slide-media {
		border-radius: 14px;
	}

	.approach-slider__slide-card {
		flex: 1;
		min-height: 0;
		padding: 22px 20px;
		border-radius: 14px;
	}

	.approach-slider__slide-card > .approach-slider__controls {
		display: none;
	}

	.approach-slider__slide-label {
		font-size: 15px;
	}

	.approach-slider__slide-title {
		margin-top: 12px;
		font-size: 24px;
	}

	.approach-slider__slide-description {
		margin-top: 16px;
		font-size: 16px;
		line-height: 1.35;
	}

	.approach-slider__features {
		gap: 8px;
		margin-top: 24px;
	}

	.approach-slider__features li {
		align-items: flex-start;
		font-size: 15px;
		line-height: 1.35;
	}

	.approach-slider__feature-icon {
		width: 24px;
		height: 24px;
	}

	.approach-slider__controls {
		grid-template-columns: 52px 1fr 52px;
		gap: 12px;
		margin-top: 30px;
	}

	.approach-slider__controls--fixed {
		position: relative;
		right: auto;
		bottom: auto;
		left: auto;
		z-index: auto;
		display: grid;
		margin: 18px 20px 0;
	}

	.approach-slider__control {
		width: 52px;
		height: 52px;
	}

	.approach-slider__counter {
		font-size: 17px;
	}
}

.engineering-systems {
	padding-block: 100px;
	overflow: hidden;
	background: #fff;
}

.engineering-systems__inner {
	position: relative;
	display: grid;
	grid-template-columns: 2.1978% 1.6484% 28.8462% 1.9231% 33.2967% 1.9231% 30.1647%;
	grid-template-rows: auto 50px auto;
	width: min(calc(100% - 100px), 1820px);
	min-height: 890px;
	margin-inline: auto;
}

.engineering-systems__number {
	position: relative;
	z-index: 3;
	grid-column: 1;
	grid-row: 1;
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
}

.engineering-systems__number::after {
	position: absolute;
	top: 48px;
	left: 12px;
	width: 2px;
	height: 317px;
	background: linear-gradient(to bottom, #343434 0 101px, #e1e1e1 101px 100%);
	content: "";
}

.engineering-systems__intro {
	position: relative;
	z-index: 2;
	grid-column: 3 / 5;
	grid-row: 1;
	width: min(582px, calc((var(--cex-vw-100, 100vw) - 100px) * 0.3198));
}

.engineering-systems__eyebrow,
.engineering-systems__heading,
.engineering-systems__description,
.engineering-systems__detail-title,
.engineering-systems__detail-description {
	padding: 0;
	margin: 0;
}

.engineering-systems__eyebrow {
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.28;
	text-transform: uppercase;
}

.engineering-systems__heading {
	margin-top: 20px;
	color: #191919;
	font-size: 50px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
	text-transform: uppercase;
}

.engineering-systems__description {
	width: 516px;
	max-width: 100%;
	margin-top: 30px;
	color: #191919;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.engineering-systems__panel {
	display: contents;
}

.engineering-systems__panel[hidden] {
	display: none;
}

.engineering-systems__detail {
	display: flex;
	grid-column: 2 / 4;
	grid-row: 3;
	flex-direction: column;
	min-height: 465px;
	padding: 30px;
	overflow: hidden;
	border-radius: 20px;
	background: #fff;
}

.engineering-systems__detail-title {
	color: #101112;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.25;
	text-transform: uppercase;
}

.engineering-systems__detail-description {
	margin-top: 20px;
	color: #191919;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.engineering-systems__features {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0;
	margin: 25px 0 0;
	list-style: none;
}

.engineering-systems__features li {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 30px;
	color: #191919;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.engineering-systems__feature-icon {
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	color: var(--color-accent);
}

.engineering-systems__link {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 10px;
	margin-top: auto;
	color: var(--color-accent);
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.25;
	text-decoration: none;
	text-transform: uppercase;
	transition: color var(--transition);
}

.engineering-systems__link-icon {
	flex: 0 0 auto;
	width: 69px;
	height: 20px;
	color: currentColor;
	transition: transform var(--transition);
}

.engineering-systems__link:hover,
.engineering-systems__link:focus-visible {
	color: var(--color-accent-hover);
}

.engineering-systems__link:hover .engineering-systems__link-icon,
.engineering-systems__link:focus-visible .engineering-systems__link-icon {
	transform: translateX(6px);
}

.engineering-systems__media {
	position: relative;
	isolation: isolate;
	grid-column: 5;
	grid-row: 1 / 4;
	height: 890px;
	overflow: hidden;
}

.engineering-systems__previous-image {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.engineering-systems__media.is-crossfading > .engineering-systems__image,
.engineering-systems__previous-image {
	mix-blend-mode: plus-lighter;
}

.engineering-systems__image {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.engineering-systems__navigation {
	z-index: 3;
	display: flex;
	grid-column: 7;
	grid-row: 1 / 4;
	flex-direction: column;
	padding: 0;
	margin: 0;
	list-style: none;
}

.engineering-systems__navigation li:not(:last-child) {
	padding-bottom: 15px;
	margin-bottom: 14px;
	border-bottom: 1px solid #e1e1e1;
}

.engineering-systems__tab {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	min-height: 45px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #101112;
	cursor: pointer;
	font: inherit;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.25;
	text-align: left;
	text-transform: uppercase;
	transition: color var(--transition);
}

.engineering-systems__tab-icon {
	flex: 0 0 45px;
	width: 45px;
	height: 45px;
	color: #808080;
	transition: color var(--transition);
}

.engineering-systems__tab:hover,
.engineering-systems__tab:focus-visible,
.engineering-systems__tab.is-active {
	color: var(--color-accent);
}

.engineering-systems__tab:hover .engineering-systems__tab-icon,
.engineering-systems__tab:focus-visible .engineering-systems__tab-icon,
.engineering-systems__tab.is-active .engineering-systems__tab-icon {
	color: var(--color-accent);
}

.engineering-systems__panel.is-active .engineering-systems__detail {
	animation: engineering-system-fade 560ms ease both;
}

@keyframes engineering-system-fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}



@media (max-width: 1024px) {
	.engineering-systems {
		padding-block: 80px 88px;
	}

	.engineering-systems__inner {
		grid-template-columns: 52px minmax(0, 1fr);
		grid-template-rows: auto auto auto auto;
		gap: 0;
		width: min(calc(100% - 48px), 980px);
		min-height: 0;
	}

	.engineering-systems__number {
		grid-column: 1;
		grid-row: 1;
	}

	.engineering-systems__number::after {
		height: 260px;
	}

	.engineering-systems__intro {
		grid-column: 2;
		grid-row: 1;
		width: min(100%, 620px);
	}

	.engineering-systems__navigation {
		grid-column: 1 / -1;
		grid-row: 2;
		flex-direction: row;
		gap: 14px;
		margin-top: 44px;
		padding-bottom: 10px;
		overflow: visible;
		touch-action: pan-y;
		scrollbar-width: none;
		transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.engineering-systems__navigation::-webkit-scrollbar {
		display: none;
	}

	.engineering-systems__navigation.is-dragging,
	.engineering-systems__navigation.is-dragging * {
		cursor: grabbing;
		user-select: none;
	}

	.engineering-systems__navigation li,
	.engineering-systems__navigation li:not(:last-child) {
		flex: 0 0 285px;
		padding: 0;
		margin: 0;
		border: 0;
	}

	.engineering-systems__tab {
		min-height: 66px;
		padding: 10px 14px;
		border: 1px solid #e1e1e1;
		border-radius: 12px;
		font-size: 15px;
	}

	.engineering-systems__tab.is-active {
		border-color: var(--color-accent);
		background: #fff8f1;
	}

	.engineering-systems__tab-icon {
		flex-basis: 42px;
		width: 42px;
		height: 42px;
	}

	.engineering-systems__media {
		grid-column: 1 / -1;
		grid-row: 3;
		width: min(100%, 680px);
		height: auto;
		aspect-ratio: 606 / 720;
		margin: 36px auto 0;
	}

	.engineering-systems__detail {
		grid-column: 2;
		grid-row: 4;
		min-height: 0;
		margin-top: 20px;
		padding: 28px 0 0;
		border-radius: 0;
	}

	.engineering-systems__link {
		margin-top: 36px;
	}
}

@media (max-width: 767px) {
	.engineering-systems {
		padding-block: 48px 52px;
	}

	.engineering-systems__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		width: calc(100% - 40px);
	}

	.engineering-systems__number,
	.engineering-systems__intro,
	.engineering-systems__navigation,
	.engineering-systems__media,
	.engineering-systems__detail {
		grid-column: 1;
		min-width: 0;
	}

	.engineering-systems__number {
		position: relative;
		grid-row: 1;
		margin-bottom: 18px;
	}

	.engineering-systems__number::after {
		display: none;
	}

	.engineering-systems__intro {
		grid-row: 2;
		width: 100%;
	}

	.engineering-systems__eyebrow {
		font-size: 15px;
	}

	.engineering-systems__heading {
		margin-top: 14px;
		max-width: 100%;
		font-size: clamp(29px, var(--cex-vw-7-7, 7.7vw), 32px);
		overflow-wrap: anywhere;
	}

	.engineering-systems__description {
		width: 100%;
		margin-top: 20px;
		font-size: 17px;
		line-height: 1.35;
		overflow-wrap: anywhere;
	}

	.engineering-systems__navigation {
		grid-row: 3;
		width: 100%;
		margin-top: 34px;
	}

	.engineering-systems__navigation li,
	.engineering-systems__navigation li:not(:last-child) {
		flex-basis: min(var(--cex-vw-82, 82vw), 290px);
	}

	.engineering-systems__tab {
		min-height: 60px;
		padding: 9px 12px;
		font-size: 13px;
	}

	.engineering-systems__tab-icon {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
	}

	.engineering-systems__media {
		grid-row: 4;
		width: 100%;
		aspect-ratio: 606 / 790;
		margin-top: 28px;
	}

	.engineering-systems__image {
		top: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}

	.engineering-systems__detail {
		grid-row: 5;
		width: 100%;
		margin-top: 8px;
		padding-top: 24px;
	}

	.engineering-systems__detail-title {
		font-size: 24px;
	}

	.engineering-systems__detail-description {
		margin-top: 16px;
		font-size: 16px;
		line-height: 1.35;
	}

	.engineering-systems__features {
		gap: 8px;
		margin-top: 24px;
	}

	.engineering-systems__features li {
		align-items: flex-start;
		font-size: 15px;
		line-height: 1.35;
	}

	.engineering-systems__feature-icon {
		width: 24px;
		height: 24px;
	}

	.engineering-systems__link {
		gap: 8px;
		margin-top: 30px;
		font-size: 15px;
	}

	.engineering-systems__link-icon {
		width: 58px;
	}
}

.projects-showcase {
	overflow: hidden;
	background: #fff;
}

@media (min-width: 1025px) {
	.projects-showcase + .contacts--with-image {
		/* The carousel already provides the first 20px of the 100px gap. */
		margin-top: 80px;
	}

	.object-next-project + .contacts--with-image {
		margin-top: 100px;
	}
}

.projects-showcase__feature {
	display: grid;
	grid-template-columns: 61.4583% 38.5417%;
	min-height: 600px;
}

.projects-showcase__visual {
	position: relative;
	min-height: 600px;
	overflow: hidden;
	background: #123b66;
}

.projects-showcase__visual-panel {
	position: absolute;
	inset: 0;
}

.projects-showcase__visual-panel[hidden],
.projects-showcase__content[hidden] {
	display: none;
}

.projects-showcase__visual-panel.is-active,
.projects-showcase__content.is-active {
	animation: projects-showcase-fade 520ms ease both;
}

@keyframes projects-showcase-fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.projects-showcase__visual::after {
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: -90px;
	left: 0;
	height: 330px;
	background: linear-gradient(to bottom, rgba(16, 17, 18, 0), rgba(16, 17, 18, 0.9));
	filter: blur(28px);
	content: "";
	pointer-events: none;
}

.projects-showcase__main-image {
	position: absolute;
	top: -9.6%;
	left: 0;
	width: 119.31%;
	max-width: none;
	height: 119.27%;
	object-fit: cover;
}

.projects-showcase__number {
	position: absolute;
	z-index: 3;
	top: 100px;
	left: 50px;
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
}

.projects-showcase__number::after {
	position: absolute;
	top: 48px;
	left: 12px;
	width: 2px;
	height: 317px;
	background: linear-gradient(to bottom, #f9f9f9 0 101px, rgba(249, 249, 249, 0.25) 101px 100%);
	content: "";
}

.projects-showcase__intro {
	position: absolute;
	z-index: 3;
	top: 100px;
	left: 120px;
	width: 473px;
}

.projects-showcase__eyebrow,
.projects-showcase__heading,
.projects-showcase__intro-text,
.projects-showcase__category,
.projects-showcase__project-title,
.projects-showcase__description {
	padding: 0;
	margin: 0;
}

.projects-showcase__eyebrow,
.projects-showcase__category {
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.28;
	text-transform: uppercase;
}

.projects-showcase__heading {
	margin-top: 20px;
	color: #fff;
	font-size: 50px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
	text-transform: uppercase;
}

.projects-showcase__intro-text {
	width: 349px;
	max-width: 100%;
	margin-top: 20px;
	color: #b7cfe5;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.projects-showcase__all-objects-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 349px;
	max-width: 100%;
	min-height: 68px;
	margin-top: 20px;
	padding: 7px 20px 5px;
	background: var(--color-accent);
	color: #f9f9f9;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color var(--transition), color var(--transition);
}

.projects-showcase__all-objects-link:hover,
.projects-showcase__all-objects-link:focus-visible {
	background: var(--color-accent-hover);
	color: #fff;
}

.projects-showcase__all-objects-link:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

.projects-showcase__content {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: calc(600px / var(--cex-site-scale, 1));
	padding: 60px 50px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	background: #fafafa;
}

.projects-showcase__content-panels {
	grid-column: 2;
	min-width: 0;
}

.projects-showcase__summary {
	width: min(548px, 100%);
}

.projects-showcase__project-title {
	display: flex;
	align-items: flex-end;
	gap: 6px;
	margin-top: 20px;
	color: #101112;
	font-size: 50px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.08;
}

.projects-showcase__project-title i {
	flex: 0 0 10px;
	width: 10px;
	height: 10px;
	margin-bottom: 8px;
	border-radius: 50%;
	background: var(--color-accent);
}

.projects-showcase__description {
	margin-top: 20px;
	color: #191919;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.projects-showcase__stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: minmax(84px, auto);
	padding: 0;
	margin: 44px 0 0;
}

.projects-showcase__stat {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	min-width: 0;
	padding: 0 16px 16px 0;
}

.projects-showcase__stat:nth-child(even) {
	padding-right: 0;
	padding-left: 32px;
}

.projects-showcase__stat:nth-child(odd) {
	border-right: 1px solid #e1e1e1;
}

.projects-showcase__stat:nth-child(3),
.projects-showcase__stat:nth-child(4) {
	padding-top: 16px;
}

.projects-showcase__stat:nth-child(5),
.projects-showcase__stat:nth-child(6) {
	padding-top: 24px;
}

.projects-showcase__stat:nth-child(-n + 4) {
	border-bottom: 1px solid #e1e1e1;
}

.projects-showcase__stat-icon {
	display: block;
	flex: 0 0 45px;
	width: 45px;
	height: 45px;
	mix-blend-mode: multiply;
}

.projects-showcase__stat-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.projects-showcase__stat dt,
.projects-showcase__stat dd {
	padding: 0;
	margin: 0;
}

.projects-showcase__stat dt {
	color: #191919;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.projects-showcase__stat dd {
	margin-top: 10px;
	color: #101112;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
}

.projects-showcase__detail-link {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 10px;
	margin-top: 44px;
	color: var(--color-accent);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.25;
	text-decoration: none;
	text-transform: uppercase;
	transition: color var(--transition);
}

.projects-showcase__detail-arrow {
	flex: 0 0 auto;
	width: 69px;
	height: 20px;
	mix-blend-mode: multiply;
	transition: transform var(--transition);
}

.projects-showcase__detail-arrow svg {
	display: block;
	width: 100%;
	height: 100%;
}

.projects-showcase__detail-link:hover,
.projects-showcase__detail-link:focus-visible {
	color: var(--color-accent-hover);
}

.projects-showcase__detail-link:hover .projects-showcase__detail-arrow,
.projects-showcase__detail-link:focus-visible .projects-showcase__detail-arrow {
	transform: translateX(6px);
}

.projects-showcase__carousel {
	position: relative;
	height: 373px;
	padding: 20px 140px;
	background: #fff;
}

.projects-showcase__swiper {
	width: 100%;
	height: 333px;
	overflow: hidden;
}

.projects-showcase__slide {
	width: 395px;
	height: 333px;
}

.projects-showcase__card {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	overflow: hidden;
	background: transparent;
	color: #fff;
	cursor: pointer;
	font: inherit;
	text-align: left;
	text-decoration: none;
	transition: box-shadow var(--transition);
}

.projects-showcase__card.is-active {
	box-shadow: inset 0 0 0 3px var(--color-accent);
}

.projects-showcase__card.is-active::after {
	position: absolute;
	inset: 0;
	z-index: 3;
	border: 3px solid var(--color-accent);
	content: "";
	pointer-events: none;
}

.projects-showcase__card-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.projects-showcase__card-shade {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 158px;
	background: linear-gradient(to bottom, rgba(20, 15, 13, 0), #101112);
	pointer-events: none;
}

.projects-showcase__card-copy {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
}

.projects-showcase__card-copy strong,
.projects-showcase__card-copy small {
	font-style: normal;
	line-height: 1.25;
}

.projects-showcase__card-copy strong {
	color: #f9f9f9;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

.projects-showcase__card-copy small {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.02em;
}

.projects-showcase__card:hover .projects-showcase__card-image,
.projects-showcase__card:focus-visible .projects-showcase__card-image {
	transform: scale(1.035);
}

.projects-showcase__control {
	position: absolute;
	z-index: 13;
	top: 156px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	padding: 0;
	border: 1.5px solid #e1e1e1;
	border-radius: 50%;
	background: #fafafa;
	color: #191919;
	cursor: pointer;
	transition: border-color var(--transition), background-color var(--transition), color var(--transition);
}

.projects-showcase__control--previous {
	left: 40px;
}

.projects-showcase__control--next {
	right: 40px;
}

.projects-showcase__control-icon {
	display: block;
	width: 24px;
	height: 24px;
	mix-blend-mode: multiply;
}

.projects-showcase__control-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.projects-showcase__control--previous .projects-showcase__control-icon {
	transform: rotate(-90deg);
}

.projects-showcase__control--next .projects-showcase__control-icon {
	transform: rotate(90deg);
}

.projects-showcase__control:hover:not(:disabled),
.projects-showcase__control:focus-visible:not(:disabled) {
	border-color: var(--color-accent);
	background: #fff4e9;
}

.projects-showcase__control:disabled {
	cursor: default;
}



@media (max-width: 1024px) {
	.projects-showcase__feature {
		display: block;
		min-height: 0;
	}

	.projects-showcase__visual {
		min-height: 0;
		aspect-ratio: 1180 / 950;
	}

	.projects-showcase__number {
		top: 64px;
		left: 32px;
	}

	.projects-showcase__number::after {
		height: 250px;
	}

	.projects-showcase__intro {
		top: 64px;
		left: 92px;
		width: min(473px, calc(100% - 130px));
	}

	.projects-showcase__content {
		min-height: 0;
		padding: 70px 48px;
	}

	.projects-showcase__summary {
		width: min(680px, 100%);
	}

	.projects-showcase__description {
		max-width: 620px;
	}

	.projects-showcase__stats {
		width: min(720px, 100%);
	}

	.projects-showcase__detail-link {
		margin-top: 56px;
	}

	.projects-showcase__carousel {
		height: 334px;
		padding: 18px 76px;
	}

	.projects-showcase__swiper,
	.projects-showcase__slide {
		height: 298px;
	}

	.projects-showcase__slide {
		width: min(var(--cex-vw-44, 44vw), 354px);
	}

	.projects-showcase__control {
		top: 137px;
		width: 48px;
		height: 48px;
	}

	.projects-showcase__control--previous {
		left: 14px;
	}

	.projects-showcase__control--next {
		right: 14px;
	}
}

@media (max-width: 767px) {
	.projects-showcase__visual {
		aspect-ratio: 3 / 4;
	}

	.projects-showcase__main-image {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 43% center;
	}

	.projects-showcase__number {
		top: 30px;
		left: 20px;
		font-size: 15px;
	}

	.projects-showcase__number::after {
		display: none;
	}

	.projects-showcase__intro {
		top: 30px;
		left: 54px;
		width: calc(100% - 74px);
	}

	.projects-showcase__eyebrow,
	.projects-showcase__category {
		font-size: 14px;
	}

	.projects-showcase__heading {
		margin-top: 14px;
		font-size: clamp(29px, var(--cex-vw-8-2, 8.2vw), 34px);
		line-height: 1.08;
		overflow-wrap: anywhere;
	}

	.projects-showcase__intro-text {
		width: min(270px, 100%);
		margin-top: 16px;
		font-size: 15px;
		line-height: 1.35;
	}

	.projects-showcase__all-objects-link {
		min-height: 54px;
		margin-top: 20px;
		padding: 9px 16px;
		font-size: 16px;
	}

	.projects-showcase__content {
		padding: 40px 20px 44px;
	}

	.projects-showcase__project-title {
		margin-top: 14px;
		font-size: clamp(32px, var(--cex-vw-9-2, 9.2vw), 40px);
		overflow-wrap: anywhere;
	}

	.projects-showcase__project-title i {
		flex-basis: 8px;
		width: 8px;
		height: 8px;
		margin-bottom: 6px;
	}

	.projects-showcase__description {
		margin-top: 18px;
		font-size: 16px;
		line-height: 1.4;
	}

	.projects-showcase__stats {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: none;
		min-height: 0;
		margin-top: 38px;
	}

	.projects-showcase__stat,
	.projects-showcase__stat:nth-child(even),
	.projects-showcase__stat:nth-child(n + 3) {
		gap: 16px;
		padding: 18px 0;
		border-right: 0;
		border-bottom: 1px solid #e1e1e1;
	}

	.projects-showcase__stat:first-child {
		padding-top: 0;
	}

	.projects-showcase__stat:last-child {
		border-bottom: 0;
	}

	.projects-showcase__stat-icon {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
	}

	.projects-showcase__stat dt {
		font-size: 14px;
	}

	.projects-showcase__stat dd {
		margin-top: 6px;
		font-size: 20px;
	}

	.projects-showcase__detail-link {
		gap: 8px;
		margin-top: 42px;
		font-size: 14px;
	}

	.projects-showcase__detail-arrow {
		width: 56px;
	}

	.projects-showcase__carousel {
		height: 324px;
		padding: 16px 36px;
	}

	.projects-showcase__swiper,
	.projects-showcase__slide {
		height: 292px;
	}

	.projects-showcase__slide {
		width: 100%;
	}

	.projects-showcase__card-copy {
		right: 20px;
		bottom: 22px;
		left: 20px;
	}

	.projects-showcase__card-copy strong {
		font-size: 16px;
	}

	.projects-showcase__card-copy small {
		font-size: 14px;
	}

	.projects-showcase__control {
		top: 50%;
		width: 44px;
		height: 44px;
		transform: translateY(-50%);
	}

	.projects-showcase__control--previous {
		left: 14px;
	}

	.projects-showcase__control--next {
		right: 14px;
	}
}

.section-progress {
	position: fixed;
	top: calc(clamp(160px, 32vh, 410px) * var(--cex-site-scale, 1));
	left: calc(clamp(30px, var(--cex-vw-2-6042, 2.6042vw), 50px) * var(--cex-site-scale, 1));
	z-index: 12;
	transform: scale(var(--cex-site-scale, 1));
	transform-origin: top left;
	visibility: hidden;
	pointer-events: none;
}

.section-progress.is-visible {
	visibility: visible;
}

.section-progress__number {
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1;
}

.section-progress__rail {
	position: fixed;
	top: calc((clamp(160px, 32vh, 410px) + 48px) * var(--cex-site-scale, 1));
	left: calc((clamp(30px, var(--cex-vw-2-6042, 2.6042vw), 50px) + 12px) * var(--cex-site-scale, 1));
	z-index: 12;
	display: block;
	width: 2px;
	height: 317px;
	transform: scale(var(--cex-site-scale, 1));
	transform-origin: top left;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.24);
	mix-blend-mode: difference;
	visibility: hidden;
	pointer-events: none;
}

.section-progress__rail.is-visible {
	visibility: visible;
}

.section-progress__fill {
	position: absolute;
	inset: 0;
	display: block;
	background: #fff;
	transform: scaleY(0);
	transform-origin: top;
	will-change: transform;
}

@media (min-width: 1025px) {
	.has-section-progress .company-history__number,
	.has-section-progress .approach-slider__section-number,
	.has-section-progress .engineering-systems__number,
	.has-section-progress .projects-showcase__number,
	.has-section-progress .about-values__number,
	.has-section-progress .contacts__number,
	.has-section-progress .object-overview__number,
	.has-section-progress .object-challenges__number {
		visibility: hidden;
	}
}

@media (max-width: 1024px) {
	.section-progress,
	.section-progress__rail {
		display: none;
	}
}

[data-animate] {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 800ms cubic-bezier(0.22, 1, 0.36, 1), transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
}

.hero__media[data-animate] {
	transform: scale(1.015);
	transition-duration: 1200ms;
}

[data-animate].is-visible {
	opacity: 1;
	transform: none;
}

[data-accordion-panel] {
	overflow: hidden;
	transition: height 420ms cubic-bezier(0.22, 1, 0.36, 1);
}





@media (max-width: 1024px) {
	.company-history {
		padding-block: 84px 96px;
	}

	.company-history__inner {
		width: min(calc(100% - 80px), 1180px);
	}

	.company-history__layout {
		display: block;
		margin-left: 70px;
	}

	.company-history__intro {
		max-width: 620px;
	}

	.company-history__heading {
		font-size: clamp(42px, var(--cex-vw-4-1, 4.1vw), 50px);
	}

	.company-history__timeline {
		width: 100%;
		margin-top: 56px;
	}

	.company-history__timeline-track {
		display: none;
	}

	.company-history__timeline-items {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 34px 28px;
	}

	.company-history__milestone {
		padding-top: 20px;
		border-top: 1px solid #e1e1e1;
	}

	.company-history__milestone-marker {
		height: auto;
	}

	.company-history__milestone-copy {
		margin-top: 20px;
	}
}

@media (max-width: 1024px) {
	.site-header {
		top: 0;
		right: 0;
		left: 0;
		height: 100vh;
		height: 100dvh;
		overflow: hidden;
		pointer-events: none;
	}

	.site-header::before {
		position: fixed;
		inset: 0;
		z-index: 0;
		background: rgba(4, 4, 4, 0.48);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		will-change: opacity;
		content: "";
		transition: opacity 360ms ease, visibility 0s linear 360ms;
	}

	body.menu-is-open .site-header::before {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition: opacity 360ms ease;
	}

	.site-header__inner {
		position: absolute;
		top: 24px;
		right: 24px;
		left: 24px;
		z-index: 2;
		grid-template-columns: 1fr auto auto;
		height: 72px;
		padding-inline: 18px;
		border-radius: 10px;
		background: transparent;
		pointer-events: auto;
	}

	.site-header__brand .custom-logo {
		width: 130px;
	}

	.site-header__toggle {
		position: relative;
		z-index: 2;
		display: block;
		grid-column: 3;
		justify-self: end;
	}

	.site-header__language {
		grid-column: 2;
		grid-row: 1;
		width: auto;
		height: 42px;
	}

	.site-header__languages {
		position: relative;
		z-index: 2;
		grid-column: 2;
		grid-row: 1;
		margin-right: 16px;
	}

	.site-header__language .icon {
		width: 22px;
		height: 22px;
	}

	.site-header__navigation {
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		z-index: 1;
		display: block;
		width: var(--cex-vw-80, 80vw);
		height: 100vh;
		height: 100dvh;
		padding: 112px 24px 40px;
		border: 0;
		border-radius: 0;
		background: #080a0b;
		color: var(--color-light);
		box-shadow: -20px 0 48px rgba(0, 0, 0, 0.28);
		opacity: 1;
		transform: translate3d(100%, 0, 0);
		visibility: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		pointer-events: auto;
		will-change: transform;
		transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 300ms;
	}

	/* The slide-out panel is shared by dark and light page headers. */
	body.menu-is-open .site-header--light .site-header__toggle {
		color: #fff;
	}

	.site-header__navigation.is-open {
		transform: translate3d(0, 0, 0);
		visibility: visible;
		transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;
	}

	.site-menu--header {
		align-items: stretch;
		flex-direction: column;
		gap: 0;
		font-size: 18px;
	}

	.site-menu--header a {
		display: block;
		padding-block: 14px;
	}

	.site-menu--header li + li {
		border-top: 1px solid rgba(255, 255, 255, 0.14);
	}

	.site-header__toggle[aria-expanded="true"] span:nth-of-type(2) {
		transform: translateY(6.5px) rotate(45deg);
	}

	.site-header__toggle[aria-expanded="true"] span:nth-of-type(3) {
		opacity: 0;
		visibility: hidden;
	}

	.site-header__toggle[aria-expanded="true"] span:nth-of-type(4) {
		transform: translateY(-6.5px) rotate(-45deg);
	}

	.hero {
		aspect-ratio: auto;
		height: max(720px, 100svh);
	}

	.hero {
		--hero-image-position: 44% center;
	}

	.hero__copy-shade {
		top: 26%;
		left: -6%;
		width: 78%;
		height: 48%;
		filter: blur(72px);
	}

	.hero__content {
		top: 37%;
		left: 7%;
	}

	.hero__title {
		font-size: clamp(58px, var(--cex-vw-7-4, 7.4vw), 76px);
	}

	.hero__subtitle {
		margin-top: 24px;
		font-size: 20px;
	}

	.hero__marker {
		display: none;
	}

	.hero__scroll {
		top: auto;
		bottom: 9%;
		left: 7%;
		gap: 18px;
		font-size: 17px;
	}

	.hero__scroll-icon {
		width: 46px;
		height: 46px;
	}

	.hero__scroll-icon .icon {
		width: 24px;
		height: 24px;
	}

	.contacts {
		min-height: 900px;
	}

	.contacts__intro {
		top: 84px;
		left: 9%;
		width: 37%;
	}

	.contacts__number {
		display: none;
	}

	.contacts__heading {
		font-size: clamp(34px, var(--cex-vw-4-2, 4.2vw), 46px);
	}

	.contacts__description {
		margin-top: 24px;
		font-size: 18px;
	}

	.contacts__media {
		right: -8%;
		width: 62%;
		height: 900px;
	}

	.contacts__details {
		top: 410px;
		left: 9%;
		gap: 20px;
		font-size: 16px;
	}

	.contacts__detail {
		gap: 12px;
	}

	.contacts__details-divider {
		height: 78px;
	}

	.contacts__schematic {
		bottom: 170px;
		width: 58%;
	}

	.contacts__form {
		top: 410px;
		right: 6%;
		width: 45%;
		min-height: 0;
		padding: 36px;
	}

	.cex-contact-form__grid {
		gap: 16px 22px;
	}

	.cex-contact-form__title {
		font-size: 21px;
	}

	.cex-contact-form__submit {
		min-height: 60px;
		font-size: 17px;
	}

	.site-footer {
		min-height: 360px;
		padding-inline: 9%;
	}

	.site-footer__inner {
		grid-template-columns: 230px 220px minmax(0, 1fr);
		min-height: 360px;
		padding-top: 44px;
	}

	.site-menu--footer {
		font-size: 18px;
	}

	.site-footer__meta {
		top: 230px;
	}

	.site-footer__developer-credit {
		bottom: 46px;
	}

	.company-history__inner {
		width: min(calc(100% - 48px), 980px);
	}

	.company-history__layout {
		margin-left: 52px;
	}

	.company-history__number::after {
		height: 280px;
	}
}

@media (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) {
	.site-header__navigation {
		position: fixed;
		inset: 0;
		width: auto;
		justify-self: stretch;
	}
}

@media (max-width: 767px) {
	.site-header {
		top: 0;
		right: 0;
		left: 0;
	}

	.site-header__inner {
		top: 12px;
		right: 12px;
		left: 12px;
		height: 64px;
		padding-inline: 14px 8px;
	}

	.site-header__brand .custom-logo {
		width: 108px;
	}

	.site-header__language {
		display: inline-flex;
		width: auto;
		height: 44px;
	}

	.site-header__toggle {
		grid-column: 3;
	}

	.hero {
		height: clamp(520px, var(--cex-vw-140, 140vw), 600px);
	}

	.hero {
		--hero-image-position: 42% center;
	}

	.hero__top-shade {
		height: 104px;
	}

	.hero__copy-shade {
		top: 26%;
		left: -22%;
		width: 130%;
		height: 42%;
		filter: blur(64px);
	}

	.hero__content {
		top: 34%;
		right: 20px;
		left: 20px;
	}

	.hero__title {
		font-size: clamp(39px, var(--cex-vw-11-5, 11.5vw), 52px);
		line-height: 1.04;
	}

	.hero__title-line {
		flex-wrap: wrap;
		white-space: normal;
	}

	.hero__subtitle {
		max-width: 310px;
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.4;
	}

	.hero__scroll {
		bottom: 7%;
		left: 20px;
		font-size: 14px;
	}

	.company-history {
		padding-block: 48px 52px;
	}

	.company-history__inner {
		width: calc(100% - 40px);
	}

	.company-history__number {
		position: relative;
		display: block;
		margin-bottom: 18px;
	}

	.company-history__number::after {
		display: none;
	}

	.company-history__layout {
		margin-left: 0;
	}

	.company-history__eyebrow,
	.company-history__link {
		font-size: 15px;
	}

	.company-history__heading {
		margin-top: 14px;
		font-size: clamp(33px, var(--cex-vw-9-5, 9.5vw), 44px);
	}

	.company-history__description {
		margin-top: 20px;
		font-size: 17px;
		line-height: 1.35;
	}

	.company-history__link {
		margin-top: 36px;
	}

	.company-history__link-icon {
		width: 58px;
	}

	.company-history__timeline {
		margin-top: 44px;
	}

	.company-history__timeline-items {
		grid-template-columns: 1fr;
		gap: 26px;
	}

	.company-history__milestone {
		padding-top: 18px;
	}

	.company-history__milestone-marker {
		flex-direction: row;
		align-items: center;
		gap: 16px;
	}

	.company-history__year {
		font-size: 18px;
	}

	.company-history__milestone-icon {
		order: -1;
		width: 52px;
		height: 52px;
	}

	.company-history__milestone-copy {
		margin-top: 16px;
	}

	.company-history__milestone-copy h3 {
		font-size: 17px;
	}

	.company-history__milestone-description {
		font-size: 15px;
		line-height: 1.35;
	}

	.contacts {
		display: flex;
		flex-direction: column;
		gap: 0;
		min-height: 0;
		padding: 52px 20px 0;
		overflow: hidden;
	}

	.contacts__intro,
	.contacts__media,
	.contacts__details,
	.contacts__schematic,
	.contacts__form {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		width: 100%;
	}

	.contacts__intro {
		z-index: 1;
		max-width: 520px;
	}

	.contacts__eyebrow {
		font-size: 15px;
	}

	.contacts__heading {
		margin-top: 14px;
		font-size: clamp(33px, var(--cex-vw-9-5, 9.5vw), 44px);
	}

	.contacts__description {
		margin-top: 20px;
		font-size: 17px;
	}

	.contacts__media {
		order: 2;
		height: 310px;
		margin-top: 34px;
		overflow: hidden;
	}

	.contacts__image {
		left: 0;
		width: 100%;
		object-position: 63% center;
	}

	.contacts__details {
		order: 3;
		align-items: flex-start;
		flex-direction: column;
		gap: 20px;
		margin-top: 32px;
		font-size: 15px;
	}

	.contacts__detail {
		gap: 15px;
	}

	.contacts__details-divider {
		display: none;
	}

	.contacts__form {
		order: 4;
		z-index: 1;
		margin-top: 36px;
		padding: 28px 0 8px;
	}

	.contacts__form .wpcf7-form {
		position: relative;
	}

	.contacts__form .wpcf7-spinner {
		position: absolute;
		right: 16px;
		bottom: 17px;
		margin: 0;
	}

	.contacts__schematic {
		order: 5;
		margin-top: 32px;
	}

	.cex-contact-form__grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.cex-contact-form__field--full {
		grid-column: auto;
	}

	.cex-contact-form__title {
		font-size: 20px;
	}

	.cex-contact-form__submit {
		min-height: 58px;
		font-size: 16px;
	}

	.site-footer,
	.site-footer--with-contacts {
		min-height: 0;
		margin-top: 0;
		padding-inline: 20px;
	}

	.site-footer__inner {
		display: grid;
		grid-template-columns: 1fr;
		gap: 28px;
		min-height: 0;
		padding-block: 38px 28px;
	}

	.site-menu--footer {
		gap: 10px;
		font-size: 17px;
	}

	.site-footer__meta {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		min-height: 0;
		padding-top: 24px;
	}

	.site-footer__copyright {
		width: auto;
		padding-right: 22px;
	}

	.site-footer__socials {
		min-height: 48px;
		padding-left: 22px;
	}

	.site-footer__developer-credit {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: -8px;
	}

	.company-history__heading,
	.approach-slider__heading,
	.engineering-systems__heading,
	.projects-showcase__heading,
	.contacts__heading {
		font-size: clamp(28px, var(--cex-vw-7-5, 7.5vw), 32px);
	}
}

/* Keep the approach slider controls outside the moving Swiper wrapper. */
@media (min-width: 1025px) {
	.approach-slider__swiper {
		--approach-card-width: 413px;
		--approach-card-padding: 30px;
		position: relative;
	}

	.approach-slider__slide-card {
		padding-bottom: calc(var(--approach-card-padding) + 80px);
	}

	.approach-slider__slide-card > .approach-slider__controls {
		display: none;
	}

	.approach-slider__controls--fixed {
		position: absolute;
		right: var(--approach-card-padding);
		bottom: var(--approach-card-padding);
		z-index: 3;
		display: grid;
		width: calc(var(--approach-card-width) - (var(--approach-card-padding) * 2));
		margin: 0;
	}
}





@media (min-width: 768px) and (max-width: 1024px) {
	.approach-slider__swiper {
		position: relative;
	}

	.approach-slider__slide-card > .approach-slider__controls {
		display: none;
	}

	.approach-slider__controls--fixed {
		position: relative;
		right: auto;
		bottom: auto;
		left: auto;
		z-index: auto;
		display: grid;
		margin: 18px 28px 0;
	}
}

/* Shared responsive layout: content sets the height, including longer ACF copy. */
@media (max-width: 1024px) {
	.site-header__inner {
		width: auto;
	}

	.site-header__brand {
		position: relative;
		z-index: 2;
	}

	.site-header__navigation {
		position: fixed;
		inset: 0 0 0 auto;
	}

	.site-menu--header {
		white-space: normal;
	}

	.hero {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 88px;
		height: 100vh;
		min-height: 100svh;
		padding: 156px 7% 48px;
	}

	.hero__content,
	.hero__scroll {
		position: relative;
		inset: auto;
		max-width: 100%;
	}

	.hero__title-line {
		flex-wrap: wrap;
		white-space: normal;
	}

	.approach-slider__description br {
		display: none;
	}

	.company-history__link,
	.engineering-systems__link,
	.projects-showcase__detail-link {
		min-height: 44px;
	}

	.contacts__detail-copy,
	.projects-showcase__stat > div,
	.site-footer__navigation {
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.cex-contact-form__field input,
	.cex-contact-form__field select {
		min-height: 48px;
		font-size: 16px;
	}

	.cex-contact-form__field textarea {
		height: 104px;
		min-height: 104px;
		font-size: 16px;
		line-height: 1.5;
	}

	.contacts__form .cex-contact-form__consent {
		margin: 0;
		font-size: 13px;
	}

	.cex-contact-form__consent label {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		min-height: 44px;
		line-height: 1.5;
	}

	.cex-contact-form__consent input {
		flex: 0 0 20px;
		width: 20px;
		height: 20px;
		margin: 1px 0 0;
	}

	.cex-contact-form__consent input:focus-visible {
		outline: 2px solid var(--color-accent);
		outline-offset: 3px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.company-history,
	.approach-slider,
	.engineering-systems {
		padding-block: 48px;
	}

	.company-history__heading,
	.approach-slider__heading,
	.engineering-systems__heading,
	.projects-showcase__heading {
		font-size: clamp(34px, var(--cex-vw-4-5, 4.5vw), 42px);
		line-height: 1.15;
	}

	.company-history__description,
	.approach-slider__description,
	.engineering-systems__description,
	.contacts__description {
		font-size: 17px;
		line-height: 1.5;
	}

	.approach-slider__intro {
		width: calc(100% - 52px);
		max-width: 640px;
	}

	.approach-slider__schematic {
		position: relative;
		inset: auto;
		width: min(50%, 340px);
		height: auto;
		margin: 24px 0 0 auto;
	}

	.approach-slider__stage-navigation {
		margin-top: 28px;
		margin-right: 0;
	}

	.approach-slider__swiper {
		margin-top: 24px;
	}

	.approach-slider__slide {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.approach-slider__slide-media {
		position: relative;
		aspect-ratio: auto;
	}

	.approach-slider__slide-image {
		position: absolute;
		inset: 0;
	}

	.approach-slider__slide-card {
		min-height: 0;
		padding: 24px;
		margin-top: 0;
	}

	.approach-slider__slide-title {
		font-size: 23px;
	}

	.approach-slider__slide-description,
	.approach-slider__features li {
		font-size: 16px;
		line-height: 1.45;
	}

	.approach-slider__controls--fixed {
		margin: 16px 0 0;
	}

	.engineering-systems__media {
		width: min(100%, 380px);
		margin-top: 24px;
	}

	.engineering-systems__image {
		inset: auto;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.contacts {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px;
		min-height: 0;
		padding: 48px 24px 32px;
	}

	.contacts__intro,
	.contacts__media,
	.contacts__details,
	.contacts__form,
	.contacts__schematic {
		position: relative;
		inset: auto;
		width: 100%;
		min-width: 0;
		min-height: 0;
		margin: 0;
	}

	.contacts__intro {
		grid-column: 1;
		grid-row: 1;
	}

	.contacts__heading {
		font-size: 32px;
		line-height: 1.15;
	}

	.contacts__media {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
		height: auto;
		aspect-ratio: 1;
		border-radius: 14px;
	}

	.contacts__image {
		left: 0;
		width: 100%;
	}

	.contacts__details {
		grid-column: 1;
		grid-row: 2;
		align-self: start;
		align-items: flex-start;
		flex-direction: column;
		gap: 24px;
	}

	.contacts__details-divider {
		display: none;
	}

	.contacts__form {
		grid-column: 2;
		grid-row: 2;
		padding: 0;
	}

	.cex-contact-form__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.contacts__schematic {
		grid-column: 1 / -1;
		grid-row: 3;
	}

	.site-footer,
	.site-footer--with-contacts {
		min-height: 0;
		padding-inline: 24px;
		margin-top: 0;
	}

	.site-footer__inner {
		grid-template-columns: 160px minmax(0, 1fr) minmax(0, 1fr);
		gap: 28px;
		min-height: 0;
		padding-block: 36px;
	}

	.site-menu--footer {
		font-size: 16px;
	}

	.site-footer__meta,
	.site-footer__developer-credit {
		position: relative;
		inset: auto;
		grid-column: 1 / -1;
		width: 100%;
	}

	.site-footer__meta {
		padding-top: 20px;
	}
}

@media (max-width: 767px) {
	:root {
		--page-gutter: clamp(16px, var(--cex-vw-5-13, 5.13vw), 24px);
		--mobile-heading-size: clamp(26px, var(--cex-vw-7-2, 7.2vw), 32px);
	}

	.site-header__inner {
		top: 12px;
		right: var(--page-gutter);
		left: var(--page-gutter);
		height: 56px;
		padding: 0;
	}

	.site-header__brand .custom-logo {
		width: 112px;
	}

	.site-header__navigation {
		width: 100%;
		padding: 96px 24px 32px;
	}

	.hero {
		gap: 72px;
		height: 100vh;
		min-height: 100svh;
		padding: 136px var(--page-gutter) 32px;
	}

	.hero__title {
		font-size: clamp(35px, var(--cex-vw-10, 10vw), 46px);
		line-height: 1.08;
	}

	.hero__subtitle {
		max-width: 310px;
		margin-top: 16px;
		font-size: 15px;
		line-height: 1.5;
	}

	.hero__scroll {
		gap: 14px;
		font-size: 13px;
	}

	.hero__scroll-icon {
		width: 44px;
		height: 44px;
	}

	.company-history,
	.approach-slider,
	.engineering-systems {
		padding-block: 32px;
	}

	.company-history {
		padding-top: 40px;
	}

	.engineering-systems {
		padding-bottom: 40px;
	}

	.company-history__inner,
	.approach-slider__inner,
	.engineering-systems__inner {
		width: calc(100% - var(--page-gutter) * 2);
	}

	.company-history__number,
	.approach-slider__section-number,
	.engineering-systems__number,
	.contacts__number {
		position: absolute;
		inset: 1px auto auto 0;
		display: block;
		width: auto;
		margin: 0;
		font-size: 13px;
		line-height: 1.4;
	}

	.contacts__number::after {
		display: none;
	}

	.company-history__number + .company-history__layout .company-history__eyebrow,
	.approach-slider__section-number + .approach-slider__intro .approach-slider__eyebrow,
	.engineering-systems__number + .engineering-systems__intro .engineering-systems__eyebrow,
	.contacts__number + .contacts__eyebrow,
	.projects-showcase__number + .projects-showcase__intro .projects-showcase__eyebrow {
		padding-left: 32px;
	}

	.company-history__eyebrow,
	.approach-slider__eyebrow,
	.engineering-systems__eyebrow,
	.projects-showcase__eyebrow,
	.projects-showcase__category,
	.contacts__eyebrow {
		font-size: 13px;
		letter-spacing: 0.01em;
		line-height: 1.4;
	}

	.company-history__heading,
	.approach-slider__heading,
	.engineering-systems__heading,
	.projects-showcase__heading,
	.contacts__heading {
		margin-top: 12px;
		font-size: var(--mobile-heading-size);
		line-height: 1.15;
		overflow-wrap: anywhere;
	}

	.approach-slider__heading br,
	.engineering-systems__heading br,
	.projects-showcase__heading br {
		display: none;
	}

	.company-history__description,
	.approach-slider__description,
	.engineering-systems__description,
	.contacts__description {
		margin-top: 16px;
		font-size: 16px;
		line-height: 1.5;
	}

	.company-history__link,
	.engineering-systems__link,
	.projects-showcase__detail-link {
		max-width: 100%;
		gap: 12px;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.4;
	}

	.company-history__link-icon,
	.engineering-systems__link-icon,
	.projects-showcase__detail-arrow {
		width: 48px;
	}

	.company-history__timeline {
		margin-top: 28px;
	}

	.company-history__timeline-items {
		gap: 20px;
	}

	.company-history__milestone {
		display: grid;
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 8px 16px;
		padding-top: 20px;
	}

	.company-history__milestone-link {
		display: contents;
	}

	.company-history__milestone-marker {
		display: contents;
	}

	.company-history__year {
		grid-column: 2;
		grid-row: 1;
		color: var(--color-accent);
		font-size: 15px;
	}

	.company-history__milestone-icon {
		grid-column: 1;
		grid-row: 1 / span 2;
		width: 40px;
		height: 40px;
	}

	.company-history__milestone-copy {
		grid-column: 2;
		grid-row: 2;
		margin-top: 0;
	}

	.company-history__milestone-copy h3 {
		font-size: 16px;
		line-height: 1.35;
	}

	.company-history__milestone-description {
		grid-column: 2;
		grid-row: 3;
		margin-top: 8px;
		color: #696969;
		font-size: 14px;
		line-height: 1.5;
	}

	.approach-slider__schematic {
		width: min(76%, 280px);
		height: auto;
		margin: 24px auto 0;
	}

	.approach-slider__stage-navigation {
		margin-top: 24px;
	}

	.approach-slider__stage-badge {
		width: 44px;
		height: 44px;
		font-size: 15px;
	}

	.approach-slider__stage-navigation-track {
		top: 21px;
	}

	.approach-slider__stage-name {
		margin-top: 10px;
		line-height: 1.4;
	}

	.approach-slider__swiper {
		margin-top: 24px;
	}

	.approach-slider__slide {
		gap: 12px;
	}

	.approach-slider__slide-card {
		padding: 20px;
		margin-top: 0;
	}

	.approach-slider__slide-label {
		font-size: 13px;
	}

	.approach-slider__slide-title,
	.engineering-systems__detail-title {
		font-size: 22px;
		line-height: 1.25;
	}

	.approach-slider__slide-description,
	.engineering-systems__detail-description {
		margin-top: 12px;
		font-size: 15px;
		line-height: 1.5;
	}

	.approach-slider__features,
	.engineering-systems__features {
		gap: 10px;
		margin-top: 20px;
	}

	.approach-slider__features li,
	.engineering-systems__features li {
		min-height: 24px;
		font-size: 14px;
		line-height: 1.5;
	}

	.approach-slider__feature-icon,
	.engineering-systems__feature-icon {
		width: 22px;
		height: 22px;
	}

	.approach-slider__controls--fixed {
		grid-template-columns: 48px 1fr 48px;
		margin: 16px 0 0;
	}

	.approach-slider__control {
		width: 48px;
		height: 48px;
	}

	.engineering-systems__navigation {
		gap: 12px;
		margin-top: 24px;
	}

	.engineering-systems__navigation li,
	.engineering-systems__navigation li:not(:last-child) {
		flex-basis: min(var(--cex-vw-78, 78vw), 280px);
	}

	.engineering-systems__tab {
		gap: 10px;
		min-height: 64px;
		padding: 10px 12px;
		line-height: 1.4;
	}

	.engineering-systems__tab-icon {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
	}

	.engineering-systems__media {
		width: min(100%, 300px);
		aspect-ratio: 606 / 720;
		margin-top: 20px;
	}

	.engineering-systems__detail {
		margin-top: 0;
		padding-top: 24px;
	}

	.projects-showcase__visual {
		aspect-ratio: auto;
		min-height: 440px;
		padding: 32px var(--page-gutter) 180px;
	}

	.projects-showcase__visual::after {
		inset: 0;
		height: auto;
		background: linear-gradient(180deg, rgba(5, 20, 34, 0.78), rgba(5, 20, 34, 0.28) 58%, rgba(5, 20, 34, 0.12));
		filter: none;
	}

	.projects-showcase__number {
		top: 33px;
		left: var(--page-gutter);
		font-size: 13px;
		line-height: 1.4;
	}

	.projects-showcase__intro {
		position: relative;
		inset: auto;
		width: 100%;
	}

	.projects-showcase__intro-text {
		width: 100%;
		max-width: 350px;
		color: #e0e9f2;
		font-size: 15px;
		line-height: 1.5;
	}

	.projects-showcase__content {
		padding: 32px var(--page-gutter);
	}

	.projects-showcase__project-title {
		font-size: clamp(28px, var(--cex-vw-8, 8vw), 34px);
	}

	.projects-showcase__description {
		margin-top: 16px;
		font-size: 16px;
		line-height: 1.5;
	}

	.projects-showcase__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 24px;
	}

	.projects-showcase__stat:nth-child(n) {
		flex-direction: column;
		gap: 10px;
		padding: 16px 0;
		border: 0;
		border-bottom: 1px solid #e1e1e1;
	}

	.projects-showcase__stat:nth-child(odd) {
		padding-right: 16px;
		border-right: 1px solid #e1e1e1;
	}

	.projects-showcase__stat:nth-child(even) {
		padding-left: 16px;
	}

	.projects-showcase__stat-icon {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
	}

	.projects-showcase__stat dt {
		font-size: 13px;
		line-height: 1.4;
	}

	.projects-showcase__stat dd {
		font-size: 17px;
		line-height: 1.35;
		overflow-wrap: anywhere;
	}

	.projects-showcase__carousel {
		height: auto;
		padding-block: 20px;
	}

	.projects-showcase__swiper,
	.projects-showcase__slide {
		height: auto;
	}

	.projects-showcase__card {
		height: auto;
		min-height: 240px;
		aspect-ratio: 1.1;
		border-radius: 12px;
	}

	.projects-showcase__card-image {
		position: absolute;
		inset: 0;
	}

	.projects-showcase__card-copy {
		right: 18px;
		bottom: 20px;
		left: 18px;
	}

	.contacts {
		padding: 40px var(--page-gutter) 0;
	}

	.contacts__media {
		height: auto;
		aspect-ratio: 4 / 3;
		margin-top: 24px;
		border-radius: 12px;
	}

	.contacts__details {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		gap: 24px;
		margin-top: 24px;
	}

	.contacts__detail-icon {
		width: 26px;
		height: 26px;
	}

	.contacts__detail {
		gap: 8px;
	}

	.contacts__detail-copy {
		gap: 8px;
	}

	.contacts__detail--phones .contacts__detail-copy {
		gap: 10px;
		margin-top: 0;
		align-content: start;
	}

	.contacts__detail-copy a {
		display: flex;
		align-items: center;
		min-height: 0;
	}

	.contacts__form {
		margin-top: 28px;
		padding: 24px 0 0;
		border-top: 1px solid #e1e1e1;
	}

	.cex-contact-form__title {
		margin-bottom: 0;
		font-size: 19px;
		line-height: 1.35;
	}

	.cex-contact-form__grid {
		gap: 16px;
	}

	.cex-contact-form__submit {
		min-height: 54px;
		font-size: 15px;
	}

	.contacts__schematic {
		margin-top: 24px;
	}

	.site-footer,
	.site-footer--with-contacts {
		padding-inline: var(--page-gutter);
	}

	.site-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 20px;
		padding-block: 32px 24px;
	}

	.site-footer__brand,
	.site-footer__meta,
	.site-footer__developer-credit {
		grid-column: 1 / -1;
	}

	.site-footer__brand .custom-logo {
		width: 124px;
	}

	.site-menu--footer {
		gap: 0;
		font-size: 15px;
		line-height: 1.4;
	}

	.site-menu--footer a {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding-block: 8px;
	}

	.site-menu--footer-legal {
		font-size: 14px;
	}

	.site-footer__meta {
		flex-wrap: wrap;
		gap: 12px;
		padding-top: 16px;
		border-top-width: 1px;
	}

	.site-footer__copyright {
		color: #747474;
		font-size: 12px;
		line-height: 1.5;
	}

	.site-footer__copyright {
		padding-right: 0;
	}

	.site-footer__socials {
		gap: 4px;
		min-height: 44px;
		padding-left: 0;
		margin-left: auto;
		border-left: 0;
	}

	.site-footer__social {
		width: 40px;
		height: 44px;
	}

	.site-footer__social .icon {
		width: 24px;
		height: 24px;
	}
}

@media (max-width: 1024px) and (max-height: 600px) and (orientation: landscape) {
	.site-header__navigation {
		width: 100%;
		padding-top: 96px;
		padding-bottom: 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}

	[data-animate] {
		opacity: 1;
		transform: none;
	}

	.hero__beam,
	.hero__marker-line {
		animation: none !important;
	}
}

/* Contacts page: exact desktop geometry from Figma node 2078:1116. */
.contacts-page-title {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

.contacts-page-title__heading {
	position: relative;
	z-index: 1;
}

.contacts-page-title__schematic {
	position: absolute;
	top: 116px;
	left: calc(50% + min(var(--cex-vw-3-0729, 3.0729vw), 59px));
	z-index: 0;
	width: min(var(--cex-vw-46-9271, 46.9271vw), 901px);
	pointer-events: none;
}

.contacts-page-title__schematic img {
	width: 100%;
	height: auto;
	transform: rotate(180deg);
}

@media (min-width: 1025px) {
	.contacts-page-title {
		min-height: 421px;
	}

	.contacts--with-map .contacts__number::after {
		height: 260px;
		background: linear-gradient(to bottom, #191919 0 101px, #e0e0e0 101px 100%);
	}

	.contacts--with-map .contacts__description {
		line-height: normal;
	}

	.contacts--with-map .contacts__eyebrow {
		line-height: 23px;
	}

	.contacts--with-map .contacts__details {
		display: grid;
		grid-template-columns: 174px 1px 187px 1px 187px;
		align-items: start;
		gap: 69px;
		width: 824px;
		font-size: 20px;
		font-weight: 400;
		line-height: normal;
	}

	.contacts--with-map .contacts__detail {
		flex-direction: column;
		gap: 15px;
	}

	.contacts--with-map .contacts__detail-copy {
		gap: 10px;
	}

	.contacts--with-map .contacts__details-divider {
		height: 102px;
	}

	.contacts--with-map .contacts__form .wpcf7-form {
		display: block;
		position: relative;
	}

	.contacts--with-map .contacts__form .wpcf7-spinner {
		position: absolute;
		right: 16px;
		bottom: 22px;
		margin: 0;
	}

	.contacts--with-map .cex-contact-form__title {
		min-height: 30px;
		margin: 0;
		font-size: 24px;
		font-weight: 600;
		line-height: 30px;
		text-align: left;
	}

	.contacts--with-map .cex-contact-form__grid {
		grid-template-columns: 262px 262px;
		gap: 40px 48px;
		margin-top: 40px;
	}

	.contacts--with-map .cex-contact-form__field input,
	.contacts--with-map .cex-contact-form__field select,
	.contacts--with-map .cex-contact-form__field textarea {
		height: 45px;
		min-height: 45px;
		padding: 0 0 20px;
		font-size: 20px;
		line-height: 25px;
	}

	.contacts--with-map .cex-contact-form__field textarea {
		resize: vertical;
	}

	.contacts--with-map .cex-contact-form__consent {
		min-height: 24px;
		margin-top: 20px;
		font-size: 16px;
		line-height: 24px;
	}

	.contacts--with-map .cex-contact-form__consent input {
		width: 24px;
		height: 24px;
		margin-right: 12px;
		vertical-align: -6px;
	}

	.contacts--with-map .cex-contact-form__submit {
		height: 68px;
		min-height: 68px;
		margin-top: 40px;
		border-radius: 0;
		font-size: 20px;
		font-weight: 600;
	}

	.contacts--with-map .cex-contact-form__submit:disabled {
		opacity: 1;
	}

	.site-footer--with-contacts .site-menu--footer {
		gap: 20px;
		font-size: 20px;
		line-height: 25px;
	}

	.site-footer--with-contacts .site-footer__meta {
		align-items: flex-start;
	}

	.site-footer--with-contacts .site-footer__copyright {
		margin-top: 62px;
	}

	.site-footer--with-contacts .site-footer__socials {
		min-height: 102px;
		padding-left: 68px;
		margin-top: 20px;
	}

	.site-footer--with-contacts .site-footer__social {
		width: 30px;
		height: 30px;
	}
}

@media (max-width: 1024px) {
	.contacts-page-title {
		padding-top: 128px;
	}

	.contacts-page-title__schematic {
		display: none;
	}
}

@media (max-width: 767px) {
	.contacts-page-title {
		padding-top: 104px;
		padding-bottom: 32px;
	}
}

/* 404 page, Figma node 2117:2090. */
.error404-page {
	background: #fff;
}

section.error404 {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 1013px;
	padding: 116px 24px 0;
	overflow: hidden;
	background: #fff;
	color: #0d0d0c;
}

.error404__schematic {
	position: absolute;
	z-index: 0;
	pointer-events: none;
}

.error404__schematic img {
	width: 100%;
	height: 100%;
}

.error404__schematic--left {
	top: -88px;
	left: 0;
	width: 275.121px;
	height: 1128px;
}

.error404__schematic--right {
	top: 116px;
	right: 0;
	width: 275.123px;
	height: 1128px;
	transform: rotate(180deg);
}

.error404__schematic--overlay {
	top: 353px;
	left: 0;
	width: 252px;
	height: 171px;
}

.error404__schematic--overlay img {
	position: absolute;
	top: 171px;
	left: 0;
	width: 171px;
	max-width: none;
	height: 253px;
	transform: rotate(-90deg);
	transform-origin: top left;
}

.error404__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	width: 696px;
	max-width: 100%;
	text-align: center;
}

.error404__visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 377px;
}

.error404__digit {
	position: relative;
	z-index: 2;
	font-size: 295px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.error404__zero {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	width: 385.202px;
	max-width: none;
	height: 377px;
	object-fit: cover;
	transform: translateX(-50%);
}

.error404__copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.error404__heading {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 55px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
	text-transform: uppercase;
}

.error404__heading span {
	display: block;
}

.error404__heading-accent {
	color: var(--color-accent);
}

.error404__description {
	width: 562px;
	max-width: 100%;
	padding: 0;
	margin: 40px 0 0;
	color: #191919;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.25;
	text-transform: uppercase;
}

.error404__home-link {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 331px;
	min-height: 68px;
	padding: 5px 20px;
	margin-top: 20px;
	background: var(--color-accent);
	color: #f9f9f9;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.25;
	text-align: center;
	transition: background-color var(--transition), color var(--transition);
}

.error404__home-link:hover,
.error404__home-link:focus-visible {
	background: var(--color-accent-hover);
	color: #fff;
}

@media (max-width: 1024px) {
	section.error404 {
		min-height: 820px;
		padding: 130px 32px 70px;
	}

	.error404__schematic--left {
		top: 116px;
		left: -140px;
	}

	.error404__schematic--right {
		right: -140px;
	}

	.error404__schematic--overlay {
		left: -140px;
	}

	.error404__visual {
		width: min(100%, 620px);
		height: auto;
		aspect-ratio: 696 / 377;
	}

	.error404__digit {
		font-size: clamp(130px, 21vw, 260px);
	}

	.error404__zero {
		width: 55.345%;
		height: 100%;
	}

	.error404__heading {
		font-size: clamp(36px, 4.7vw, 50px);
	}

	.error404__description {
		width: min(100%, 520px);
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	section.error404 {
		min-height: 680px;
		padding: 128px 20px 70px;
	}

	.error404__schematic {
		display: none;
	}

	.error404__inner {
		gap: 24px;
	}

	.error404__visual {
		width: 100%;
	}

	.error404__digit {
		font-size: clamp(90px, 38vw, 155px);
	}

	.error404__heading {
		font-size: clamp(28px, 7.4vw, 42px);
	}

	.error404__description {
		margin-top: 28px;
		font-size: 15px;
		line-height: 1.4;
	}

	.error404__home-link {
		width: min(100%, 330px);
		min-width: 0;
		min-height: 58px;
		margin-top: 24px;
		font-size: 15px;
	}
}

/* Object introduction and facts: Figma 2121:5107. */
@font-face {
	font-family: "Wix Madefor Display Semibold";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/wix-madefor-display-semibold.ttf") format("truetype");
}

.object-hero {
	position: relative;
	min-height: 929px;
	padding: 216px 50px 235px;
	overflow: hidden;
	background: #101112;
	color: #fff;
}

.object-hero__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.object-hero__image {
	position: absolute;
	top: 0;
	left: -10.32%;
	width: 120.64%;
	max-width: none;
	height: 118.45%;
	transform: scaleX(-1);
}

.object-hero__top-shade,
.object-hero__copy-shade,
.object-hero__scroll-shade {
	position: absolute;
	filter: blur(100px);
	pointer-events: none;
}

.object-hero__top-shade {
	top: 0;
	right: 0;
	left: 0;
	height: 116px;
	background: #040404;
}

.object-hero__copy-shade {
	top: 219px;
	left: 18px;
	width: 762px;
	height: 390px;
	background: rgba(4, 4, 4, 0.6);
}

.object-hero__scroll-shade {
	top: 733px;
	left: -3px;
	width: 762px;
	height: 126px;
	background: rgba(4, 4, 4, 0.6);
}

.object-hero__content {
	position: relative;
	z-index: 1;
	max-width: 695px;
}

.object-hero__title {
	margin: 0;
	font-size: 85px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.1;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.object-hero__title > span {
	display: block;
}

.object-hero__accent {
	color: var(--color-accent);
}

.object-hero__description {
	margin: 20px 0 0;
	color: var(--color-light);
	font-size: 20px;
	line-height: 1.25;
	text-transform: uppercase;
}

.object-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 60px;
	margin-top: 40px;
}

.object-hero__meta-item {
	display: flex;
	align-items: center;
	gap: 15px;
	min-width: 187px;
	margin: 0;
	font-size: 20px;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.object-hero__meta-icon {
	width: 30px;
	height: 30px;
}

.object-hero__meta-icon.icon--contact-location svg {
	width: 24px;
	height: 26.5px;
}

.object-hero__meta-icon.icon--object-calendar svg {
	width: 28px;
	height: 28px;
}

.object-hero__scroll {
	display: inline-flex;
	align-items: center;
	gap: 22px;
	margin-top: 83px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--color-light);
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
	transition: color var(--transition);
}

.object-hero__scroll-icon {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 46px;
	height: 46px;
	border: 1px solid currentColor;
	border-radius: 50%;
	backdrop-filter: blur(10px);
	transition: background-color var(--transition);
}

.object-hero__scroll-icon .icon {
	width: 24px;
	height: 24px;
}

.object-hero__scroll:hover,
.object-hero__scroll:focus-visible {
	color: var(--color-accent);
}

.object-hero__scroll:hover .object-hero__scroll-icon {
	background: rgba(255, 135, 17, 0.1);
}

.object-facts {
	position: relative;
	z-index: 2;
	padding: 0 50px 48px;
}

.object-hero + .object-facts {
	margin-top: -134px;
}

.object-facts__panel {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 40px 160px;
	min-height: 262px;
	padding: 50px 75px;
	margin: 0;
	background: #fff;
	box-shadow: 0 4px 44px rgba(0, 0, 0, 0.05);
}

.object-facts__item {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 162px;
}

.object-facts__item + .object-facts__item::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -80px;
	width: 1px;
	background: #e0e0e0;
	content: "";
}

.object-facts__value {
	order: 1;
	margin: 0;
	color: #101112;
	font-family: "Wix Madefor Display Semibold", "Wix Madefor Display", sans-serif;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.object-facts__icon {
	display: flex;
	width: 60px;
	height: 60px;
	margin-bottom: 24px;
}

.object-facts__label {
	order: 2;
	margin-top: 10px;
	color: #191919;
	font-size: 16px;
	letter-spacing: -0.02em;
	line-height: 1.25;
}

.object-facts__schematic {
	position: absolute;
	bottom: 47px;
	left: 50px;
	width: calc(100% - 50px);
	max-width: none;
	height: auto;
	pointer-events: none;
}

.object-facts__marker,
.object-facts__dot {
	position: absolute;
	height: auto;
	pointer-events: none;
}

.object-facts__marker {
	bottom: 34px;
	left: 72.24%;
	width: 27px;
}

.object-facts__dot {
	right: 20px;
	bottom: 126px;
	width: 7px;
}

@media (max-width: 1024px) {
	.object-hero {
		min-height: 790px;
		padding: 170px 40px 180px;
	}

	.object-hero__image {
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 62% center;
	}

	.object-hero__content { max-width: 620px; }
	.object-hero__title { font-size: 76px; }
	.object-hero__description { font-size: 18px; }
	.object-hero__meta-item { font-size: 18px; }
	.object-hero__scroll { margin-top: 60px; font-size: 16px; }
	.object-facts { padding: 0 32px 48px; }
	.object-hero + .object-facts { margin-top: -96px; }
	.object-facts__panel { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; padding: 36px; }
	.object-facts__item { min-height: 140px; }
	.object-facts__item + .object-facts__item::before { left: -16px; }
	.object-facts__item:nth-child(3n + 1)::before { display: none; }
	.object-facts__value { font-size: 24px; }
	.object-facts__icon { width: 52px; height: 52px; margin-bottom: 20px; }
	.object-facts__label { font-size: 15px; }
	.object-facts__schematic { left: 32px; width: calc(100% - 32px); }
	.object-facts__marker,
	.object-facts__dot { display: none; }
}

@media (max-width: 767px) {
	.object-hero {
		min-height: 660px;
		padding: 140px 24px 125px;
	}

	.object-hero__image { object-position: 60% center; }
	.object-hero__copy-shade { top: 140px; left: -100px; width: 580px; height: 440px; background: rgba(4, 4, 4, 0.7); }
	.object-hero__scroll-shade { display: none; }
	.object-hero__title { font-size: clamp(34px, 9.2vw, 58px); }
	.object-hero__description { max-width: 450px; margin-top: 24px; font-size: 15px; line-height: 1.4; }
	.object-hero__meta { gap: 20px 24px; margin-top: 28px; }
	.object-hero__meta-item { gap: 10px; min-width: 0; font-size: 15px; }
	.object-hero__meta-icon { width: 26px; height: 26px; }
	.object-hero__scroll { gap: 16px; margin-top: 42px; font-size: 14px; }
	.object-hero__scroll-icon { width: 44px; height: 44px; }
	.object-facts { padding: 0 16px 40px; }
	.object-hero + .object-facts { margin-top: -64px; }
	.object-facts__panel { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 32px; min-height: 0; padding: 28px 24px 40px; }
	.object-facts__item { min-height: 0; }
	.object-facts__item:nth-child(3n + 1)::before { display: block; }
	.object-facts__item:nth-child(2n + 1)::before { display: none; }
	.object-facts__value { font-size: 20px; }
	.object-facts__icon { width: 44px; height: 44px; margin-bottom: 18px; }
	.object-facts__label { margin-top: 8px; font-size: 13px; }
	.object-facts__schematic { bottom: 39px; left: 16px; width: calc(100% - 16px); }
}

/* Project detail: description and completed systems. */
.object-overview {
	position: relative;
	padding: 96px 0 88px;
	background: #fff;
}

.object-overview__inner {
	position: relative;
	display: grid;
	grid-template-columns: 1025px 1px 556px;
	column-gap: 60px;
	width: min(calc(100% - 228px), 1692px);
	margin-inline: auto;
}

.object-overview__number {
	position: absolute;
	top: 0;
	left: -70px;
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
}

.object-overview__number::after {
	position: absolute;
	top: 48px;
	left: 12px;
	width: 2px;
	height: 320px;
	background: linear-gradient(to bottom, #343434 0 102px, #e1e1e1 102px 100%);
	content: "";
}

.object-overview__story,
.object-overview__systems {
	min-width: 0;
}

.object-overview__eyebrow {
	margin: 0;
	color: var(--color-accent);
	font-family: "Wix Madefor Display Semibold", "Wix Madefor Display", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	text-transform: uppercase;
}

.object-overview__description {
	max-width: 774px;
	margin: 30px 0 0;
	color: #191919;
	font-size: 20px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: -0.02em;
}

.object-overview__media {
	width: 100%;
	margin-top: 52px;
}

.object-overview__image {
	display: block;
	width: 100%;
	height: auto;
}

.object-overview__divider {
	min-height: 543px;
	background: #e1e1e1;
}

.object-overview__systems-list {
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}

.object-overview__system {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 45px;
	color: #101112;
	font-family: "Wix Madefor Display Semibold", "Wix Madefor Display", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	text-transform: uppercase;
	white-space: nowrap;
}

.object-overview__system:not(:last-child) {
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e1e1e1;
}

.object-overview__system-icon {
	display: flex;
	flex: 0 0 45px;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
}

.object-overview__system-icon svg {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

@media (max-width: 1024px) {
	.object-overview { padding: 100px 0 80px; }
	.object-overview__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
		column-gap: 32px;
		width: calc(100% - 80px);
	}
	.object-overview__number { top: -40px; left: 0; }
	.object-overview__number::after,
	.object-overview__divider { display: none; }
	.object-overview__description { font-size: 18px; line-height: 1.35; }
	.object-overview__media { margin-top: 36px; }
	.object-overview__systems { padding-left: 32px; border-left: 1px solid #e1e1e1; }
	.object-overview__system { gap: 12px; min-height: 40px; font-size: 16px; white-space: normal; }
	.object-overview__system-icon { flex-basis: 40px; width: 40px; height: 40px; }
}

@media (max-width: 767px) {
	.object-overview { padding: 88px 0 72px; }
	.object-overview__inner { display: block; width: calc(100% - 40px); }
	.object-overview__number { top: -40px; }
	.object-overview__eyebrow { font-size: 16px; line-height: 1.3; }
	.object-overview__description { margin-top: 20px; font-size: 16px; line-height: 1.4; }
	.object-overview__media { margin-top: 32px; }
	.object-overview__systems {
		margin-top: 40px;
		padding: 32px 0 0;
		border-top: 1px solid #e1e1e1;
		border-left: 0;
	}
	.object-overview__systems-list { margin-top: 24px; }
	.object-overview__system { min-height: 36px; font-size: 15px; }
	.object-overview__system:not(:last-child) { margin-bottom: 12px; padding-bottom: 12px; }
	.object-overview__system-icon { flex-basis: 36px; width: 36px; height: 36px; }
}

/* Project detail: challenges and solutions. */
.object-challenges {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 383px;
	min-height: 428px;
	background: #f7f7f7;
}

.object-challenges__content {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 588px) 1px minmax(0, 666px);
	column-gap: 60px;
	align-items: start;
	min-width: 0;
	padding: 55px 52px 50px 110px;
}

.object-challenges__number {
	position: absolute;
	top: 55px;
	left: 40px;
	color: var(--color-accent);
	font-family: "Wix Madefor Display Semibold", "Wix Madefor Display", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
}

.object-challenges__number::after {
	position: absolute;
	top: 47px;
	left: 10px;
	width: 2px;
	height: 278px;
	background: linear-gradient(to bottom, #343434 0 100px, #e1e1e1 100px 100%);
	content: "";
}

.object-challenges__column { min-width: 0; }

.object-challenges__heading {
	margin: 0;
	color: var(--color-accent);
	font-family: "Wix Madefor Display Semibold", "Wix Madefor Display", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	text-transform: uppercase;
}

.object-challenges__list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}

.object-challenges__item {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	color: #191919;
	font-size: 20px;
	font-weight: 500;
	line-height: 23px;
	letter-spacing: -0.02em;
}

.object-challenges__item > span:last-child {
	min-width: 0;
	white-space: pre-line;
}

.object-challenges__check {
	display: flex;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	color: var(--color-accent);
}

.object-challenges__check svg { width: 100%; height: 100%; }

.object-challenges__divider {
	min-height: 323px;
	background: #e1e1e1;
}

.object-challenges__media {
	position: relative;
	min-height: 428px;
	margin: 0;
}

.object-challenges__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1024px) {
	.object-challenges { display: block; }
	.object-challenges__content {
		grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
		column-gap: 32px;
		padding: 72px 40px 64px 80px;
	}
	.object-challenges__number { top: 72px; left: 30px; }
	.object-challenges__number::after { display: none; }
	.object-challenges__item { align-items: flex-start; font-size: 17px; line-height: 1.3; }
	.object-challenges__check { flex-basis: 28px; width: 28px; height: 28px; }
	.object-challenges__divider { min-height: 100%; }
	.object-challenges__media {
		width: min(calc(100% - 80px), 420px);
		min-height: 0;
		aspect-ratio: 379 / 423;
		margin: 0 auto 64px;
	}
}

@media (max-width: 767px) {
	.object-challenges__content { display: block; padding: 80px 20px 48px; }
	.object-challenges__number { top: 28px; left: 20px; font-size: 16px; }
	.object-challenges__heading { font-size: 16px; line-height: 1.3; }
	.object-challenges__list { gap: 18px; margin-top: 24px; }
	.object-challenges__item { gap: 8px; font-size: 16px; line-height: 1.35; }
	.object-challenges__check { flex-basis: 26px; width: 26px; height: 26px; }
	.object-challenges__divider { height: 1px; min-height: 0; margin: 36px 0; }
	.object-challenges__media { width: 100%; aspect-ratio: 379 / 423; margin: 0; }
}

/* Project detail: editable photo gallery. */
.object-gallery {
	padding: 16px 56px 84px 36px;
	background: #fff;
}

.object-gallery__heading {
	margin: 0;
	color: var(--color-accent);
	font-family: "Wix Madefor Display Semibold", "Wix Madefor Display", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	text-transform: uppercase;
}

.object-gallery__swiper {
	width: 100%;
	margin-top: 51px;
	overflow: hidden;
}

.object-gallery__slide {
	position: relative;
	height: 333px;
	overflow: hidden;
}

.object-gallery__image {
	position: absolute;
	top: 0;
	left: -52px;
	display: block;
	width: calc(100% + 58px);
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.object-gallery__slide--center-crop .object-gallery__image { left: -29px; }

.object-gallery__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 42px;
}

.object-gallery__control {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	padding: 0;
	border: 1.5px solid #e1e1e1;
	border-radius: 50%;
	background: #fff;
	color: #191919;
	backdrop-filter: blur(10px);
	cursor: pointer;
	transition: background-color var(--transition), border-color var(--transition), color var(--transition);
}

.object-gallery__control .icon {
	display: flex;
	width: 24px;
	height: 24px;
}

.object-gallery__control svg { width: 100%; height: 100%; }
.object-gallery__control--previous svg { transform: rotate(-90deg); }
.object-gallery__control--next { background: #fff; color: #191919; }
.object-gallery__control--next svg { transform: rotate(90deg); }

.object-gallery__control--previous:hover,
.object-gallery__control--previous:focus-visible {
	border-color: var(--color-accent);
	background: var(--color-accent);
}

.object-gallery__control--previous:hover svg,
.object-gallery__control--previous:focus-visible svg { filter: brightness(0) invert(1); }

.object-gallery__control--next:hover,
.object-gallery__control--next:focus-visible { background: var(--color-accent-hover); }

.object-gallery__control:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 4px; }

@media (max-width: 1024px) {
	.object-gallery { padding: 64px 32px 72px; }
	.object-gallery__swiper { margin-top: 36px; }
	.object-gallery__slide { height: 300px; }
	.object-gallery__image,
	.object-gallery__slide--center-crop .object-gallery__image { left: 0; width: 100%; }
}

@media (max-width: 767px) {
	.object-gallery { padding: 56px 20px 64px; }
	.object-gallery__heading { font-size: 16px; line-height: 1.3; }
	.object-gallery__swiper { margin-top: 28px; }
	.object-gallery__slide { height: 260px; }
	.object-gallery__controls { gap: 16px; margin-top: 28px; }
.object-gallery__control { width: 52px; height: 52px; }
}

/* Project detail: link to the next project. */
.object-next-project {
	display: grid;
	grid-template-columns: 713px minmax(0, 1fr);
	min-height: 356px;
	background: #f7f7f7;
}

.object-next-project__content {
	position: relative;
	min-width: 0;
	min-height: 356px;
	padding: 50px;
}

.object-next-project__schematic {
	position: absolute;
	bottom: 0;
	left: -1px;
	z-index: 2;
	width: min(670px, 100%);
	transform: translateY(50%);
	pointer-events: none;
}

.object-next-project__schematic img {
	display: block;
	width: 100%;
	height: auto;
}

.object-next-project__eyebrow {
	margin: 0;
	color: var(--color-accent);
	font-family: "Wix Madefor Display Semibold", "Wix Madefor Display", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	text-transform: uppercase;
}

.object-next-project__title {
	margin: 51px 0 0;
	color: #101112;
	font-family: "Wix Madefor Display Semibold", "Wix Madefor Display", sans-serif;
	font-size: 38px;
	font-weight: 600;
	line-height: 46px;
	text-transform: uppercase;
}

.object-next-project__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px 60px;
	margin-top: 30px;
}

.object-next-project__meta-item {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0;
	color: #191919;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -.02em;
}

.object-next-project__meta-icon {
	display: flex;
	flex: 0 0 28px;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
}

.object-next-project__meta-icon svg { width: 100%; height: 100%; }
.object-next-project__meta-item:first-child .object-next-project__meta-icon svg { width: 24px; }

.object-next-project__link {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	margin-top: 52px;
	color: var(--color-accent);
	font-family: "Wix Madefor Display Semibold", "Wix Madefor Display", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-decoration: none;
	text-transform: uppercase;
	transition: color var(--transition);
}

.object-next-project__link:hover,
.object-next-project__link:focus-visible { color: var(--color-accent-hover); }
.object-next-project__link:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; }
.object-next-project__arrow { display: flex; flex: 0 0 69px; width: 69px; height: 20px; }
.object-next-project__arrow svg { display: block; width: 100%; height: 100%; }

.object-next-project__media {
	position: relative;
	min-width: 0;
	min-height: 356px;
	overflow: hidden;
}

.object-next-project__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left top;
}

@media (max-width: 1024px) {
	.object-next-project { grid-template-columns: minmax(0, 48%) minmax(0, 52%); }
	.object-next-project__content { padding: 42px 32px; }
	.object-next-project__title { margin-top: 42px; font-size: 30px; line-height: 1.15; }
	.object-next-project__meta { gap: 16px 28px; }
	.object-next-project__meta-item { gap: 10px; font-size: 17px; }
	.object-next-project__link { margin-top: 40px; font-size: 16px; line-height: 1.3; }
	.object-next-project__image { object-position: 35% top; }
}

@media (max-width: 767px) {
	.object-next-project { display: block; }
	.object-next-project__content { min-height: 0; padding: 40px 20px 44px; }
	.object-next-project__eyebrow { font-size: 16px; line-height: 1.3; }
	.object-next-project__title { margin-top: 30px; font-size: clamp(25px, 7vw, 32px); }
	.object-next-project__meta { gap: 12px 24px; margin-top: 25px; }
	.object-next-project__meta-item { font-size: 15px; line-height: 24px; }
	.object-next-project__meta-icon { flex-basis: 24px; width: 24px; height: 24px; }
	.object-next-project__link { gap: 12px; margin-top: 36px; font-size: 15px; }
	.object-next-project__arrow { flex-basis: 48px; width: 48px; }
	.object-next-project__media { min-height: 0; aspect-ratio: 1.9; }
	.object-next-project__image { object-position: 40% top; }
}

/* Shared interaction colours for all slider arrow buttons. */
:is(.approach-slider__control, .projects-showcase__control, .objects-gallery__control, .object-gallery__control) {
	transition: color var(--transition), background-color var(--transition), border-color var(--transition), opacity var(--transition);
}

:is(.approach-slider__control, .projects-showcase__control, .objects-gallery__control, .object-gallery__control):is(:hover, :focus-visible):not(:disabled) {
	border-color: var(--color-accent);
	background: var(--color-accent);
	color: #fff;
}

:is(.approach-slider__control, .projects-showcase__control, .objects-gallery__control, .object-gallery__control):is(:hover, :focus-visible):not(:disabled) .icon {
	mix-blend-mode: normal;
}

:is(.approach-slider__control, .projects-showcase__control, .objects-gallery__control, .object-gallery__control) svg {
	transition: filter var(--transition);
}

:is(.approach-slider__control, .projects-showcase__control, .objects-gallery__control, .object-gallery__control):is(:hover, :focus-visible):not(:disabled) svg {
	filter: brightness(0) invert(1);
}

@media (prefers-reduced-motion: reduce) {
	:is(.approach-slider__control, .projects-showcase__control, .objects-gallery__control, .object-gallery__control),
	:is(.approach-slider__control, .projects-showcase__control, .objects-gallery__control, .object-gallery__control) svg {
		transition: none;
	}
}

/* Shared mobile and tablet layout for the company timeline. */
@media (max-width: 1024px) {
	.about-story {
		display: flex;
		flex-direction: column;
	}

	.about-story__timeline {
		padding: 46px 20px 32px;
		background: #fafafa;
	}

	.about-story__rail {
		top: 51px;
		left: 10%;
		z-index: 1;
		width: 0;
		height: 2px;
		background: var(--color-accent);
		transition: width 820ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.about-story__milestones {
		position: relative;
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		margin: 0;
	}

	.about-story__milestones::before {
		position: absolute;
		top: 5px;
		left: 10%;
		right: 10%;
		height: 2px;
		background: var(--color-accent);
		content: "";
	}

	.about-story__milestone {
		position: relative;
		z-index: 2;
		display: block;
		width: 100%;
		min-height: 0;
		margin: 0;
		padding: 24px 2px 0;
		border: 0;
		appearance: none;
		background: transparent;
		color: inherit;
		font: inherit;
		text-align: center;
		cursor: pointer;
	}

	.about-story__milestone:last-child {
		padding-bottom: 0;
	}

	.about-story__dot {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.about-story__milestone.is-current .about-story__dot {
		top: -10px;
		left: 50%;
		transform: translateX(-50%);
	}

	.about-story__year {
		font-size: 12px;
		line-height: 20px;
		white-space: nowrap;
	}

	.about-story__milestone-title,
	.about-story__milestone-copy {
		display: none;
	}

	.about-story__mobile-details {
		display: block;
		min-height: 0;
		margin-top: 30px;
		padding-top: 26px;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

	.about-story__mobile-detail {
		display: none;
	}

	.about-story__mobile-detail.is-current {
		display: block;
		animation: about-story-mobile-copy-in 820ms cubic-bezier(0.22, 1, 0.36, 1) both;
	}

	.about-story__mobile-title {
		font-size: 24px;
		font-weight: 600;
		line-height: 1.15;
		text-transform: uppercase;
	}

	.about-story__mobile-description {
		margin-top: 16px;
		font-size: 16px;
		line-height: 1.45;
	}

	.about-story__mobile-description p + p {
		margin-top: 14px;
	}

	.about-story__mobile-detail .about-story__stats {
		margin-top: 28px;
	}

	.about-story__mobile-detail .about-story__logos {
		flex-wrap: wrap;
		gap: 14px;
		margin-top: 28px;
	}

	.about-story__mobile-detail .about-story__logo:nth-child(1) { width: 110px; height: 42px; }

	.about-story__mobile-detail .about-story__logo:nth-child(2) { width: 90px; height: 55px; }

	.about-story__mobile-detail .about-story__logo:nth-child(3) { width: 110px; height: 45px; }

	.about-story__mobile-detail .about-story__list-block { margin-top: 28px; }

	.about-story__media {
		height: 520px;
	}

	.about-story__feature {
		display: none;
	}

	.about-story__feature-copy {
		display: none;
	}

	.about-story__stats {
		grid-column: 1;
		grid-row: 1;
		margin-top: 0;
	}

	.about-story__stat {
		gap: 12px;
		min-height: 76px;
	}

	.about-story__stat + .about-story__stat {
		padding-left: 16px;
	}

	.about-story__stat-icon {
		width: 38px;
		height: 38px;
	}
}