.lb-media-grid{display:grid;width:100%}.lb-media-grid--gap-sm{gap:var(--lb-spacing-sm)}.lb-media-grid--gap-md{gap:var(--lb-spacing-md)}.lb-media-grid--gap-lg{gap:var(--lb-spacing-lg)}.lb-media-grid--cols-mobile-1{grid-template-columns:repeat(1,1fr)}.lb-media-grid--cols-mobile-2{grid-template-columns:repeat(2,1fr)}.lb-media-grid--cols-mobile-3{grid-template-columns:repeat(3,1fr)}@media (min-width:768px){.lb-media-grid--cols-tablet-2{grid-template-columns:repeat(2,1fr)}.lb-media-grid--cols-tablet-3{grid-template-columns:repeat(3,1fr)}.lb-media-grid--cols-tablet-4{grid-template-columns:repeat(4,1fr)}.lb-media-grid--cols-tablet-5{grid-template-columns:repeat(5,1fr)}}@media (min-width:1024px){.lb-media-grid--cols-desktop-3{grid-template-columns:repeat(3,1fr)}.lb-media-grid--cols-desktop-4{grid-template-columns:repeat(4,1fr)}.lb-media-grid--cols-desktop-5{grid-template-columns:repeat(5,1fr)}.lb-media-grid--cols-desktop-6{grid-template-columns:repeat(6,1fr)}}.lb-media-grid__item{position:relative;overflow:hidden;border-radius:var(--lb-radius-md);background-color:var(--lb-bg-secondary);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.lb-media-grid__item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.lb-media-grid__item:focus-visible{outline:2px solid var(--lb-brand-primary);outline-offset:2px}.lb-media-grid__item:active{transform:translateY(0)}.lb-media-grid--aspect-square .lb-media-grid__item{aspect-ratio:1/1}.lb-media-grid--aspect-landscape .lb-media-grid__item{aspect-ratio:16/9}.lb-media-grid--aspect-portrait .lb-media-grid__item{aspect-ratio:3/4}.lb-media-grid__media{position:relative;width:100%;height:100%}.lb-media-grid__media img{width:100%;height:100%;object-fit:cover;display:block}.lb-media-grid__video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.4));transition:background .2s ease}.lb-media-grid__item:hover .lb-media-grid__video-overlay{background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.2) 50%,rgba(0,0,0,.6))}.lb-media-grid__play-button{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background-color:rgba(0,0,0,.7);color:#fff;transition:transform .2s ease,background-color .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.lb-media-grid__item:hover .lb-media-grid__play-button{transform:scale(1.1);background-color:rgba(0,0,0,.85)}.lb-media-grid__duration{position:absolute;bottom:var(--lb-spacing-sm);right:var(--lb-spacing-sm);padding:var(--lb-spacing-xs) var(--lb-spacing-sm);background-color:rgba(0,0,0,.8);color:#fff;font-size:var(--lb-text-size-xs);font-weight:600;border-radius:var(--lb-radius-sm);line-height:1}.lb-media-grid--loading .lb-media-grid__item{cursor:default;pointer-events:none}.lb-media-grid__item--skeleton{background-color:var(--lb-bg-secondary)}.lb-media-grid__skeleton{width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.lb-media-grid__item{transition:none}.lb-media-grid__item:hover{transform:none}.lb-media-grid__play-button,.lb-media-grid__video-overlay{transition:none}.lb-media-grid__item:hover .lb-media-grid__play-button{transform:none}.lb-media-grid__skeleton{animation:none;background:hsla(0,0%,100%,.05)}}@media (min-width:768px){.lb-media-grid__play-button{width:4rem;height:4rem}.lb-media-grid__duration{font-size:var(--lb-text-size-sm)}}