/* V9 — requested hero copy, Avi blue social footer and shorter mobile hero */

.social-footer {
  background: var(--powder) !important;
  color: var(--ink) !important;
}

.social-footer h2 {
  color: var(--ink) !important;
}

.social-footer-note {
  color: var(--ink-soft) !important;
}

.social-footer-handle,
.social-footer-nav a {
  color: var(--ink) !important;
}

.instagram-svg {
  color: var(--ink) !important;
}

.social-post-card {
  background: rgba(30, 29, 26, .06) !important;
}

.social-footer-divider {
  background: rgba(30, 29, 26, .42) !important;
}

.social-footer-logo img {
  filter: none !important;
}

.social-footer-bottom {
  color: rgba(30, 29, 26, .62) !important;
}

.social-post-hover {
  background: rgba(30, 29, 26, .13) !important;
}

.display {
  max-width: 760px !important;
}

@media (max-width: 768px) {
  .home-hero {
    padding-top: 68px !important;
  }

  .hero-visual {
    width: 100% !important;
    height: 225px !important;
    min-height: 225px !important;
    max-height: 225px !important;
    aspect-ratio: auto !important;
  }

  .hero-visual picture,
  .hero-visual img {
    width: 100% !important;
    height: 100% !important;
  }

  .hero-visual img {
    object-fit: cover !important;
    object-position: center 46% !important;
  }

  .hero-copy {
    padding: 28px 18px 40px !important;
  }

  .hero-copy .eyebrow {
    margin-bottom: 14px !important;
  }

  .display {
    font-size: clamp(38px, 10.4vw, 46px) !important;
    line-height: .98 !important;
    letter-spacing: -.024em !important;
  }

  .hero-lead {
    margin-top: 18px !important;
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
  }

  .hero-actions {
    margin-top: 22px !important;
  }
}

@media (max-width: 390px) {
  .hero-visual {
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
  }

  .display {
    font-size: 39px !important;
  }

  .hero-copy {
    padding-top: 25px !important;
  }
}