@font-face{font-family:"EZ Condensed";src:url('assets/BebasNeue-Regular.ttf') format('truetype');font-display:block}
@media(min-width:701px){
  .lab.archive{grid-template-columns:34.15% 65.85%}
  .lab.archive>.archive-copy{padding:90px 36px 22px}
  .archive-copy h2{font-family:"EZ Condensed",Impact,sans-serif;font-size:76px;font-weight:400;line-height:.78;margin:18px 0 37px}
  .archive-copy a{left:36px}
  .archive-meta{bottom:17px;border-bottom:0}
  .archive-status{height:39px}
  .archive-grid{height:501px;grid-template-columns:31.5% 33.5% 35%;grid-template-rows:repeat(3,1fr);gap:1px;background:#555}
  .archive-status b{color:var(--ez-signal);font:400 5px var(--ez-body)!important}
  .object-cell{isolation:isolate;border:0!important;background:#111}
  .object-cell img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:center 62%;display:block;padding:0;transform:none!important}
  .object-cell:nth-child(1) img{object-position:center 64%}
  .object-cell:nth-child(2) img{object-position:center 60%}
  .object-cell:nth-child(3) img{object-position:center 62%}
  .object-cell:nth-child(4) img{object-position:center 62%}
  .object-cell:nth-child(5) img{object-position:center 62%}
  .object-cell:nth-child(6) img{object-position:center 50%}
  .object-cell:nth-child(7) img{object-position:center 64%}
  .archive-detail{border-bottom:0}
  .object-cell span{z-index:3;left:10px;top:8px;line-height:1.1;text-align:left;text-shadow:0 1px 5px #000}
  .object-cell::after{content:"MATERIAL  " attr(data-material);position:absolute;z-index:3;left:10px;right:8px;top:25px;color:#777;font:5px/1.2 var(--ez-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
  .object-cell::before{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;box-shadow:inset 0 0 0 0 var(--ez-signal)}
  .object-cell.active{outline:0!important}
  .object-cell.active::before{box-shadow:inset 0 0 0 2px var(--ez-signal)}
  .object-cell:focus-visible{outline:0}.object-cell:not(.active):focus-visible::before{box-shadow:inset 0 0 0 2px #fff}
  .object-cell.active:focus-visible::before{box-shadow:inset 0 0 0 2px var(--ez-signal)}
  .archive-detail h3{font-family:"EZ Condensed",Impact,sans-serif;font-size:27px;font-weight:400}.archive-detail>p{min-height:40px}
  .archive-detail dl{margin-top:12px;padding-top:10px}.archive-detail dt{margin-top:8px}.archive-detail dd{font-size:6px}
  .archive-detail .related{display:flex;gap:5px}.archive-detail .related button{width:22px;height:14px;padding:0;border:1px solid #555;background:transparent;color:#aaa;font:5px var(--ez-body)}
  .archive-meta{align-items:end}
}

@media(max-width:700px){
  .lab.archive,.archive-stage,.archive-grid{width:100%;max-width:100%;min-width:0}
  .archive-stage{overflow:hidden}
  .archive-status{gap:12px;font-size:5px;overflow:hidden}.archive-status>*{white-space:nowrap}
  .archive-grid{gap:1px;background:#555;grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}
  .object-cell{position:relative;isolation:isolate;overflow:hidden;min-width:0;height:240px;padding:0;border:0;background:#111;color:#eee;cursor:pointer}
  .object-cell img{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 60%}
  .object-cell span{position:absolute;z-index:3;left:10px;top:9px;font:6px/1.1 var(--ez-body);text-align:left;text-shadow:0 1px 5px #000}
  .object-cell span b{display:block;color:var(--ez-signal);margin-bottom:5px}
  .object-cell::after{content:"MATERIAL  " attr(data-material);position:absolute;z-index:3;left:10px;right:8px;top:27px;color:#999;font:5px/1.2 var(--ez-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
  .object-cell::before{content:"";position:absolute;z-index:4;inset:0;pointer-events:none}
  .object-cell.active{outline:0}.object-cell.active::before{box-shadow:inset 0 0 0 2px var(--ez-signal)}
  .object-cell:nth-child(6) img{object-position:center 50%}
  .archive-detail{grid-column:1;min-width:0;background:#151515}
}