.portfolio--container {
    padding: 60px var(--theme-content-padding) 15px;
}

.portfolio--image {
    position: relative;
    max-width: 580px;
    margin: 0 auto 24px;
}

.portfolio--image:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.portfolio--image img {
    position: absolute;
    top: 0;
    left: 0;
}

.portfolio--content {
    max-width: 580px;
    margin: 0 auto;
}

.portfolio--title {
    margin-bottom: 16px;
}

.portfolio--location {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 6.75C12.75 10.4948 8.59575 14.3947 7.20075 15.5992C7.07079 15.697 6.9126 15.7498 6.75 15.7498C6.5874 15.7498 6.42921 15.697 6.29925 15.5992C4.90425 14.3947 0.75 10.4948 0.75 6.75C0.75 5.1587 1.38214 3.63258 2.50736 2.50736C3.63258 1.38214 5.1587 0.75 6.75 0.75C8.3413 0.75 9.86742 1.38214 10.9926 2.50736C12.1179 3.63258 12.75 5.1587 12.75 6.75Z' stroke='%234A5565' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75 9C7.99264 9 9 7.99264 9 6.75C9 5.50736 7.99264 4.5 6.75 4.5C5.50736 4.5 4.5 5.50736 4.5 6.75C4.5 7.99264 5.50736 9 6.75 9Z' stroke='%234A5565' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
    margin-bottom: 16px;
}

.portfolio--stats {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 24px;
    background: var(--theme-lt-grey);
    margin-bottom: 24px;
}

.portfolio--stat {
    display: flex;
    gap: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857em;
    min-width: calc(50% - 8px);
}

.portfolio--stat-icon {
    height: 16px;
    width: auto;
}

.portfolio--stat-icon img {
    height: 16px;
    width: auto;
}

.portfolio--stat-description {
    margin-bottom: 0;
}

.portfolio--copy {
    max-width: 580px;
    margin: 0 auto 45px;
}

@media (min-width: 992px) {
    .count-1-mod .portfolio--item {
        max-width: 930px;
        margin: 0 auto;
    }

    .count-1-mod .portfolio--image {
        max-width: 100%;
    }

    .count-1-mod .portfolio--image img {
        position: static;
        width: 100%;
        height: auto;
    }

    .count-1-mod .portfolio--image:after {
        content: none;
    }

   .count-1-mod .portfolio--content-wrap {
        display: flex;
        gap: 30px;
    }

    .count-1-mod .portfolio--copy,
    .count-1-mod .portfolio--content {
        width: 50%;
    }

    .portfolio--section:not(.count-1-mod) .portfolio--item {
        display: flex;
        column-gap: 60px;
        margin-bottom: 90px;
    }

    .portfolio--section:not(.count-1-mod) .portfolio--item:nth-child(even) {
        flex-direction: row-reverse;
    }

    .portfolio--section:not(.count-1-mod) .portfolio--content-wrap,
    .portfolio--section:not(.count-1-mod) .portfolio--image-wrap {
        width: 50%;
        max-width: none;
        margin: 0;
    }

    .portfolio--section:not(.count-1-mod) .portfolio--image {
        margin: 0;
    }

    .portfolio--section:not(.count-1-mod) .portfolio--content {
        max-width: 100%;
    }

    .portfolio--section:not(.count-1-mod) .portfolio--copy {
        max-width: 580px;
        margin: 0;
    }

    .portfolio--section:not(.count-1-mod) .portfolio--stats {
        max-width: 450px;
    }

}