/* About page — mobile (max-width: 768px) */

@media (max-width: 768px) {
  body.rj-about-page {
    overflow-x: clip;
  }

  body.rj-about-page .container {
    padding-left: 16px;
    padding-right: 16px;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .abt-hero {
    padding: 16px 0 32px;
    overflow-x: clip;
  }

  .abt-hero__grid {
    gap: 24px;
  }

  .abt-breadcrumb {
    font-size: 0.76rem;
  }

  .abt-hero__badge {
    margin-bottom: 16px;
    font-size: 0.74rem;
  }

  .abt-hero__title-line {
    font-size: clamp(1.9rem, 9vw, 2.5rem);
  }

  .abt-hero-lead {
    font-size: 0.92rem;
    max-width: 100%;
    margin-bottom: 18px;
  }

  .abt-hero__trust li {
    font-size: 0.76rem;
  }

  .abt-section {
    padding: 48px 0;
  }

  .abt-section-head {
    margin-bottom: 28px;
  }

  .abt-section-head h2 {
    font-size: clamp(1.5rem, 6.5vw, 1.85rem);
  }

  .abt-pillars {
    padding-bottom: 20px;
  }

  .abt-pillar {
    padding: 16px 18px;
  }

  .abt-mission-card {
    padding: 22px 20px;
  }

  .abt-story-grid {
    grid-template-columns: 1fr;
    gap: 36px;
    align-items: start;
  }

  .abt-story-media > img {
    height: auto;
    aspect-ratio: 16 / 10;
    min-height: 0;
  }

  .abt-story-badge {
    position: static;
    margin-bottom: 14px;
    width: fit-content;
  }

  .abt-story-quote {
    padding: 18px 20px;
  }

  .abt-stats {
    padding: 40px 0;
  }

  .abt-kpi {
    padding: 20px 16px;
  }

  .abt-kpi-num {
    font-size: 1.65rem;
  }

  .abt-value {
    padding: 22px 20px;
  }

  .abt-value-accent-inner {
    padding: 20px 18px;
  }

  .abt-value-accent-copy {
    flex-direction: column;
    gap: 14px;
  }

  .abt-service {
    padding: 22px 20px;
  }

  .abt-step-body h3 {
    font-size: 0.95rem;
  }

  .abt-region {
    padding: 22px 20px;
  }

  .abt-creds-bar {
    gap: 10px 16px;
  }

  .abt-cred {
    font-size: 0.76rem;
  }

  .abt-office {
    padding: 48px 0;
  }

  .abt-office-card {
    padding: 24px 20px;
    gap: 28px;
  }

  .abt-office-copy h2 {
    font-size: 1.45rem;
  }

  body.rj-about-page .abt-review-card,
  body.rj-about-page .reviews-slider .review-card {
    padding: 22px 20px;
  }

  .abt-faq-q {
    padding: 16px 18px;
    font-size: 0.9rem;
  }

  .abt-cta {
    padding-bottom: 56px;
  }

  .abt-cta-grid {
    padding: 24px 20px;
    gap: 24px;
  }

  .abt-cta-actions {
    flex-direction: column;
    width: 100%;
  }

  .abt-cta-actions .rj-btn {
    width: 100%;
    justify-content: center;
  }

  body.rj-about-page .topbar-left span:not(:first-child) {
    display: none;
  }
}

@media (max-width: 480px) {
  .abt-kpi-grid {
    grid-template-columns: 1fr;
  }

  .abt-hero__title-line {
    font-size: clamp(1.75rem, 10vw, 2.15rem);
  }

  .abt-hero-float {
    flex-direction: column;
    align-items: stretch;
  }

  .abt-hero-float-stat {
    min-width: 0;
  }
}