.lab{border:var(--hair) solid var(--line-ink);border-bottom:0;border-right:0;grid-template-columns:repeat(6,1fr);display:grid}.lab .lab-tile{text-align:left;border-right:var(--hair) solid var(--line-ink);border-bottom:var(--hair) solid var(--line-ink);background:var(--paper);width:100%;min-width:0;transition:background var(--dur-tactile) var(--ease-soft);flex-direction:column;grid-column:span 3;display:flex}@media (max-width:1000px){.lab{grid-template-columns:repeat(2,1fr)}.lab .lab-tile{grid-column:span 1}}@media (max-width:560px){.lab{grid-template-columns:1fr}}.lab .lab-shot{aspect-ratio:16/10;background:var(--paper-2);border-bottom:var(--hair) solid var(--line-ink);display:block;position:relative;overflow:hidden}@media (max-width:1000px){.lab .lab-shot{aspect-ratio:16/10}}.lab .lab-shot img{object-fit:cover;object-position:top center;width:100%;height:100%}.lab .lab-shot:after{content:"";background:var(--blue);opacity:0;transition:opacity var(--dur-tactile) var(--ease-soft);position:absolute;inset:0}.lab .lab-tile:hover .lab-shot:after,.lab .lab-tile:focus-visible .lab-shot:after{opacity:.9}.lab .lab-count{top:var(--s1);right:var(--s1);z-index:2;font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:var(--track-label);color:#fff;background:#111417e0;padding:4px 6px;line-height:1;position:absolute}.lab .lab-open{z-index:2;font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--on-blue);opacity:0;transition:opacity var(--dur-tactile) var(--ease-soft);place-items:center;display:grid;position:absolute;inset:0}.lab .lab-tile:hover .lab-open,.lab .lab-tile:focus-visible .lab-open{opacity:1}.lab .lab-open:before{content:"";background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:6px 6px;position:absolute;inset:10px}.lab .lab-meta{justify-content:space-between;align-items:baseline;gap:var(--s2);width:100%;padding:var(--s2) var(--s3);margin-top:auto;display:flex}.lab .lab-meta .t{font-family:var(--font-head);font-weight:600;font-size:var(--t-sm);color:var(--ink)}.lab .lab-meta .c{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-3);text-align:right}@media (prefers-reduced-motion:reduce){.lab .lab-shot:after,.lab .lab-open{transition-duration:1ms}}
