:is(html:has(.archive-page),body:has(.archive-page)){overscroll-behavior:none;overflow:hidden!important}.archive-page,.archive-page *{scrollbar-width:none;-ms-overflow-style:none}.archive-page::-webkit-scrollbar{display:none}.archive-page ::-webkit-scrollbar{display:none}:root{--tile-w:240px;--tile-aspect:1.5;--tile-h:calc(var(--tile-w)*var(--tile-aspect));--tile-radius:16px;--grid-gap-x:16px;--grid-gap-y:16px;--page-padding:48px;--nav-height:56px;--hover-scale:1.02;--hover-duration:.2s;--sheet-duration:.6s;--sheet-easing:cubic-bezier(.2,.8,.2,1);--friction:.975;--min-velocity:.05;--velocity-scale:1.2;--velocity-smoothing:.8}.archive-nav-wrapper{z-index:100;pointer-events:none;position:fixed;top:0;left:0;right:0}.archive-nav-wrapper>*{pointer-events:auto}.archive-page{top:0;left:0;right:0;bottom:calc(-1*env(safe-area-inset-bottom,34px));height:calc(100vh + env(safe-area-inset-bottom,34px));background:var(--background);isolation:isolate;position:fixed;overflow:hidden}.infinite-grid{top:0;left:0;right:0;bottom:calc(-1*env(safe-area-inset-bottom,34px));height:calc(100vh + env(safe-area-inset-bottom,34px));touch-action:none;-webkit-user-select:none;user-select:none;backface-visibility:hidden;position:fixed;overflow:hidden;transform:translateZ(0)}.infinite-grid--dragging{cursor:grabbing}.infinite-grid:not(.infinite-grid--dragging){cursor:grab}.infinite-grid--scrolling *,.infinite-grid--dragging *{transition:none!important}.infinite-grid--dragging .tile-button{pointer-events:none}.grid-inner{position:absolute;transform:translateZ(0)}.grid-tile{width:var(--tile-w);height:var(--tile-h);backface-visibility:hidden;will-change:transform;position:absolute;top:0;left:0;transform:translateZ(0)}.tile-button{border-radius:var(--tile-radius);cursor:pointer;text-align:left;backface-visibility:hidden;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0;position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.infinite-grid:not(.infinite-grid--dragging):not(.infinite-grid--scrolling) .tile-button{transition:transform var(--hover-duration)ease-out}.infinite-grid:not(.infinite-grid--dragging):not(.infinite-grid--scrolling) .tile-button:hover{transform:scale(var(--hover-scale))}.tile-button:focus-visible{outline-offset:2px;outline:2px solid #000}.tile-image{object-fit:cover;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.infinite-grid:not(.infinite-grid--dragging):not(.infinite-grid--scrolling) .tile-image{transition:transform .5s ease-out}.infinite-grid:not(.infinite-grid--dragging):not(.infinite-grid--scrolling) .tile-button:hover .tile-image{transform:scale(1.05)}.tile-overlay{opacity:0;transition:opacity var(--hover-duration)ease-out;background:linear-gradient(#0000 50%,#0009 100%);position:absolute;inset:0}.tile-button:hover .tile-overlay{opacity:1}.tile-content{opacity:0;transition:opacity var(--hover-duration)ease-out,transform var(--hover-duration)ease-out;flex-direction:column;justify-content:flex-end;padding:16px;display:flex;position:absolute;inset:0;transform:translateY(8px)}.tile-button:hover .tile-content{opacity:1;transform:translateY(0)}.tile-label{text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-bottom:4px;font-size:10px;font-weight:400}.tile-title{color:#fff;font-size:13px;font-weight:400;line-height:1.3}.archive-nav{z-index:40;height:var(--nav-height);padding:0 var(--page-padding);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.archive-nav a{color:#999;font-size:14px;text-decoration:none;transition:color .15s}.archive-nav a:hover{color:#000}.archive-nav .active{color:#000;font-weight:400}
