/* A connected four-stage process, inspired by engineering flow diagrams. */
.home-page .project-process{background:#14232D;color:#fff;padding:88px 0 88px;position:relative;overflow:hidden}
.home-page .project-process:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(100,119,132,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(100,119,132,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.home-page .project-process>.wrap{position:relative}
.home-page .project-process-heading{margin-bottom:44px}
.home-page .project-process .section-kicker{color:#EF682A}
.home-page .project-process h2{color:#fff}
.home-page .project-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
.home-page .project-flow:before{content:"";position:absolute;left:12.5%;right:12.5%;top:210px;height:1px;background:#647784}
.home-page .project-flow>li{position:relative;display:grid;grid-template-rows:160px 100px 160px;min-width:0;padding:0 18px;background:none;border:0;border-radius:0;text-align:center}
.home-page .project-flow>li:not(:last-child):after{content:"";position:absolute;left:calc(100% - 18px);right:auto;top:210px;width:36px;height:1px;background:#EF682A}
.home-page .project-flow>li:not(:last-child):before{content:"";position:absolute;left:calc(100% + 11px);right:auto;top:206px;width:8px;height:8px;border-top:1px solid #EF682A;border-right:1px solid #EF682A;transform:rotate(45deg)}
.home-page .project-flow-number{position:relative;grid-row:2;top:auto;left:auto;justify-self:center;align-self:center;width:76px;height:76px;border-radius:50%;border:1px solid #EF682A;background:#14232D;color:#fff;display:grid;place-items:center;font:500 26px/1 Sora,Arial,sans-serif;box-shadow:0 0 0 7px #14232D,0 0 0 8px rgba(100,119,132,.55);margin:0;z-index:1}
.home-page .project-flow-number:after{content:"";position:absolute;inset:-17px;border:1px dashed rgba(239,104,42,.3);border-radius:50%}
.home-page .project-flow-copy{grid-row:3;padding-top:36px;align-self:start;max-width:270px;justify-self:center}
.home-page .project-flow>li:nth-child(even) .project-flow-copy{grid-row:1;align-self:end;padding-top:0;padding-bottom:36px}
.home-page .project-flow h3{font:600 21px/1.35 Sora,Arial,sans-serif;letter-spacing:-.025em;color:#fff;margin:0 0 10px;min-height:0}
.home-page .project-flow p{font:400 16px/1.6 Inter,Arial,sans-serif;color:#c6d1d7;max-width:none;margin:0}
@media(max-width:900px){
 .home-page .project-process{padding:56px 0}
 .home-page .project-process-heading{margin-bottom:40px}
 .home-page .project-flow{grid-template-columns:1fr;gap:36px}
 .home-page .project-flow:before{left:38px;right:auto;top:38px;bottom:38px;width:1px;height:auto}
 .home-page .project-flow>li{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto;column-gap:32px;padding:0;min-height:96px;text-align:left;align-items:center}
 .home-page .project-flow-number{grid-column:1;grid-row:1;width:60px;height:60px;font-size:23px}
 .home-page .project-flow-number:after{inset:-12px}
 .home-page .project-flow-copy,.home-page .project-flow>li:nth-child(even) .project-flow-copy{grid-column:2;grid-row:1;align-self:center;justify-self:start;max-width:520px;padding:0}
 .home-page .project-flow>li:not(:last-child):after{left:38px;top:calc(100% + 4px);width:1px;height:25px;right:auto}
 .home-page .project-flow>li:not(:last-child):before{left:34px;top:calc(100% + 19px);right:auto;transform:rotate(135deg)}
}
@media(max-width:480px){.home-page .project-flow>li{column-gap:22px}.home-page .project-flow h3{font-size:19px}.home-page .project-process{padding:48px 0}}