.archive{background:var(--background);width:100%;position:relative}.archive-stage{background:var(--background);width:100%;height:100svh;position:relative;overflow:hidden}.archive-title{z-index:2;--title-size:clamp(4rem, 16.6vw, 20rem);text-align:center;pointer-events:none;will-change:opacity, transform, filter;width:max-content;max-width:94vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.archive-title-head{font-family:var(--f-h);font-size:var(--title-size);color:#fff;margin:0;font-weight:400;line-height:1}.archive-title-line{white-space:nowrap;letter-spacing:.01em;line-height:1;display:inline-block}.archive-title-sub{margin:calc(var(--title-size) * -.07) auto 0;font-family:var(--f-nm);color:#9a9898;text-align:center;white-space:nowrap;font-size:clamp(1rem,2.1vw,2.5rem);font-weight:400;line-height:1.3}.archive-grain{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.archive-plane{-webkit-mask-composite:source-in;z-index:4;touch-action:pan-y;cursor:grab;margin:0;padding:0;list-style:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 11% 89%,#0000 100%),linear-gradient(#0000 0,#000 13% 87%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 11% 89%,#0000 100%),linear-gradient(#0000 0,#000 13% 87%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.archive-plane.is-dragging{cursor:grabbing}.archive-card{top:var(--y);left:var(--x);width:clamp(9rem,4rem + 15vw,20rem);transform:translate(var(--pan-x,0px), var(--pan-y,0px)) translate(-50%, -50%) scale(calc((.6 + var(--depth) * .4) * var(--in,1)));will-change:transform, opacity;margin:0;position:absolute}.archive-card-link{filter:blur(calc((1 - var(--depth)) * 1.6px));opacity:calc(.55 + var(--depth) * .45);-webkit-user-drag:none;transition:filter .5s,opacity .5s,transform .5s cubic-bezier(.22,1,.36,1);display:block}.archive-card-link:hover,.archive-card-link:focus-visible{filter:blur();opacity:1;transform:scale(1.05)}.archive-card-link:focus-visible{outline:1px solid var(--Red-3,#da4d4d);outline-offset:8px}.archive-card-media{aspect-ratio:4/3;background:#141414;border-radius:3px;display:block;overflow:hidden}.archive-card-media img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.archive-card-meta{justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:.6rem;display:flex}.archive-card-name{font-family:var(--f-nm);color:var(--Gray-White,#fff);font-size:clamp(.875rem,.75rem + .45vw,1.125rem);font-weight:500}.archive-card-cat{font-family:var(--f-dm);letter-spacing:.06em;text-transform:uppercase;color:var(--Red-3,#da4d4d);text-align:right;font-size:clamp(.6rem,.55rem + .15vw,.72rem)}@media (max-width:900px){.archive-title{--title-size:clamp(3rem, 17.4vw, 10rem)}.archive-title-head{text-transform:uppercase}.archive-title-sub{white-space:normal;margin-top:8px;font-size:1rem}.archive-card{top:var(--my,var(--y));left:var(--mx,var(--x));width:clamp(7.5rem,34vw,12rem)}.archive-card-link{filter:none}.archive-card-meta{flex-direction:column;align-items:flex-start;gap:.3rem}.archive-card-cat{text-align:left}}@media (prefers-reduced-motion:reduce){.archive-card-link{transition:opacity .2s}.archive-card-link:hover,.archive-card-link:focus-visible{transform:none}}