/* Deutsche & Japaner–style open wall for the 'All' mosaic mode (preview) */
body.dj .grid[data-view="all"]{width:var(--djw,100vw);margin-left:var(--djl,0);margin-right:0;padding:0;gap:0;grid-template-columns:repeat(4,1fr);max-width:none}
@media (max-width:1100px){body.dj .grid[data-view="all"]{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){body.dj .grid[data-view="all"]{grid-template-columns:repeat(2,1fr)}}
body.dj .grid[data-view="all"] .tile{aspect-ratio:auto;height:auto;margin:0;border:0;border-radius:0;padding:0;display:flex;flex-direction:column;background:#0b0b0b;overflow:hidden}
body.dj .grid[data-view="all"] .tile__media{position:relative;inset:auto;aspect-ratio:3/2;width:100%;height:auto;bottom:auto}
body.dj .grid[data-view="all"] .tile__media img,body.dj .grid[data-view="all"] .tile__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;transition:filter .35s ease,opacity .3s;filter:brightness(.92)}
body.dj .grid[data-view="all"] .tile:hover .tile__media img,body.dj .grid[data-view="all"] .tile:hover .tile__media video,body.dj .grid[data-view="all"] .tile:focus-visible .tile__media img,body.dj .grid[data-view="all"] .tile:focus-visible .tile__media video{filter:brightness(1.08);opacity:1}
body.dj .grid[data-view="all"] .tile__title{position:static;height:auto;line-height:1.2;padding:9px 12px 10px!important;background:#0b0b0b;color:#9a9a9a;font:300 12px/1.2 "OMEN Thin","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.01em;text-align:left}
body.dj .grid[data-view="all"] .tile:hover .tile__title{color:#fff}
body.dj .hdr{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0))}
body.dj .grid[data-view="all"].dj-open .tile{animation:djIn .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(min(var(--k,0),24) * 22ms)}
@keyframes djIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){body.dj .grid[data-view="all"].dj-open .tile{animation:none}body.dj .grid[data-view="all"] .tile__media img,body.dj .grid[data-view="all"] .tile__media video{transition:none}}
body.dj .grid[data-view="all"] .tile__media .dj-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;z-index:1;transition:opacity .25s,filter .35s;filter:brightness(.92)}
body.dj .grid[data-view="all"] .tile:hover .dj-still{filter:brightness(1.08)}
body.dj .grid[data-view="all"] .tile.dj-play .dj-still{opacity:0}