.about-wrapper {
    padding: 8rem 0 8rem;
    background-color: var(--col-sec-100);  
    color: var(--color-ink);

    .about-container {
        text-align: left;
        display: grid;
        gap: 2.5rem;
    }

    .about-intro {
        max-width: 52rem;
    }

    p {
        color: var(--color-muted);
    }
}

.property-overview-map {
    width: 100%;
    min-height: 400px;
    margin: 0 auto;
    z-index: 1;
    background: var(--col-bw-000);
    border-radius: var(--border-radius-s);
    border: 1px solid rgb(18 32 51 / .08);
    overflow: hidden;
    /*mask-image: radial-gradient(ellipse at center, #000 52%, transparent 78%);
    -webkit-mask-image: radial-gradient(ellipse at center, #000 52%, transparent 78%);*/
    /* filter: grayscale(100%) contrast(1.1) brightness(1.1) sepia(0);*/
}

.property-overview-map.leaflet-container,
.property-overview-map .leaflet-pane,
.property-overview-map .leaflet-layer {
    background: transparent;
}


.stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    overflow: hidden;
   

    .stat {
        text-align: center;
        background: red;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        min-height: 8rem;
        padding: 1.5rem 2rem;
        border-radius: var(--border-radius-s);
        background: var(--col-bw-000);
        border: 1px solid var(--col-bw-200);
        box-shadow: var(--shadow-m);
        

        strong {
            font-family: var(--font-serif), serif;
            font-size: clamp(2.5rem, 5.5vw, 3.6rem);
            line-height: .9;
            font-weight: 600;
            color: var(--col-sec-600);
        }

        span {
            margin-top: .5rem;
            color: var(--color-muted);
        }
    }
}

@media (max-width: 45rem) {
    .stats {
        grid-template-columns: 1fr;
    }
}