/* Arivence mobile hero refinement — desktop unchanged */

@media (max-width: 600px) {

  .hero {
    height: auto;
    min-height: 0;
    padding-bottom: clamp(240px, 68vw, 315px);
    background: #050c20;
  }

  .hero-art {
    inset: auto 0 0;
    height: clamp(240px, 68vw, 315px);
    background-size: auto 100%;
    background-position: 73% bottom;
    background-repeat: no-repeat;
    filter: saturate(1.1);
  }

  .hero-overlay {
    background: linear-gradient(
      180deg,
      #050c20 0%,
      #050c20 45%,
      rgba(5,12,32,.8) 60%,
      rgba(5,12,32,.04) 83%,
      rgba(5,12,32,.18) 100%
    );
    pointer-events: none;
  }

  .hero-content {
    padding: 123px 7% 0;
  }

  .hero h1 {
    font-size: clamp(40px, 10.4vw, 52px);
    line-height: 1.06;
    letter-spacing: -.052em;
    margin: 20px 0 16px;
  }

  .hero-description {
    font-size: 14px;
    line-height: 1.65;
    max-width: 360px;
  }

  .eyebrow {
    font-size: 9px;
    letter-spacing: .11em;
  }

  .hero-actions {
    margin-top: 22px;
    gap: 14px;
  }

  .button-primary {
    padding: 14px 18px;
    font-size: 13px;
  }

  .launch-note {
    font-size: 11px;
  }

  .hero-bottom {
    display: none;
  }
}