/* ==========================================================
   about.css — About page-specific layout
   ========================================================== */

#company-overview .container {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: var(--space-lg);
    align-items: center;
}

#company-overview .image-placeholder {
    aspect-ratio: 4 / 3;
}

@media (max-width: 860px) {
    #company-overview .container {
        grid-template-columns: 1fr;
    }

    #company-overview .image-placeholder {
        order: -1;
    }
}

#engineering-approach .capability-grid {
    grid-template-columns: 1fr;
}

#engineering-approach .image-placeholder,
#testing-quality .image-placeholder {
    aspect-ratio: 4 / 3;
}

.industry-feature-reverse {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: var(--space-lg);
    align-items: center;
}

#testing-quality .industry-feature-reverse {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

@media (max-width: 860px) {
    .industry-feature-reverse {
        grid-template-columns: 1fr;
    }

    .industry-feature-reverse .image-placeholder {
        order: -1;
    }
}

#team-expertise .container {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: var(--space-lg);
    align-items: center;
}

#team-expertise .image-placeholder {
    aspect-ratio: 4 / 3;
}

@media (max-width: 860px) {
    #team-expertise .container {
        grid-template-columns: 1fr;
    }

    #team-expertise .image-placeholder {
        order: -1;
    }
}