.section-summary {
  max-width: 470px;
}

.section-head > .section-summary p {
  margin: 0;
  color: #9ea8b0;
  line-height: 1.8;
}

.section-action {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 150px;
  margin-top: 24px;
  padding: 14px 18px;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background .25s, border-color .25s, color .25s;
}

.section-action:hover,
.section-action:focus-visible {
  background: #ff7a00;
  border-color: #ff7a00;
}

.section-action span {
  display: inline-block;
  margin-left: 28px;
  font-size: 16px;
  transition: transform .38s cubic-bezier(.2,.9,.2,1);
}

.arrow-link b {
  display: inline-block;
  line-height: 1;
  transition: transform .38s cubic-bezier(.2,.9,.2,1);
}

.arrow-link:hover b,
.arrow-link:focus-visible b,
.section-action:hover span,
.section-action:focus-visible span {
  transform: rotate(90deg) scale(1.12);
}

@media (prefers-reduced-motion: reduce) {
  .arrow-link b,
  .section-action span {
    transition: none;
  }
}

#project-list {
  scroll-margin-top: 110px;
}

@media (max-width: 900px) {
  .section-summary {
    margin-top: 28px;
  }
}