/**
 * Works / portfolio — project title refinements
 */

.mxd-projects-masonry .mxd-project-item__promo.masonry-promo {
    padding: 0;
    margin-top: 1.4rem;
}

.mxd-projects-masonry .mxd-project-item__name {
    margin: 0;
}

.mxd-projects-masonry .mxd-project-item__name a {
    display: block;
    width: fit-content;
    max-width: 100%;
    font: normal var(--fw-medium) clamp(1.7rem, 1.2vw + 1rem, 2.2rem) / 1.3 var(--_font-accent);
    letter-spacing: -0.025em;
    color: var(--t-bright);
    text-decoration: none;
    /* Kill theme gradient underline that stretched past the title */
    background: none;
    background-size: auto;
    transition: color 0.25s ease, opacity 0.25s ease;
}

.no-touch .mxd-projects-masonry .mxd-project-item__name a:hover {
    color: var(--accent);
    background: none;
    background-size: auto;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .mxd-projects-masonry .mxd-project-item__promo.masonry-promo {
        margin-top: 1.6rem;
    }
}

@media only screen and (min-width: 1200px) {
    .mxd-projects-masonry .mxd-project-item__promo.masonry-promo {
        margin-top: 1.8rem;
    }

    .mxd-projects-masonry .mxd-project-item__name a {
        font-size: 2.2rem;
        line-height: 1.25;
    }
}