.archive-page{width:100%;min-height:100vh;padding:100px 10px;position:relative;overflow-x:hidden}.archive-grid{grid-template-columns:repeat(13,1fr);gap:85px 10px;display:grid}.archive-item{grid-column:span 1}.archive-item:nth-child(7n+1){grid-column:1}.archive-item:nth-child(7n+2){grid-column:3}.archive-item:nth-child(7n+3){grid-column:5}.archive-item:nth-child(7n+4){grid-column:7}.archive-item:nth-child(7n+5){grid-column:9}.archive-item:nth-child(7n+6){grid-column:11}.archive-item:nth-child(7n+7){grid-column:13}.archive-image-wrap{will-change:clip-path;clip-path:inset(100% 0% 0%);width:100%;height:100%;animation:.8s cubic-bezier(.22,1,.36,1) forwards archive-image-reveal;overflow:hidden}.archive-image{object-fit:cover;cursor:pointer;width:100%;height:110px;display:block}.archive-title{opacity:0;margin-top:6px;font-family:Helvetica,sans-serif;font-size:12px;font-weight:700;line-height:1;animation:.6s cubic-bezier(.22,1,.36,1) .18s forwards archive-title-reveal;transform:translateY(24px)}@keyframes archive-image-reveal{0%{clip-path:inset(100% 0% 0%)}to{clip-path:inset(0%)}}@keyframes archive-title-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.archive-filter{will-change:transform, opacity;z-index:3000;opacity:1;visibility:visible;gap:2px;font-size:12px;line-height:1;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.archive-overlay{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background:#ffffffb3;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.archive-overlay-open{opacity:1;visibility:visible;pointer-events:auto}.archive-overlay-content{flex-direction:column;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex}.archive-overlay-image{object-fit:contain;width:auto;max-width:80vw;height:auto;max-height:80vh;display:block}.archive-overlay-title{color:#111;margin-top:8px;font-family:Helvetica,sans-serif;font-size:12px;font-weight:700;line-height:1}@media (max-width:768px){.archive-page{width:100%;padding:50px 10px 120px}.archive-grid{grid-template-columns:repeat(2,1fr);gap:85px 80px}.archive-item,.archive-item:nth-child(7n+1),.archive-item:nth-child(7n+2),.archive-item:nth-child(7n+3),.archive-item:nth-child(7n+4),.archive-item:nth-child(7n+5),.archive-item:nth-child(7n+6),.archive-item:nth-child(7n+7){grid-column:auto}.archive-image{object-fit:cover;width:100%;height:150px}.archive-filter{bottom:10px;left:50%;transform:translate(-50%)}}