.project-story{padding:clamp(85px,9vw,150px) 0;background:#fff}
.project-story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr);gap:clamp(68px,9vw,155px);align-items:center}
.project-story-photo{width:100%;max-width:670px;margin:0}
.project-story-photo img{display:block;width:100%;height:auto}
.project-story-copy{max-width:470px;padding-top:38px;border-top:1px solid #aebed0}
.project-story-copy h2{margin:0;color:#0c2d60;font-size:clamp(2.6rem,4vw,4.5rem);font-weight:700;letter-spacing:-.05em;line-height:1.1;text-wrap:balance}
.project-story-copy p{margin:31px 0 0;color:#3e5b78;font-size:clamp(1.04rem,1.18vw,1.18rem);line-height:1.75}
.project-story-copy a{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:340px;margin-top:60px;padding:15px 0;border-bottom:1px solid #0c2d60;color:#0c2d60;font-size:14px;font-weight:700}
.project-story-copy a:hover{color:#0847d3;border-color:#0847d3}
.project-story-copy a span{font-size:27px;font-weight:300}

.project-related{padding:clamp(80px,8vw,125px) 0;background:#f2f6fb}
.project-related-grid{display:grid;grid-template-columns:.75fr 1fr;gap:clamp(60px,8vw,135px)}
.project-related h2{margin:0;color:#0c2d60;font-size:clamp(2.5rem,4vw,4.2rem);line-height:1.08;letter-spacing:-.05em}
.project-related-links{border-top:1px solid #b5c5d6}
.project-related-links a{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:115px;border-bottom:1px solid #b5c5d6;color:#0c2d60;font-size:clamp(1.35rem,2.1vw,2.1rem);font-weight:600;letter-spacing:-.035em;transition:padding .2s}
.project-related-links a:hover{padding-left:14px}
.project-related-links a span:last-child{font-size:29px;font-weight:300}

@media(max-width:900px){
  .project-story-grid{grid-template-columns:1fr;gap:62px}
  .project-story-photo{max-width:680px}
  .project-story-copy{max-width:680px}
  .project-related-grid{grid-template-columns:1fr;gap:43px}
}
@media(max-width:700px){
  .project-story{padding:72px 0 95px}
  .project-story-grid{gap:47px}
  .project-story-copy{padding-top:29px}
  .project-story-copy h2{font-size:clamp(2.5rem,10vw,3.7rem)}
  .project-story-copy p{margin-top:24px;font-size:16px}
  .project-story-copy a{margin-top:38px}
  .project-related{padding:78px 0 92px}
  .project-related h2{font-size:clamp(2.5rem,10vw,3.6rem)}
  .project-related-links a{min-height:94px}
}