.archive-page{--archive-overlay-duration:3s;--archive-intro-delay:.85s;--archive-hint-delay:calc(var(--archive-intro-delay) + var(--archive-overlay-duration) - .1s);isolation:isolate;z-index:10;background-color:#2f3136;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.archive-page img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.container{background-color:#2f3136;width:150vw;height:150vh;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.gallery{transform-origin:50%;will-change:transform;background-color:#2f3136;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4px;width:100%;height:100%;padding:4px;display:flex;position:relative}.img{transform-origin:50%;pointer-events:auto;opacity:0;width:calc(1.66667% - 3.93333px);text-decoration:none;display:block;overflow:hidden;transform:scale(0)}#drag-layer{touch-action:none;z-index:12;width:100%;height:100%;display:none;position:absolute;top:0;left:0}#drag-layer.active{cursor:grab}#drag-layer.active:active{cursor:grabbing}.archive-intro-text{z-index:20;pointer-events:none;mix-blend-mode:difference;opacity:0;animation:fadeIntro var(--archive-overlay-duration)ease-in-out forwards;animation-delay:var(--archive-intro-delay);justify-items:center;gap:.7rem;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.archive-intro-title{color:#fff;font-family:var(--font-nm),sans-serif;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:clamp(2rem,6vw,5.2rem);font-weight:600;line-height:1}.archive-intro-subtitle{color:#fff;font-family:var(--font-dm-mono),monospace;letter-spacing:.34em;text-transform:uppercase;margin:0;font-size:clamp(.72rem,1.2vw,1rem);font-weight:400;line-height:1}.archive-drag-hint{z-index:20;pointer-events:none;mix-blend-mode:difference;animation:fadeHint var(--archive-overlay-duration)ease-in-out forwards;animation-delay:var(--archive-hint-delay);opacity:0;justify-items:center;gap:.45rem;display:grid;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.archive-drag-hint-icon{color:#fff;opacity:.85;width:4rem;height:1.5rem}.archive-drag-hint-icon svg{width:100%;height:100%;display:block}.drag-track{opacity:.45}.drag-handle{animation:1.7s ease-in-out infinite dragHandleX}.drag-arrow-left{animation:1.7s ease-in-out infinite dragArrowLeft}.drag-arrow-right{animation:1.7s ease-in-out infinite dragArrowRight}.archive-drag-hint p{color:#fff;opacity:.92;text-transform:uppercase;letter-spacing:.3em;margin:0;font-size:clamp(.95rem,1.2vw,1.08rem)}@keyframes fadeIntro{0%{opacity:0;transform:translate(-50%,-46%)}18%{opacity:1;transform:translate(-50%,-50%)}78%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-55%)}}@keyframes fadeHint{0%{opacity:0;transform:translate(-50%)translateY(10px)}20%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)}}@keyframes dragHandleX{0%{transform:translate(0)}22%{transform:translate(-16px)}50%{transform:translate(0)}78%{transform:translate(16px)}to{transform:translate(0)}}@keyframes dragArrowLeft{0%,to{opacity:.5}22%{opacity:1}50%{opacity:.5}}@keyframes dragArrowRight{0%,to{opacity:.5}78%{opacity:1}50%{opacity:.5}}@media (max-width:1000px){.container{width:200vw;height:200vh}.gallery{gap:3px;padding:3px}}@media (max-width:480px){.container{width:180vw;height:180vh}.gallery{gap:2px;padding:2px}.archive-intro-title{white-space:normal;text-align:center;padding:0 1rem}.archive-intro-subtitle{letter-spacing:.28em}}.archive-zoom-controls{z-index:30;pointer-events:auto;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.archive-zoom-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#2f3136d9;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;line-height:1;transition:background .2s,border-color .2s;display:flex}.archive-zoom-button:hover{background:#ffffff26;border-color:#ffffff73}.archive-zoom-button:active{transform:scale(.92)}@media (max-width:1000px){.archive-zoom-button{width:52px;height:52px;font-size:1.6rem}.archive-zoom-controls{bottom:1.25rem;right:1.25rem}}@media (max-width:480px){.archive-zoom-button{width:56px;height:56px;font-size:1.75rem}.archive-zoom-controls{gap:.6rem;bottom:1rem;right:1rem}}