.sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-auto-rows:200px;grid-gap:1px;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:34px}.tile{position:relative;overflow:hidden;background:var(--paper-2);cursor:pointer}.tile>.fill,.tile>img,.tile>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.tile.tall{grid-row:span 2}.tile.big,.tile.wide{grid-column:span 2}.tile.big{grid-row:span 2}.tile .ov{position:absolute;inset:0;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(180deg,transparent 45%,rgba(13,10,7,.72));opacity:0;transition:opacity .18s ease}.tile:hover .ov{opacity:1}.tile .badge{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;color:var(--paper);background:rgba(13,10,7,.55);border:1px solid rgba(241,230,208,.35);padding:6px 9px;line-height:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tile .badge .dot{color:var(--scarlet)}.tile .tag{position:absolute;top:10px;right:10px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600;color:var(--paper);background:rgba(13,10,7,.5);border:1px solid rgba(241,230,208,.25);padding:4px 7px;line-height:1;opacity:0;transition:opacity .18s ease}.tile:hover .tag{opacity:1}@media (max-width:860px){.sheet{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.tile.big,.tile.wide{grid-column:span 2}.tile.big{grid-row:span 2}}