/* About page — complements Bilury / theme (front.about) */

.tnb-about-quote {
    position: relative;
    border-left: 4px solid var(--bs-primary, #0d6efd);
    background: linear-gradient(
        135deg,
        rgba(var(--bs-primary-rgb, 13, 110, 253), 0.06) 0%,
        transparent 55%
    );
}

.tnb-about-quote::before {
    content: "\201C";
    position: absolute;
    top: -0.15em;
    left: 0.35rem;
    font-family: var(--bs-font-serif, Georgia, serif);
    font-size: clamp(3.5rem, 12vw, 6rem);
    line-height: 1;
    color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.12);
    pointer-events: none;
}

.tnb-about-stat {
    border: 1px solid rgba(0, 0, 0, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tnb-about-stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.08);
}

[data-bs-theme="dark"] .tnb-about-stat {
    border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme="dark"] .tnb-about-stat:hover {
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.35);
}

.tnb-about-vision-card {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--bs-border-radius-xl, 1rem);
    background: var(--bs-body-bg, #fff);
    height: 100%;
}

[data-bs-theme="dark"] .tnb-about-vision-card {
    border-color: rgba(255, 255, 255, 0.1);
}

.tnb-about-leader-card {
    height: 100%;
    border-radius: var(--bs-border-radius-xl, 1rem);
    overflow: hidden;
}

.tnb-about-leader-card .card-body {
    display: flex;
    flex-direction: column;
}

.tnb-about-leader-bio {
    flex: 1 1 auto;
    font-size: 0.9375rem;
    line-height: 1.65;
}

.tnb-about-cta {
    background: linear-gradient(
        120deg,
        rgba(var(--bs-primary-rgb, 13, 110, 253), 0.15) 0%,
        rgba(0, 0, 0, 0.35) 100%
    );
}