@media (max-width: 760px) {
  .hero {
    min-height: 100svh;
    padding: 22px 19px 26px;
    background: var(--black);
  }

  .hero::after {
    width: min(110vw, 560px);
    height: min(110vw, 560px);
  }

  .hero-content {
    width: 100%;
    padding: 96px 0 82px;
  }

  .hero-eyebrow {
    max-width: 250px;
    justify-content: center;
    margin-bottom: 25px;
    font-size: 8px;
    line-height: 1.6;
  }

  .hero-title {
    font-size: clamp(46px, 14.3vw, 68px);
    line-height: 0.98;
  }

  .hero-intro {
    max-width: 420px;
    margin-top: 28px;
    font-size: 13px;
    line-height: 1.7;
  }

  .portfolio-link {
    margin-top: 28px;
  }

  .scroll-cue {
    display: none;
  }
}