/* moved from about.php inline */
.hero--mini { padding: calc(var(--header-height) + 20px) 0 40px; min-height: auto; }
.hero--mini .hero__title { font-size: clamp(2rem, 5vw, 3.5rem); }
.hero--mini .hero__subtitle { max-width: 600px; margin: 0 auto; color: var(--text-muted); }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
@media (max-width: 768px) { .about-grid { grid-template-columns: 1fr; } }
.about-text p { color: var(--text-muted); line-height: 1.8; margin-bottom: 16px; font-size: 15px; }
.about-text strong { color: var(--red-primary); }
.about-image__placeholder {
    background: linear-gradient(135deg, var(--red-primary), var(--red-dark));
    border-radius: 20px; padding: 60px; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 16px;
    box-shadow: 0 20px 60px rgba(194, 29, 39, 0.2);
}
.about-image__placeholder i { font-size: 80px; color: rgba(255,255,255,0.9); }
.about-image__placeholder span { font-size: 24px; font-weight: 700; color: #fff; letter-spacing: 2px; text-transform: uppercase; }
.numbers-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 768px) { .numbers-grid { grid-template-columns: repeat(2, 1fr); } }
.number-card {
    background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px; padding: 30px 20px; text-align: center;
    transition: all 0.3s;
}
.number-card:hover { border-color: var(--red-primary); transform: translateY(-4px); }
.number-card__value { font-size: 36px; font-weight: 700; color: var(--red-primary); margin-bottom: 8px; font-family: var(--font-heading); }
.number-card__label { color: var(--text-muted); font-size: 13px; }