/* Homepage collaboration: one architectural process, with no photographic collage. */
.homepage-process{background:#202631;color:#eef0ec}
.homepage-process__heading{max-width:850px;margin-bottom:34px}
.homepage-process__heading>.eyebrow{margin-bottom:20px}
.homepage-process__heading h2{font-size:clamp(32px,2.8vw,42px);line-height:1.4;margin:0 0 18px}
html[lang=en] .homepage-process__heading h2{font-size:clamp(32px,2.8vw,42px);line-height:1.2}
.homepage-process__heading>.muted{font-size:16px;line-height:1.85;color:#b2bdc8;max-width:45em;margin:0}
.homepage-process__phrase{display:inline-block}
.homepage-process__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;padding:0;margin:0}
.homepage-process__step{position:relative;min-width:0;margin:0}
.homepage-process__step+.homepage-process__step{margin:0}
.homepage-process__drawing{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:3/2;color:#d0d8df;margin:0 auto 22px;overflow:visible}
.homepage-process__step:not(:last-child):after{content:"";position:absolute;top:109px;left:calc(100% + 9px);width:30px;height:1px;background:#82919e66}
.homepage-process__step:not(:last-child):before{content:"";position:absolute;top:106px;left:calc(100% + 34px);width:6px;height:6px;border-top:1px solid #82919e88;border-right:1px solid #82919e88;transform:rotate(45deg)}
.homepage-process__copy{display:grid;grid-template-columns:30px minmax(0,1fr);gap:15px;padding-top:19px;border-top:1px solid #63707e55}
.homepage-process__number{font:11px/1.9 var(--sans);letter-spacing:.05em;color:var(--gold);padding-top:3px}
.homepage-process__copy h3{font-size:21px;font-weight:400;line-height:1.45;letter-spacing:0;margin:0 0 9px;color:#e6ebef}
.homepage-process__copy p{font-size:15px;line-height:1.8;color:#a9b5c1;margin:0}
.homepage-process__foot{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:38px;padding-top:22px;border-top:1px solid #63707e55}
.homepage-process__foot>p{font-size:11px;line-height:1.7;letter-spacing:.03em;color:#8f9ca9;margin:0}
.homepage-process__foot .text-link{font-size:13px;color:#bfc9d2;border:0;padding:6px 0;gap:24px}
.homepage-process__foot .text-link:hover{color:var(--gold)}
.homepage-process__foot .text-link>[aria-hidden]{font-size:14px;color:#9baab8}
@media(max-width:1050px){
  .homepage-process__steps{gap:28px}
  .homepage-process__step:not(:last-child):after{left:calc(100% + 3px);width:22px;top:90px}
  .homepage-process__step:not(:last-child):before{left:calc(100% + 20px);top:87px}
  .homepage-process__copy{gap:10px;grid-template-columns:24px minmax(0,1fr)}
  .homepage-process__copy h3{font-size:19px}
  .homepage-process__copy p{font-size:14px}
}
@media(max-width:760px){
  .homepage-process__heading{margin-bottom:27px}
  .homepage-process__heading h2,html[lang=en] .homepage-process__heading h2{font-size:31px}
  .homepage-process__heading>.muted{font-size:15px;line-height:1.85}
  .homepage-process__steps{grid-template-columns:1fr;gap:0}
  .homepage-process__step{display:grid;grid-template-columns:115px minmax(0,1fr);align-items:center;gap:20px;padding:24px 0;border-top:1px solid #63707e55}
  .homepage-process__step:last-child{padding-bottom:10px}
  .homepage-process__drawing{max-width:none;width:115px;margin:0;aspect-ratio:3/2}
  .homepage-process__step:not(:last-child):before,.homepage-process__step:not(:last-child):after{display:none}
  .homepage-process__copy{display:block;padding:0;border:0}
  .homepage-process__number{display:block;font-size:10px;line-height:1.5;padding:0;margin-bottom:6px}
  .homepage-process__copy h3{font-size:19px;line-height:1.45;margin-bottom:6px;text-wrap:balance}
  .homepage-process__copy p{font-size:13px;line-height:1.75;text-wrap:balance}
  .homepage-process__foot{margin-top:20px;padding-top:20px;align-items:start;gap:15px;flex-direction:column}
  .homepage-process__foot>p{font-size:10px}
  .homepage-process__foot .text-link{font-size:13px;padding:3px 0;gap:18px}
}
@media(max-width:380px){
  .homepage-process__step{grid-template-columns:96px minmax(0,1fr);gap:16px}
  .homepage-process__drawing{width:96px}
  .homepage-process__copy h3{font-size:18px}
}