/* Real Design Build: a connected process with a progressive architectural illustration. */
.lge-linear-process{--build-yellow:#fdaf3f;--build-rule:#344d5a}
.lge-build-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:36px}
.lge-build-intro .lge-h-section{margin:0;font-size:clamp(32px,3.8vw,56px)}
.lge-build-intro .lge-lede{margin:0;max-width:48ch;color:#c5d0d5;font-size:17px}
.lge-build-scene{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:28px;border-top:1px solid var(--build-rule);min-height:340px;padding:24px 0}
.lge-build-copy{padding:12px 0;min-width:0}
.lge-build-kicker{display:flex;align-items:center;gap:9px;color:var(--build-yellow);font:700 11px/1.5 var(--lge-font-body);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}
.lge-build-number{font-size:27px;letter-spacing:-.02em}
.lge-build-description{min-height:148px}
.lge-build-description[hidden]{display:none!important}
.lge-build-description h3{font:600 clamp(27px,2.7vw,40px)/1.12 var(--lge-font-display);color:#fff;margin:0 0 16px;max-width:18ch}
.lge-build-description p{font:400 16px/1.65 var(--lge-font-body);color:#c5d0d5;margin:0;max-width:38ch}
.lge-build-assurance{display:flex;align-items:center;gap:10px;margin-top:16px;font:700 11px/1.5 var(--lge-font-body);text-transform:uppercase;letter-spacing:.07em;color:#e4ebee}
.lge-build-assurance>span{width:7px;height:7px;background:var(--build-yellow)}
.lge-build-art{position:relative;min-width:0}
.lge-build-art svg{display:block;width:100%;height:auto;max-height:350px;overflow:visible}
.lge-build-art-label{position:absolute;right:0;bottom:0;font:700 9px/1.4 var(--lge-font-body);letter-spacing:.14em;text-transform:uppercase;color:#8fa6b3}
.lge-build-layer{opacity:1}
.lge-build-layer .lge-build-draw{stroke-dasharray:1;stroke-dashoffset:0}
.lge-build-track{position:relative;margin-top:8px}
.lge-build-rail{position:absolute;left:8.333%;right:8.333%;top:17px;height:2px;background:var(--build-rule)}
.lge-build-rail>span{display:block;height:100%;background:var(--build-yellow);transform-origin:left center;transform:scaleX(var(--build-progress,0));transition:transform .85s cubic-bezier(.22,1,.36,1)}
.lge-build-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:8px}
.lge-build-stages li{margin:0;padding:0;min-width:0}
.lge-build-step{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;background:transparent;border:0;color:#bccbd3;padding:0 4px 12px;cursor:pointer;text-align:center;min-height:108px}
.lge-build-dot{position:relative;display:grid;place-items:center;width:36px;height:36px;border:1px solid #58717e;background:#071a24;color:#bdcdd6;font:700 11px/1 var(--lge-font-body);transition:background .5s,color .5s,border-color .5s}
.lge-build-step[aria-pressed=true] .lge-build-dot,.lge-build-step.is-complete .lge-build-dot{background:var(--build-yellow);border-color:var(--build-yellow);color:#071a24}
.lge-build-step[aria-pressed=true]{color:#fff}
.lge-build-step[aria-pressed=true] .lge-build-dot{box-shadow:0 0 0 5px #fdaf3f17}
.lge-build-step-label{font:700 11px/1.5 var(--lge-font-body);letter-spacing:.04em;text-transform:uppercase;max-width:160px}
.lge-build-step small{font:600 11px/1.4 var(--lge-font-body);margin-top:-7px;color:var(--build-yellow)}
.lge-build-step:hover .lge-build-dot{border-color:var(--build-yellow)}
.lge-linear-process button:focus-visible,.lge-linear-process a:focus-visible{outline:2px solid var(--build-yellow);outline-offset:5px}
.lge-linear-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--build-rule);margin-top:14px;padding-top:24px}
body.lge-v2 .lge-linear-foot p{margin:0;font-size:14px;color:#c5d0d5}
.lge-build-actions{display:flex;align-items:center;gap:24px}
.lge-build-control{border:0;background:none;color:#c5d0d5;font:600 12px/1.4 var(--lge-font-body);padding:12px 0;cursor:pointer;white-space:nowrap}
.lge-build-control[hidden]{display:none!important}
.lge-linear-foot .lge-btn{border-radius:0}
@media(max-width:900px){.lge-build-intro{gap:28px}.lge-build-scene{grid-template-columns:.9fr 1.1fr}.lge-build-step-label{font-size:10px;letter-spacing:0}.lge-build-actions{gap:16px}}
@media(max-width:680px){
.lge-linear-process .lge-section__aside{display:none}
.lge-build-intro{grid-template-columns:1fr;gap:18px;margin-bottom:24px}
.lge-build-intro .lge-lede{font-size:16px}
.lge-build-scene{grid-template-columns:1fr;gap:8px;padding:22px 0 12px}
.lge-build-art{grid-row:1}
.lge-build-art svg{max-height:220px}
.lge-build-art-label{font-size:8px}
.lge-build-kicker{margin-bottom:10px}
.lge-build-description{min-height:124px}
.lge-build-description h3{font-size:29px;max-width:none;margin-bottom:12px}
.lge-build-description p{font-size:15px;max-width:none}
.lge-build-assurance{margin-top:8px}
.lge-build-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 4px}
.lge-build-rail{display:none}
.lge-build-step{min-height:100px;gap:9px;padding-bottom:6px}
.lge-build-step-label{font-size:10px;max-width:110px}
.lge-build-step small{font-size:10px}
.lge-linear-foot{align-items:stretch;flex-direction:column;gap:16px;margin-top:14px}
.lge-build-actions{justify-content:space-between;flex-wrap:wrap;gap:10px}
.lge-linear-foot .lge-btn{font-size:10px;padding:14px 12px;min-height:44px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.lge-build-layer,.lge-build-layer .lge-build-draw,.lge-build-finish,.lge-build-dot,.lge-build-rail>span{transition:none!important}}

/* Architectural drafting treatment: the drawing loops independently of the static stage list. */
.lge-build-drafting path{vector-effect:non-scaling-stroke}
.lge-build-art:not(.is-animating) .lge-build-plan{opacity:.08}
.lge-build-art.is-animating .lge-build-layer{opacity:0}
.lge-build-art.is-animating .lge-build-draw{stroke-dashoffset:1}
.lge-build-drafting .lge-build-annotations{opacity:.7}
.lge-build-step.is-complete .lge-build-dot{background:#071a24;color:#fdaf3f;border-color:#8b713f}
.lge-build-step[aria-pressed=true] .lge-build-dot{background:#fdaf3f;color:#071a24;border-color:#fdaf3f;box-shadow:none}

@media(prefers-reduced-motion:no-preference){
.lge-build-description:not([hidden]){animation:lgeBuildCopyIn .55s cubic-bezier(.22,1,.36,1)}
@keyframes lgeBuildCopyIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
}