.about-btn:hover .about-arrow { transform: translateX(6px); }

@media (max-width: 960px) {
  .about-section.section-vh {
    min-height: 0;
    height: auto;
    overflow: visible;
    padding: 3.5rem 0 3.25rem;
  }

  .about-section .container-wide {
    height: auto !important;
    padding: 0 1.25rem !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    text-align: left !important;
  }

  .about-section h2 {
    font-size: clamp(2.2rem, 10vw, 3.4rem) !important;
    margin-bottom: 1.5rem !important;
    text-align: left;
  }

  .about-section p {
    margin: 0 0 2rem !important;
    text-align: left;
    font-size: 1rem !important;
  }

  .about-section [style*="gap: 4rem"] {
    gap: 1.75rem !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .about-section [style*="align-items: center"] > div[data-reveal] {
    align-items: flex-start !important;
  }
}