.view-controls{opacity:0;transform:translateY(20px);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:fixed;z-index:999;bottom:0;width:100%;font-family:ABC Favorit Mono,sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;color:var(--primary-text)}.view-controls button{background:none;border:none;color:var(--primary-text);cursor:pointer;padding:.5rem;margin:0 1rem}.view-controls button:disabled{color:var(--secondary-text);cursor:none}.archive-cell{opacity:0}.archive-filters{display:flex;gap:2.5rem;justify-content:center;position:relative;margin-top:8rem;margin-left:2rem}.archive-filters button{background:none;border:none;color:var(--secondary-text);cursor:pointer;text-transform:capitalize!important}.archive-filters button.active{color:var(--primary-text)}.archive-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;gap:1rem;margin-top:20px}.archive-cell{position:relative;cursor:pointer;margin:0 auto;padding:1rem;display:flex;flex-direction:column}.archive-cell img,.archive-cell video{width:100%;max-width:800px;height:auto;display:block;object-fit:cover}.archive-cell .info{display:flex;flex-direction:row;justify-content:space-between}.archive-cell .cell-title{color:var(--primary-text)}.archive-cell .cell-title,.archive-cell .cell-year{position:static;font-family:ABC Favorit Mono,sans-serif;font-size:15px;font-weight:400;text-transform:uppercase;padding-top:1rem;border-radius:2px}.archive-cell .cell-year{color:var(--secondary-text)}.archive-modal{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1000}.archive-modal figure{position:relative;margin:0;display:flex;flex-direction:column}.archive-modal img,.archive-modal video{width:100%;max-width:1000px;height:auto}.archive-modal .nav-zone{position:absolute;top:0;bottom:0;width:50%;cursor:pointer}.archive-modal .prev-zone{left:0;cursor:w-resize}.archive-modal .next-zone{right:0;cursor:e-resize}.archive-modal .modal-instructions{position:absolute;bottom:0;left:0;margin-left:40px;padding-right:80px;height:100px;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100vw;margin-top:2rem;color:var(--secondary-text);font-family:ABC Favorit Mono;font-size:12px;text-transform:uppercase}.archive-modal .modal-instructions button,.archive-modal .modal-instructions span{flex:0 0 auto}.archive-modal .modal-instructions .close-btn{display:flex;flex-direction:column}.archive-modal .modal-instructions .close-btn:hover{background:var(--secondary-text)}.archive-modal .modal-instructions .close-btn .close-key{font-size:10px;margin-top:-5px}.archive-modal .modal-instructions button{background-color:var(--primary-text);border:none;font-family:ABC Favorit Mono,sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;color:var(--background);z-index:1001;cursor:pointer;width:100px;height:40px;border-radius:10px}.archive-modal figcaption{position:static;margin-top:1rem}.archive-modal figcaption,.archive-modal figcaption h2{font-family:ABC Favorit Mono,sans-serif;font-size:15px;font-weight:400;text-transform:uppercase;color:var(--primary-text)}@media(max-width:768px){.archive-filters{display:block}.archive-filters button{display:flex;margin-top:3px}.archive-grid{margin-left:15px}.archive-grid .archive-cell{padding-right:30px}.archive-grid .archive-cell .info .cell-title,.archive-grid .archive-cell .info .cell-year{font-size:10px}.archive-modal img,.archive-modal video{width:300px;height:auto}.archive-modal .modal-instructions{justify-content:center;gap:2.5rem}.archive-modal .modal-instructions span{font-size:10px}.archive-modal .modal-instructions .close-btn{width:70px;justify-content:center;padding-left:28px;padding-bottom:5px;margin-left:-10px}.archive-modal .modal-instructions .close-btn .close-key{margin-left:-8px}}