/* Fit Ryan's longer unbroken title into the reference's narrow-screen frame.
   The desktop scale and all animation styles remain in the original stylesheet. */
@media (max-width: 767.98px) {
  .hero__title h1,
  .hero__title p,
  .hero__title .text--heading-full {
    font-size: min(138.6px, calc((100vw - 50px) * .37));
  }
}

/* Keep the original animated media frame and WebGL effects around the GitHub image. */
@media (min-width: 768px) {
  .about__media-wrap {
    position: relative;
  }
}
.about__github-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #0d1117;
}
.about__github-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: .8em .6em;
  color: #ffffff;
  background: #0d1117;
  text-align: center;
  pointer-events: none;
}