/* Development strategy: existing site grid, typography, colours and editorial rules. */
.how-build-page section[id] { scroll-margin-top: calc(var(--header-height) + 32px); }
.admin-bar .how-build-page section[id] { scroll-margin-top: calc(var(--header-height) + 64px); }
.how-build-page .build-editorial, .how-build-page .build-standardization__pair, .how-build-page .build-comparison { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(40px, 7vw, 110px); align-items: start; }
.how-build-page h2 { max-width: 650px; }
.how-build-page .build-copy { min-width: 0; color: var(--muted); }
.how-build-page .build-copy > .action { margin-top: 26px; }
.how-build-page > .section { padding-block: var(--section-space); }
.how-build-page .build-mmc, .how-build-page .build-completion { padding-block: clamp(64px, 6vw, 88px); }
.how-build-page .how-build-hero { background: var(--paper); border-bottom: 1px solid var(--line); padding-block: clamp(56px, 5vw, 76px); }
.how-build-hero h1 { font-size: clamp(54px, 7vw, 96px); }
.how-build-positioning { margin-top: 24px; }
.how-build-topics { display: flex; flex-wrap: wrap; gap: 18px 36px; border-top: 1px solid var(--bronze); margin-top: 48px; padding-top: 24px; }
.how-build-topics a { color: var(--slate); font-size: 13px; font-weight: 600; text-decoration-color: var(--bronze); }
.build-diligence { background: var(--white); }
.how-build-page > .build-diligence.section { padding-bottom: 0; }
.build-diligence > .container > .build-editorial { padding-bottom: 32px; }
.how-build-page .build-process { display: flex; gap: 24px; list-style: none; margin: 48px 0 0; border-top: 1px solid var(--line); padding-top: 24px; }
.build-process li { position: relative; flex: 1 1 0; min-width: 0; color: var(--slate); font-size: 14px; line-height: 1.45; font-weight: 600; }
.build-process li:not(:last-child)::after { content: '→'; position: absolute; top: 0; right: -17px; color: var(--bronze-text); font-weight: 400; }
.build-process__number { display: block; color: var(--bronze-text); font-size: 10px; letter-spacing: .1em; margin-bottom: 15px; }
.build-testing { background: var(--paper); }
.build-comparison { margin-top: 48px; }
.build-standardization__pair { margin-top: 48px; }
.build-comparison > div, .build-standardization__pair > div { border-top: 1px solid var(--bronze); padding-top: 26px; }
.build-comparison h3, .build-standardization__pair h3 { font-size: 22px; }
.build-comparison p, .build-standardization__pair p { margin-top: 20px; color: var(--muted); font-size: 16px; }
.build-comparison h3 { font-size: 18px; line-height: 1.35; letter-spacing: .02em; text-transform: uppercase; }
.build-comparison .build-comparison__traditional { border-color: var(--line); }
.build-comparison__traditional h3 { color: var(--muted); }
.build-comparison__sterling h3 { color: var(--teal); }
.build-comparison .build-comparison__sterling p { color: var(--slate); font-weight: 600; }
.how-build-page .build-heading { max-width: 850px; margin-bottom: 48px; }
.how-build-page .build-media-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 90px); align-items: start; }
.how-build-page .project-figure { min-width: 0; margin: 0; }
.how-build-page .project-image { width: 100%; height: auto; }
.how-build-page .project-figure figcaption { margin-top: 13px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.build-case-result { border-top: 1px solid var(--bronze); padding-top: 24px; margin-block: 30px; }
.build-case-result strong { display: block; color: var(--slate); font-size: clamp(52px, 6vw, 78px); font-weight: 600; line-height: 1; letter-spacing: -.035em; }
.build-case-result > span { display: block; color: var(--slate); font-size: 14px; font-weight: 600; margin-top: 14px; }
.build-case-result p { margin-top: 14px; font-size: 13px; line-height: 1.65; }
.build-case-timing { color: var(--slate); font-size: 23px; font-weight: 600; line-height: 1.3; }
.build-case-timing span { display: block; font-size: 12px; font-weight: 400; color: var(--muted); margin-top: 8px; }
.build-section-note { border-top: 1px solid var(--line); padding-top: 26px; margin-top: 48px; color: var(--slate); font-size: clamp(21px, 2vw, 27px); max-width: 920px; line-height: 1.4; }
.build-mmc { background: var(--slate); color: var(--white); }
.build-mmc h2, .build-mmc .lead { color: var(--white); }
.build-mmc .eyebrow { color: #d6c6a8; }
.build-mmc .build-copy { color: #e1e8e5; }
.build-standardization { background: var(--white); border-bottom: 1px solid var(--line); }
.build-price { background: var(--paper); }
.how-build-page .build-kingston { background: var(--teal); color: var(--white); }
.how-build-page .build-kingston h2,
.how-build-page .build-kingston .build-case-result strong,
.how-build-page .build-kingston .build-case-result > span,
.how-build-page .build-kingston .build-case-timing,
.how-build-page .build-kingston .build-section-note { color: var(--white); }
.how-build-page .build-kingston .build-copy,
.how-build-page .build-kingston .build-case-timing span,
.how-build-page .build-kingston .project-figure figcaption { color: #edf3f2; }
.how-build-page .build-kingston .eyebrow { color: #e8dcc8; }
.how-build-page .build-kingston .build-case-result,
.how-build-page .build-kingston .build-section-note { border-color: rgba(255, 255, 255, .35); }
.how-build-page .build-kingston .action--text { color: var(--white); border-bottom-color: #e8dcc8; }
.how-build-page .build-kingston .action--text:hover { color: #e8dcc8; border-bottom-color: currentColor; }
.how-build-page .build-kingston a:focus-visible { outline-color: #e8dcc8; }
.build-canada { background: var(--white); }
.build-energy { background: var(--paper); }
.build-explore-execute { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(40px, 7vw, 110px); margin-top: 48px; }
.build-explore-execute > div { border-top: 1px solid var(--bronze); padding-top: 28px; }
.build-phase-label { color: var(--bronze-text); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 24px; }
.build-explore-execute h3 { color: var(--slate); font-size: clamp(34px, 3.7vw, 54px); line-height: 1.13; }
.build-explore-execute h3 + p { max-width: 400px; color: var(--muted); font-size: 16px; margin-top: 26px; }
.build-process-principle { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--line); color: var(--slate); font-size: clamp(22px, 2.3vw, 32px); line-height: 1.4; }
/* Keep the original bottom spacing inside the full-width teal treatment. */
.how-build-page .build-process-overview { margin-top: 48px; padding-top: 40px; padding-bottom: var(--section-space); background: var(--teal); box-shadow: 0 0 0 100vmax var(--teal); clip-path: inset(-24px -100vmax 0); }
.build-process-overview .build-explore-execute { margin-top: 0; }
.build-process-overview .build-explore-execute h3,
.build-process-overview .build-process li,
.build-process-overview .build-process-principle { color: var(--white); }
.build-process-overview .build-explore-execute h3 + p { color: #edf3f2; }
.build-process-overview .build-phase-label,
.build-process-overview .build-process__number,
.build-process-overview .build-process li::after { color: #e8dcc8; }
.build-process-overview .build-explore-execute > div,
.how-build-page .build-process-overview .build-process,
.build-process-overview .build-process li,
.build-process-overview .build-process-principle { border-color: rgba(255, 255, 255, .35); }
.build-completion { background: var(--white); }
.build-execution-images { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 3fr); gap: 36px; margin-top: 36px; align-items: start; }
.build-closing { border-top: 1px solid var(--line); background: var(--white); }
@media (max-width: 1100px) {
	.how-build-page .build-mmc .build-editorial { grid-template-columns: 1fr; gap: 28px; }
	.how-build-page .build-process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
	.build-process li:not(:last-child)::after { display: none; }
	.how-build-page .build-media-split { gap: 40px; }
}
@media (max-width: 760px) {
	.how-build-page > .section, .how-build-page .build-mmc { padding-block: 60px; }
	.how-build-page .build-process-overview { padding-top: 24px; padding-bottom: 60px; }
	.build-diligence > .container > .build-editorial { padding-bottom: 20px; }
	.how-build-hero h1 { font-size: clamp(44px, 12vw, 68px); }
	.how-build-topics { display: grid; gap: 20px; margin-top: 32px; }
	.how-build-page .build-editorial, .how-build-page .build-media-split, .how-build-page .build-comparison, .how-build-page .build-standardization__pair, .build-explore-execute, .build-execution-images { grid-template-columns: 1fr; gap: 30px; }
	.how-build-page .build-heading { margin-bottom: 32px; }
	.how-build-page .build-process { grid-template-columns: 1fr; gap: 0; }
	.build-process li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 16px; }
	.build-process__number { margin: 4px 0 0; }
	.build-explore-execute { gap: 44px; }
	.build-explore-execute h3 { font-size: clamp(30px, 8vw, 42px); }
}