/**
 * CFRO Component — About Page (Block-based, Figma v3)
 * Most styles now handled by page-patterns.css.
 * This file holds about-page-specific overrides only.
 * @package CFRO
 * @since   4.2.0
 */

/* About page h3 headings inside white containers */
.cfro-page-section .cfro-white-container .wp-block-heading:where(h3) {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--cfro-charcoal);
}

/* Sponsors grid (future — placeholder) */
.cfro-sponsors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 2rem;
    align-items: center;
    margin-top: 1.5rem;
}
.cfro-sponsor-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    filter: grayscale(1);
    opacity: 0.6;
    transition: filter 0.2s ease, opacity 0.2s ease;
}
.cfro-sponsor-logo:hover { filter: grayscale(0); opacity: 1; }
.cfro-sponsor-logo img { max-width: 100%; max-height: 100px; }