/* Mobile: one feature + four tiles forms complete two-column groups.
   An orphan final tile expands naturally; record ordering is preserved. */
@media (min-width: 361px) and (max-width: 640px) {
    #gallery-grid:not([data-view="grid"]) .gallery-card {
        grid-column: span 1;
        grid-row: span 1;
    }
    #gallery-grid:not([data-view="grid"]) .gallery-card:nth-child(5n + 1) {
        grid-column: span 2;
    }
    #gallery-grid:not([data-view="grid"]) .gallery-card:last-child:nth-child(5n + 2),
    #gallery-grid:not([data-view="grid"]) .gallery-card:last-child:nth-child(5n + 4) {
        grid-column: span 2;
    }
    #gallery-grid[data-view="grid"] .gallery-card:last-child:nth-child(odd) {
        grid-column: span 2;
    }
    #gallery-grid .gallery-card .gallery-copy {
        padding: 15px;
    }
    #gallery-grid .gallery-card .gallery-copy h3 {
        font-size: 14px;
    }
    #gallery-grid:not([data-view="grid"]) .gallery-card:nth-child(5n + 1) .gallery-copy h3,
    #gallery-grid:not([data-view="grid"]) .gallery-card:last-child:nth-child(5n + 2) .gallery-copy h3,
    #gallery-grid:not([data-view="grid"]) .gallery-card:last-child:nth-child(5n + 4) .gallery-copy h3 {
        font-size: 23px;
    }
}
@media (max-width: 640px) {
    #gallery-grid .gallery-copy > div {
        min-width: 0;
    }
    #gallery-grid .gallery-copy h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    #gallery-grid .gallery-copy p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}