/* about — page-specific styles */

.stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: var(--space-lg);
            margin: var(--space-2xl) 0;
        }
        @media (max-width: 768px) {
            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        .stat-card {
            text-align: center;
            padding: var(--space-lg);
            background: #111;
            border: 1px solid #222;
            border-radius: 12px;
        }
        .stat-card__value {
            font-family: var(--font-display);
            font-size: 2.5rem;
            font-weight: 600;
            color: var(--color-bronze);
            display: block;
        }
        .stat-card__label {
            font-size: 0.85rem;
            color: #888;
            margin-top: 4px;
        }

        .about-content {
            max-width: 800px;
        }
        .about-content p {
            color: #ccc;
            line-height: 1.8;
            margin-bottom: var(--space-md);
        }
        .about-content h2 {
            font-family: var(--font-display);
            font-size: 1.5rem;
            margin: var(--space-xl) 0 var(--space-md);
            color: var(--color-text);
        }

        .services-overview {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--space-lg);
            margin: var(--space-xl) 0;
        }
        @media (max-width: 768px) {
            .services-overview {
                grid-template-columns: 1fr;
            }
        }
        .services-overview__card {
            background: #111;
            border: 1px solid #222;
            border-radius: 12px;
            padding: var(--space-lg);
        }
        .services-overview__card h3 {
            font-size: 1rem;
            color: var(--color-bronze);
            margin-bottom: var(--space-sm);
        }
        .services-overview__card ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .services-overview__card li {
            padding: 4px 0;
            font-size: 0.9rem;
            color: #ccc;
        }
        .services-overview__card li a {
            color: #ccc;
            text-decoration: none;
            transition: color 0.2s;
        }
        .services-overview__card li a:hover {
            color: var(--color-bronze);
        }

        .locations-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--space-lg);
            margin: var(--space-xl) 0;
        }
        @media (max-width: 768px) {
            .locations-grid {
                grid-template-columns: 1fr;
            }
        }
        .location-card {
            background: #111;
            border: 1px solid #222;
            border-radius: 12px;
            padding: var(--space-lg);
        }
        .location-card h3 {
            font-size: 1.1rem;
            margin-bottom: var(--space-sm);
        }
        .location-card p {
            color: #888;
            font-size: 0.9rem;
            margin-bottom: 4px;
        }
        .location-card a {
            color: var(--color-bronze);
            text-decoration: none;
            font-size: 0.9rem;
        }

        .legal-info {
            background: #111;
            border: 1px solid #222;
            border-radius: 12px;
            padding: var(--space-lg);
            margin: var(--space-xl) 0;
            color: #888;
            font-size: 0.85rem;
            line-height: 1.6;
        }
        .legal-info p {
            margin-bottom: 4px;
        }