/* Search results, Boards and Sections share one content-grid geometry. */
:is(.discovery-masonry, .inventory-masonry) {
    --masonry-width: 160;
    --masonry-columns: 7;
    --masonry-gap: 16;
    --masonry-row-gap: 12;
    position: relative;
    display: block;
    columns: auto;
    min-width: 0;
}
:is(.discovery-masonry, .inventory-masonry) > :is(.pin, [data-item]) { position: absolute; margin: 0; min-width: 0; break-inside: auto; }
@media (min-width: 2000px) { :is(.discovery-masonry, .inventory-masonry) { --masonry-width: 180; --masonry-columns: 10; } }
@media (max-width: 760px) { :is(.discovery-masonry, .inventory-masonry) { --masonry-width: 140; --masonry-columns: 3; --masonry-gap: 12; } }
@media (max-width: 450px) { :is(.discovery-masonry, .inventory-masonry) { --masonry-width: 100; --masonry-columns: 2; --masonry-gap: 10; } }

/* Masonry measures the metadata box, never the loaded image's intrinsic size.
   Fading or releasing offscreen pixels cannot repack the surrounding columns. */
.pin-open > .asset-frame { aspect-ratio: 1; max-height: 420px; }
.pin-open > .asset-frame > .asset-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
}