.ce_portfoliogrid [hidden] { display: none !important; }

.ce_portfoliogrid__item.ce_banner--reveal-enter { animation-duration: 600ms; }

.ce_portfoliogrid__layout {
    display: grid;
    gap: var(--spacing-lg);
    min-width: 0;
}

.ce_portfoliogrid__filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

.ce_portfoliogrid__filter {
    border: 1px solid var(--color-border-card);
    background: var(--color-surface-card);
    color: var(--color-text-dark);
    text-align: left;
    white-space: normal;
}

.ce_portfoliogrid__filter[aria-pressed="true"] {
    background: var(--color-secondary);
}

.ce_portfoliogrid__summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--spacing-xs) var(--spacing-md);
    padding-bottom: calc(2 * var(--spacing-xs));
    border-bottom: 1px solid var(--color-border-card);
    color: var(--color-text-dark);
    font-size: var(--font-size-description);
}

.ce_portfoliogrid__cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacing-md);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ce_portfoliogrid__item { display: flex; min-width: 0; }

.ce_portfoliogrid__card {
    overflow: hidden;
    padding: calc(1.5 * var(--spacing-xs));
    border: 1px solid var(--color-border-card);
    border-radius: var(--radius-card);
    background: var(--color-surface-card);
}

.ce_portfoliogrid__media { aspect-ratio: 16 / 9; }

.ce_portfoliogrid .ce_portfolioslider__industry {
    color: var(--color-primary);
}

.ce_portfoliogrid__copy {
    padding: calc(2 * var(--spacing-xs)) calc(1.5 * var(--spacing-xs)) calc(2.5 * var(--spacing-xs));
}

@media (min-width: 701px) {
    .ce_portfoliogrid__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
    .ce_portfoliogrid__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}