.media-grid{--media-grid-columns:12}.media-grid__container{display:flex;flex-direction:column;gap:var(--media-grid-header-gap);container-type:inline-size}.media-grid__header{display:flex;justify-content:var(--media-grid-header-alignment)}.media-grid__items{--media-grid-column-width:calc( (100cqw - ((var(--media-grid-columns) - 1) * var(--media-grid-gap))) / var(--media-grid-columns) );display:grid;gap:var(--media-grid-gap);grid-auto-flow:dense;grid-template-columns:repeat(var(--media-grid-columns),minmax(0,1fr));grid-auto-rows:var(--media-grid-custom-row-height, calc(var(--media-grid-column-width) * var(--media-grid-row-base-span) + (var(--media-grid-row-base-span) - 1) * var(--media-grid-gap)))}.media-grid__item{position:relative;overflow:hidden;min-height:0}.media-grid__item-content,.media-grid__item-link,.media-grid__item-media,.media-grid__item-overlay{position:absolute;inset:0}.media-grid__item-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1);transition:transform 800ms ease}.media-grid__item-placeholder{width:100%;height:100%;background:rgb(var(--color-foreground-rgb)/.05)}.media-grid__item-image--placeholder{width:100%;height:100%}.media-grid__item-overlay{background:var(--media-grid-item-overlay);opacity:var(--media-grid-item-overlay-opacity);pointer-events:none;z-index:var(--layer-flat)}.media-grid__item-link{z-index:var(--layer-flat)}.media-grid__item-link:focus-visible{outline:var(--focus-outline-width) solid var(--focus-keyboard-color);outline-offset:calc(var(--focus-outline-offset)*-1);padding:var(--focus-outline-offset)}.media-grid__item-content{display:flex;gap:var(--gap, var(--gap-xs));padding:var(--gap-lg);z-index:var(--layer-raised);pointer-events:none}.media-grid__item-content [role=button],.media-grid__item-content a,.media-grid__item-content button,.media-grid__item-content input,.media-grid__item-content select,.media-grid__item-content textarea{pointer-events:auto}@media (hover:hover){.media-grid__item:focus-within .media-grid__item-image,.media-grid__item:hover .media-grid__item-image{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.media-grid__item-image{transition:none}}@media screen and (max-width:749px){.media-grid__items{--media-grid-column-width:calc( (100cqw - ((var(--media-grid-columns) - 1) * var(--media-grid-gap-mobile))) / var(--media-grid-columns) );gap:var(--media-grid-gap-mobile);grid-template-columns:repeat(var(--media-grid-columns),minmax(0,1fr));grid-auto-rows:var(--media-grid-custom-row-height-mobile, calc(var(--media-grid-column-width) * var(--media-grid-row-base-span-mobile) + (var(--media-grid-row-base-span-mobile) - 1) * var(--media-grid-gap-mobile)))}.media-grid__item{grid-column:span var(--media-grid-item-column-span-mobile, 12)!important;grid-row:span var(--media-grid-item-row-span-mobile, 1)!important}}