.home-about {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: clamp(32px, 7vw, 110px);
  align-items: start;
  padding: clamp(60px, 8vw, 120px) 7%;
  background: #0c0d0b;
  border-top: 1px solid #ffffff20;
  border-bottom: 1px solid #ffffff20;
  scroll-margin-top: 24px;
}
.home-about .micro { color: #999b93; }
.home-about h2 {
  margin: 28px 0 0;
  font-size: clamp(34px, 4.2vw, 64px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -1.7px;
}
.home-about-copy { max-width: 480px; padding-top: 36px; }
.home-about-copy p { color: #b4b5ae; font-size: 14px; line-height: 1.9; margin: 0 0 20px; }
.home-about-copy p:first-child { color: #f0eee8; }
.home-about-copy .text-link { margin-top: 4px; }
.site-header.has-about nav a[aria-current="page"] { color: #f4f2ed; }
@media (min-width: 751px) and (max-width: 950px) {
  body > .site-header.has-about { height: 112px; flex-wrap: wrap; padding: 16px 6% 0; gap: 0; }
  .site-header.has-about nav { order: 3; width: 100%; gap: 15px; justify-content: space-between; }
}
@media (max-width: 750px) {
  .home-about { grid-template-columns: 1fr; gap: 24px; padding: 60px 7%; }
  .home-about h2 { letter-spacing: -1px; }
  .home-about-copy { padding-top: 0; }
  .home-about-copy p { font-size: 13px; }
  .site-header.has-about nav { gap: 8px; }
  .site-header.has-about nav a { font-size: 8px; letter-spacing: .7px; }
}