/*
|--------------------------------------------------------------------------
| Unique Approach — Pillar Sections (about-grid layout)
|--------------------------------------------------------------------------
*/

/* Reversed grid — image right, text left */
.about-grid--reversed {
    direction: rtl;
}

.about-grid--reversed>* {
    direction: ltr;
}

/* Reversed float badge — flip to left side */
.about-grid--reversed .about-float {
    right: auto;
    left: -20px;
}

/* Alternate background */
.approach-section--alt {
    background: var(--gray-50);
}

/* Body paragraphs inside pillar */
.approach-body {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
}

.approach-body p {
    font-size: var(--text-xl);
    line-height: 1.8;
    color: var(--gray-400);
}

/* Closing taglines */
.approach-closing {
    border-top: 1px solid var(--gray-100);
    padding-top: var(--space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.approach-tagline {
    font-family: var(--font-serif);
    font-size: var(--text-3xl);
    font-weight: 400;
    color: var(--blue-900);
    line-height: 1.45;
}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {
    .about-grid--reversed {
        direction: ltr;
    }

    .about-grid--reversed .about-float {
        right: auto;
        left: auto;
    }
}