

/* Start:/local/templates/alpha_energy/design-page.css?17912686428044*/
.design-page {
	container-type: inline-size;
	max-width: 1920px;
	margin-inline: auto;
	color: #1d4383;
	background: #fff;
	font-family: "Manrope", Arial, sans-serif;
}
.design-page *, .design-page *::before, .design-page *::after { box-sizing: border-box; }
.design-page p, .design-page h1, .design-page h2 { margin: 0; }
.design-page img { display: block; width: 100%; height: 100%; object-fit: cover; }
.design-page__header { padding: 3.516cqw 8.75% 4.688cqw; }
.design-page__breadcrumbs { display: flex; align-items: center; gap: .25em; font-size: 1.146cqw; font-weight: 500; line-height: 1.1; color: #2287c8; }
.design-page__breadcrumbs a { color: inherit; text-decoration: none; }
.design-page__breadcrumbs a:first-child { margin-right: .5em; color: #90d6ea; font-size: 1.3em; }
.design-page__breadcrumbs a:hover { text-decoration: underline; }
.design-page__header h1 { margin-top: 4.05cqw; font-size: 3.646cqw; line-height: 1.05; font-weight: 700; letter-spacing: -.025em; }
.design-page__stages { display: grid; grid-template-columns: 168fr 515fr 20fr 514fr 20fr 514fr 169fr; grid-template-rows: 18.646cqw 29.688cqw 29.688cqw; row-gap: 1.042cqw; position: relative; z-index: 1; }
.design-page__tower { grid-column: 1 / 3; grid-row: 1 / 3; }
.design-page__intro { grid-column: 4 / 7; grid-row: 1; }
.design-page__intro > p { font-size: 1.875cqw; line-height: 1.1; font-weight: 600; letter-spacing: -.015em; }
.design-page__cta { display: inline-flex; align-items: center; gap: 2.083cqw; margin-top: 2.344cqw; padding: .573cqw 1.563cqw; background: #cbecfb; color: #1d4383; text-decoration: none; text-transform: uppercase; font-size: 1.458cqw; font-weight: 600; line-height: 1.286; }
.design-page__cta svg { width: 1.795cqw; height: 1.481cqw; }
.design-page__cta:hover { background: #afe0f5; }
.design-page a:focus-visible { outline: 3px solid #2287c8; outline-offset: 5px; }
.design-stage { position: relative; padding: 1.927cqw 1.458cqw 8cqw; color: #cbecfb; }
.design-stage h2 { margin-bottom: .65cqw; color: #fff; font-size: 1.458cqw; line-height: 1.1; font-weight: 700; letter-spacing: -.02em; text-transform: uppercase; }
.design-stage p { font-size: 1.276cqw; line-height: 1.12; font-weight: 600; letter-spacing: -.01em; }
.design-stage p + p { margin-top: .52cqw; }
.design-stage__number { position: absolute; right: 1.458cqw; bottom: .4cqw; font-size: 8.854cqw; font-weight: 300; line-height: 1.1; letter-spacing: -.02em; background: linear-gradient(0deg, rgba(242,251,255,0) 4%, rgba(242,251,255,.425) 32%, rgba(203,236,251,.85) 87%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.design-stage--survey { grid-column: 4; grid-row: 2; background: #005d92; }
.design-stage--planning { grid-column: 6; grid-row: 2; background: #00a9cf; }
.design-stage--delivery { grid-column: 2; grid-row: 3; background: #1d4383; }
.design-stage--support { grid-column: 4; grid-row: 3; background: #2287c8; }
.design-page__blueprints { grid-column: 6 / 8; grid-row: 3; }
.design-page .design-page__team { position: relative; margin-top: -10.469cqw; height: auto; aspect-ratio: 1920 / 1019; }
.design-page__result { padding: 4.688cqw 8.75% 7.292cqw; }
.design-page__result > h2 { color: #2287c8; font-size: 2.083cqw; font-weight: 700; line-height: 1.1; letter-spacing: -.01em; text-transform: uppercase; }
.design-page__result-lead { max-width: 55.625cqw; margin-top: 2.344cqw !important; font-size: 1.667cqw; line-height: 1.15; font-weight: 600; letter-spacing: -.01em; }
.design-page__result-grid { display: grid; grid-template-columns: 1048fr 514fr; gap: 1.042cqw; margin-top: 3.9cqw; }
.design-page__note { display: flex; align-items: center; padding: 2.135cqw; background: #cbecfb; font-size: 1.667cqw; font-weight: 600; line-height: 1.15; letter-spacing: -.01em; }
@media (max-width: 1023px) {
	.design-page__header { padding: 28px 20px 32px; }
	.design-page__breadcrumbs { font-size: 13px; }
	.design-page__header h1 { margin-top: 32px; font-size: clamp(28px, 5.5vw, 42px); line-height: 1.1; }
	.design-page__header h1 br { display: none; }
	.design-page__stages { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; gap: 14px; padding: 0 20px; }
	.design-page__intro { grid-column: 1 / -1; grid-row: 1; padding-bottom: 14px; }
	.design-page__intro > p { font-size: 20px; line-height: 1.2; }
	.design-page__cta { margin-top: 24px; padding: 12px 18px; gap: 24px; font-size: 15px; min-height: 44px; }
	.design-page__cta svg { width: 28px; height: 24px; }
	.design-page .design-page__tower { grid-column: 1 / -1; grid-row: 2; height: 360px; object-position: center 60%; }
	.design-stage { grid-column: auto; grid-row: auto; padding: 24px 20px 110px; min-height: 340px; }
	.design-stage h2 { margin-bottom: 14px; font-size: 19px; }
	.design-stage p { font-size: 16px; line-height: 1.3; }
	.design-stage p + p { margin-top: 10px; }
	.design-stage__number { right: 20px; bottom: 8px; font-size: 90px; }
	.design-page .design-page__blueprints { grid-column: 1 / -1; grid-row: auto; height: auto; max-height: 360px; }
	.design-page .design-page__team { margin-top: 20px; min-height: 240px; object-position: center; }
	.design-page__result { padding: 36px 20px 48px; }
	.design-page__result > h2 { font-size: 24px; }
	.design-page__result-lead { max-width: none; margin-top: 22px !important; font-size: 18px; line-height: 1.3; }
	.design-page__result-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 28px; }
	.design-page__result-grid img { height: auto; }
	.design-page__note { padding: 26px; font-size: 18px; line-height: 1.3; }
}
/* Mobile layout from the 393px reference; content may grow on narrower screens. */
@media (max-width: 599px) {
	body.is-inner .site-main:has(.design-page) { width: 100%; padding-bottom: 0; }
	.design-page__header { padding: 21px 12px 43px; }
	.design-page__breadcrumbs { gap: 4px; color: #90d6ea; font-size: 14px; line-height: 1.1; letter-spacing: -.01em; }
	.design-page__breadcrumbs a:first-child { width: 15px; margin-right: 0; font-size: inherit; }
	.design-page__header h1 { margin-top: 37px; font-size: 36px; font-weight: 600; line-height: 1.1; letter-spacing: -.015em; }
	.design-page__title-detail { display: none; }
	.design-page__stages { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-inline: 12px; }
	.design-page .design-page__tower { grid-column: 1; grid-row: 1; height: 420px; object-position: center; }
	.design-page__intro { grid-column: 1; grid-row: 2; padding-block: 24px 48px; }
	.design-page__intro > p { font-size: 24.5px; line-height: 1.12; letter-spacing: -.01em; }
	.design-page__cta { min-height: 39px; margin-top: 30px; padding: 6px 15px; gap: 16px; font-size: 20px; line-height: 27px; letter-spacing: -.01em; }
	.design-page__cta svg { flex-shrink: 0; width: 26px; height: 22px; }
	.design-stage { grid-column: 1; min-height: 408px; padding: 22px 20px 108px; }
	.design-stage--survey { grid-row: 3; }
	.design-stage--planning { grid-row: 4; }
	.design-page .design-page__blueprints { grid-column: 1; grid-row: 5; height: 280px; max-height: none; }
	.design-stage--delivery { grid-row: 6; }
	.design-stage--support { grid-row: 7; }
	.design-stage h2 { margin-bottom: 18px; font-size: 22.5px; line-height: 1.12; letter-spacing: -.01em; }
	.design-stage--delivery h2 { max-width: 250px; }
	.design-stage p { font-size: 18px; line-height: 1.21; letter-spacing: -.02em; }
	.design-stage__number { right: 25px; bottom: 0; font-size: 122px; line-height: .85; }
	.design-page .design-page__team { height: 375px; min-height: 0; margin-top: -75px; aspect-ratio: auto; }
	.design-page__result { padding: 55px 12px 12px; }
	.design-page__result > h2 { font-size: 28px; line-height: 1.1; letter-spacing: -.02em; }
	.design-page__result-lead { margin-top: 22px !important; font-size: 24.5px; line-height: 1.12; }
	.design-page__result-grid { gap: 12px; margin-top: 46px; }
	.design-page__result-grid img { height: 408px; }
	.design-page__note { min-height: 375px; padding: 40px 20px; font-size: 24.5px; line-height: 1.12; }
}

/* End */
/* /local/templates/alpha_energy/design-page.css?17912686428044 */
