/**
 * About page — sections that use :root --brand-muted instead of rr-bg-black / rr-bg-primary.
 */

.about-section--brand-muted {
  background-color: var(--brand-muted);
}

/* Features grid — text on --brand-muted fill */
.about-section--brand-muted.feature-area .feature-box::before {
  background-color: var(--brand-muted-divider);
}

.about-section--brand-muted.feature-area .feature-box .title {
  color: var(--brand-muted-foreground);
}

.about-section--brand-muted.feature-area .feature-box .text {
  color: var(--brand-muted-foreground);
}

.dark .about-section--brand-muted.feature-area .feature-box .title {
  color: var(--brand-muted-foreground);
}

.dark .about-section--brand-muted.feature-area .feature-box .text {
  color: var(--brand-muted-foreground);
}

/* Override global link hover (--primary) inside brand-muted strips */
.about-section--brand-muted a:hover {
  color: rgba(255, 255, 255, 0.92);
}

/* About features: fixed icon box, titles / body aligned across columns */
body.body-about-us .about-section--brand-muted.feature-area .feature-box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: clamp(18px, 2.2vw, 26px);
}

body.body-about-us .about-section--brand-muted.feature-area .feature-box .thumb {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

body.body-about-us .about-section--brand-muted.feature-area .feature-box .thumb img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

body.body-about-us .about-section--brand-muted.feature-area .feature-box .thumb--empty {
  visibility: hidden;
}

body.body-about-us .about-section--brand-muted.feature-area .feature-box .content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
  min-width: 0;
}

/** Two-line title ribbon so paragraph start aligns across columns */
body.body-about-us .about-section--brand-muted.feature-area .feature-box .title {
  margin: 0;
  line-height: 1.22;
  min-height: calc(2 * 1.22em);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

body.body-about-us .about-section--brand-muted.feature-area .feature-box .text {
  margin: 0;
  flex-grow: 1;
}

/* Methodology / approach — text on --brand-muted fill */
.about-section--brand-muted.approach-area .approach-section-header .section-title {
  color: var(--brand-muted-foreground);
}

.about-section--brand-muted.approach-area .approach-wrapper {
  border-color: var(--brand-muted-border);
}

.about-section--brand-muted.approach-area .approach-wrapper .approach-item {
  border-color: var(--brand-muted-border);
}

.about-section--brand-muted.approach-area .approach-wrapper .approach-item .sub-title {
  color: var(--brand-muted-foreground);
}

.about-section--brand-muted.approach-area .approach-wrapper .approach-item .title {
  color: var(--brand-muted-foreground);
}

.about-section--brand-muted.approach-area .approach-wrapper .approach-item p {
  color: var(--brand-muted-foreground);
}

.about-section--brand-muted.approach-area .approach-wrapper .approach-item .approach-item__more {
  color: var(--brand-muted-foreground);
}

.dark .about-section--brand-muted.approach-area .approach-section-header .section-title {
  color: var(--brand-muted-foreground);
}

.dark .about-section--brand-muted.approach-area .approach-wrapper {
  border-color: var(--brand-muted-border);
}

.dark .about-section--brand-muted.approach-area .approach-wrapper .approach-item {
  border-color: var(--brand-muted-border);
}

.dark .about-section--brand-muted.approach-area .approach-wrapper .approach-item .sub-title {
  color: var(--brand-muted-foreground);
}

.dark .about-section--brand-muted.approach-area .approach-wrapper .approach-item .title {
  color: var(--brand-muted-foreground);
}

.dark .about-section--brand-muted.approach-area .approach-wrapper .approach-item p {
  color: var(--brand-muted-foreground);
}

.dark .about-section--brand-muted.approach-area .approach-wrapper .approach-item .approach-item__more {
  color: var(--brand-muted-foreground);
}

/* Marquee headline (About) — :root --accent-red */
body.body-about-us .marquee-text-area .wrapper-text .section-title {
  color: var(--accent-red);
}

/* About stats (choose-us): flat — no fill, no frame */
body.body-about-us .choose-us--about .choose-us__item {
  background-color: transparent !important;
  border: none;
}

.dark body.body-about-us .choose-us--about .choose-us__item {
  background-color: transparent !important;
}

body.body-about-us .choose-us--about .choose-us__item p,
body.body-about-us .choose-us--about .choose-us__item h2 {
  color: var(--primary);
}

.dark body.body-about-us .choose-us--about .choose-us__item p,
.dark body.body-about-us .choose-us--about .choose-us__item h2 {
  color: var(--primary);
}