#portfolio { overflow: clip; scroll-margin-top: 110px; }
.works-heading {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: .06em 0;
  color: #fff;
  font-family: 'Poppins', 'Wanted Sans', sans-serif; font-weight: 700;
  font-size: clamp(56px, min(6vw, 12svh), 160px);
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1;
}
.works-letter { display: inline-block; }
.works-heading.is-motion-ready .works-letter { will-change: transform, opacity; }
@media (max-width: 700px) {
  #portfolio { scroll-margin-top: 136px; }
  .works-heading { font-size: clamp(27px, min(7.5vw, 8svh), 44px); }
}
@media (max-height: 480px) {
  .works-heading { font-size: clamp(40px, 7vw, 64px); }
}
@media (prefers-reduced-motion: reduce) {
  .works-letter { transform: none !important; opacity: 1 !important; }
}