/* GRID */
.jd-grid:is([data-type="client"],[data-type="project"]) {
    background-color: var(--jd-theme-globals-colors-c6);
    gap: 1px;
}

.jd-grid:is([data-type="client"],[data-type="project"]) .jd-grid-item {
    aspect-ratio: 21/9;
    background-color: var(--jd-theme-globals-colors-c1);;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
}

/* GRID: Project Meta */
.jd-grid:is([data-type="client"],[data-type="project"]) .jd-grid-item .jd-meta .jd-meta-item[data-field="tags"] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.jd-grid:is([data-type="client"],[data-type="project"]) .jd-grid-item .jd-meta .jd-meta-item[data-field="tags"] .jd-meta-subitem {
    font-weight: var(--jd-theme-globals-font-weight-semibold);
    color: var(--jd-theme-globals-colors-c6);
}


/* GRID [Client] */
.single-jd_client .jd-grid:is([data-type="project"]) {
    --n: 2;
}




/* PROJECT */
.single-project .jd-meta,
.single-project .jd-meta .jd-meta-item[data-field="credits"] .jd-meta-item-wrapper {
    display: grid;
}

.single-project .jd-meta {
    gap: calc( var(--jd-gap) * 2 ); 
}

.single-project .jd-meta .jd-meta-item {
    display: contents;
}

.single-project .jd-meta .jd-meta-item::before {
    content: attr( data-field );
    color: var(--jd-theme-globals-colors-c6);
    font-family: var(--jd-theme-globals-font-family-f1);
    font-size: var(--jd-theme-globals-font-size-h4);
    font-weight: var(--jd-theme-globals-font-weight-semibold);
    line-height: var(--jd-theme-globals-font-line-height-h4);
}

.single-project .jd-meta .jd-meta-item[data-label]::before {
    content: attr( data-label );    
}


.single-project .jd-meta .jd-meta-item[data-field="credits"] .jd-meta-item-wrapper {
    --n: 1;
    grid-template-columns: repeat(var(--n), auto);
    gap: var(--jd-gap);
}

.single-project .jd-meta .jd-meta-item[data-field="client"] a,
.single-project .jd-meta .jd-meta-item[data-field="credits"] .jd-meta-item-wrapper p::first-line {
    color: var(--jd-theme-globals-colors-c6);
    font-weight: var(--jd-theme-globals-font-weight-semibold);
}

@media all and (min-width: 768px) { 

    .single-project .jd-meta {
        grid-template-columns: min-content auto;  
    }

    .single-project .jd-meta .jd-meta-item[data-field="credits"] .jd-meta-item-wrapper {
        --n: 2;
        gap: var(--jd-gap) calc( 2 * var(--jd-gap) );
    }

}


@media all and (min-width: 981px) {

    .single-project .jd-meta .jd-meta-item {
        /*--n: 2;*/
        gap:calc( var(--jd-gap) * 4 );
        grid-template-columns: min-content auto;
    }

    .single-project .jd-meta .jd-meta-item[data-field="credits"] .jd-meta-item-wrapper {
        --n: 3;
    }

}




/* BREADCRUMBS */
.p-breadcrumbs .p-breadcrumbs-group .p-breadcrumb:not(:last-child)::after {
    content: '/';
    padding: 0 10px;
}

rs-module .p-breadcrumbs .p-breadcrumbs-group .p-breadcrumb,
rs-module .p-breadcrumbs .p-breadcrumbs-group .p-breadcrumb.has-link > a {
    color: inherit !important;
    font-weight: var(--jd-theme-globals-font-weight-medium) !important;
    letter-spacing: 2px !important;
    font-size: var(--jd-theme-globals-font-size-xsmall) !important;
    line-height: var(--jd-theme-globals-font-line-height-xsmall) !important;    
}



/* RS MODULE */
rs-module #jd-banner-title-breadcrumbs {
    max-width: 1080px;
    width: 80% !important;
}