@layer components {
    .min-project-facts {
        padding: clamp(2rem, 5vw, 4rem) 0;
    }

    .min-project-facts__container {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) minmax(16rem, .7fr);
        gap: clamp(1.5rem, 4vw, 4rem);
        align-items: start;
    }

    .min-project-facts__row {
        display: grid;
        grid-template-columns: minmax(8rem, 1fr) minmax(0, 1.25fr);
        gap: 1rem;
    }

    .min-project-facts__divider {
        display: block;
        height: 1px;
        margin: .75rem 0;
        background: currentColor;
        opacity: .2;
    }

    .min-project-facts__row--emphasis {
        font-weight: 700;
    }

    .min-project-facts--project-panel {
        color: #fff;
        background: #1c1e21;
    }

    .min-project-facts__icon svg {
        width: 2.5rem;
        height: 2.5rem;
    }

    @media (max-width: 767px) {
        .min-project-facts__container {
            grid-template-columns: 1fr;
        }
    }
}