.project-page .case-main {
  max-width:1100px;
  margin:auto;
  padding:140px 50px 70px
}
.project-intro {
  padding-block:20px 40px
}
.project-intro h1 {
  font-size:clamp(36px,6vw,68px);
  letter-spacing:-.045em;
  margin:22px 0
}
.project-summary {
  max-width:650px;
  font-size:17px
}
.project-facts {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  border-top:1px solid var(--lightest-navy);
  padding-top:25px;
  margin-top:35px
}
.project-facts dt {
  font:11px var(--font-mono);
  color:var(--green)
}
.project-facts dd {
  margin:10px 0 0;
  font-size:13px
}
.project-cover {
  margin:0
}
.project-cover img {
  width:100%;
  border-radius:4px
}
.project-cover figcaption,.case-figure figcaption {
  font:10px/1.8 var(--font-mono);
  padding-block:14px
}
.case-study {
  display:grid;
  grid-template-columns:minmax(0,1fr) 200px;
  gap:65px;
  padding-block:55px
}
.case-content section+section {
  margin-top:50px
}
.case-content h2 {
  font-size:30px;
  margin:15px 0 20px
}
.case-content p {
  font-size:14px
}
.case-content .eyebrow {
  font:11px var(--font-mono);
  color:var(--green)
}
.case-content code {
  background:var(--light-navy);
  padding:3px
}
.workflow-steps {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  list-style:none;
  padding:0;
  margin:30px 0
}
.workflow-steps li {
  display:flex;
  gap:15px;
  border-top:1px solid var(--lightest-navy);
  padding-top:20px
}
.workflow-steps li>span {
  font:11px var(--font-mono);
  color:var(--green)
}
.workflow-steps h3 {
  font-size:16px
}
.workflow-steps p {
  font-size:12px
}
.case-figure {
  margin:35px 0
}
.case-figure img {
  width:100%
}
.project-sidebar {
  align-self:start;
  position:sticky;
  top:110px;
  font-size:12px
}
.project-sidebar>.inline-link {
  margin-top:15px
}
.case-content .button {
  margin-top:15px
}
.project-page .site-footer {
  border-top:1px solid var(--lightest-navy)
}
@media(max-width:768px) {
  .project-page .case-main {
    padding:120px 25px 40px
  }
  .case-study {
    grid-template-columns:1fr;
    gap:35px
  }
  .project-sidebar {
    position:static
  }
  .project-facts {
    grid-template-columns:1fr;
    gap:22px
  }
  .workflow-steps {
    grid-template-columns:1fr
  }
  .project-summary {
    font-size:15px
  }
  .case-content h2 {
    font-size:25px
  }
}