@media (max-width:768px){.media-card{min-height:44px}.media-grid{-webkit-overflow-scrolling:touch}.media-grid .group:hover{transform:none}.media-grid .group:active .media-card{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.media-card{transition:none}}}.media-grid{grid-template-rows:masonry}.media-card-enhanced{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0) 50%);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.media-poster-loading{background:linear-gradient(-45deg,#f3f4f6,#e5e7eb,#f3f4f6,#e5e7eb);background-size:400% 400%;animation:gradient-shift 2s ease infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.media-poster{background:linear-gradient(45deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 200%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% -200%}to{background-position:200% 200%}}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.media-card .group:hover .media-poster{transform:scale(1.05)}.media-card{flex-direction:column}.media-card,.media-poster{width:100%;height:auto;display:flex}.media-poster{aspect-ratio:2/3;flex:1;align-items:center;justify-content:center}@media (max-width:640px){.media-grid{grid-template-columns:repeat(2,1fr)}.media-card{width:100%;min-height:0}}@media (min-width:641px) and (max-width:768px){.media-grid{grid-template-columns:repeat(3,1fr)}.media-card{width:100%;min-height:0}.media-poster{width:100%;height:auto}}@media (min-width:769px) and (max-width:1024px){.media-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1025px){.media-grid{grid-template-columns:repeat(5,1fr)}}.media-card,.media-poster{aspect-ratio:2/3!important}.media-poster{position:relative}.media-poster img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.media-card,.media-poster{box-sizing:border-box;max-width:100%}.media-poster{overflow:hidden}.media-grid{display:grid;gap:1rem;width:100%}@media (hover:none) and (pointer:coarse){.media-card .group:active .media-poster{transform:scale(1.02)}.media-card .group:active .absolute.inset-0{opacity:1!important}}@media (max-width:768px){.media-card{touch-action:manipulation}.media-card:active{transform:scale(.98)}.media-card .group:active .absolute.inset-0{opacity:1!important;transition:opacity .2s ease}.media-card .backdrop-blur-sm{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.3)}@supports (backdrop-filter:blur(8px)){.media-card .backdrop-blur-sm{backdrop-filter:blur(8px);background:rgba(0,0,0,.2)}}@supports not (backdrop-filter:blur(8px)){.media-card .backdrop-blur-sm{background:rgba(0,0,0,.7)}}.media-card:hover .backdrop-blur-sm{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.media-card a{text-decoration:none}.media-card a:hover{text-decoration:underline}.focus-visible:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}.scroll-indicator{position:sticky;top:0;z-index:10;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);height:2px;transform:scaleX(0);transform-origin:left;animation:scroll-progress linear;animation-timeline:scroll()}@media (hover:hover){.hover-lift:hover{transform:translateY(-2px)}}@media (hover:none) and (pointer:coarse){.touch-feedback:active{transform:scale(.98);opacity:.8}}