.meme-archive{background:radial-gradient(at 50% 35%,#191919 0,#050505 65%);padding-top:100px;padding-bottom:100px}.archive-header{z-index:2;padding-bottom:70px;position:relative}.archive-header h2{font-size:clamp(60px,8.5vw,138px);line-height:.96}.archive-header h2>span{display:block}.archive-header h2 em{font-size:.94em}.archive-header p{color:#aaa;max-width:300px;margin:30px 0 0 auto;font-size:15px;line-height:1.7}.archive-orbit{aspect-ratio:1;pointer-events:none;z-index:-1;border:1px solid #ffffff16;border-radius:50%;width:40%;position:absolute;top:-30%;right:8%;transform:rotateX(55deg)rotate(-20deg)}.archive-orbit:after{content:"";border:1px solid #ffffff12;border-radius:50%;position:absolute;inset:12%}.archive-composition{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;padding:35px 2% 80px;display:grid;position:relative}.archive-placement{perspective:1000px;position:relative}.archive-placement-0{--frame-angle:-3deg;z-index:2;grid-area:1/1/auto/9}.archive-placement-1{--frame-angle:6deg;z-index:3;grid-area:1/9/auto/13;margin-top:45%;margin-left:-10%}.archive-placement-2{--frame-angle:-5deg;z-index:3;grid-area:2/2/auto/6;margin-top:15%}.archive-placement-3{--frame-angle:3deg;z-index:2;grid-area:2/6/auto/13;margin-top:9%;margin-left:8%}.archive-placement-4{--frame-angle:-4deg;z-index:4;grid-area:3/3/auto/9;margin-top:-4%}.archive-placement:hover,.archive-placement:focus-within{z-index:8}.archive-artwork{color:#fff;width:100%;transform:perspective(1000px) rotateZ(var(--frame-angle)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));text-align:left;background:#101010;border:1px solid #fff5;padding:7px;transition:transform .35s,filter .35s,box-shadow .35s;display:block;position:relative;box-shadow:0 25px 60px #0009}.archive-artwork img{width:100%;height:auto;aspect-ratio:var(--art-ratio);object-fit:contain;filter:saturate(.8)brightness(.88);transition:filter .4s;display:block}.archive-explore{letter-spacing:.1em;opacity:0;background:#050505dc;border:1px solid #fff5;align-items:center;gap:12px;padding:10px 13px;font:10px Courier New,monospace;transition:opacity .25s,transform .25s;display:inline-flex;position:absolute;bottom:18px;right:18px;transform:translateY(8px)}.archive-artwork:focus-visible .archive-explore{opacity:1;transform:none}.archive-finale{text-align:right;border-bottom:1px solid #ffffff26;padding:20px 0 35px}.archive-finale h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(45px,6vw,96px);line-height:.98}.meme-lightbox{color:#eee;background:#050505f5;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px 4%;position:fixed;inset:0;overflow:hidden}.meme-lightbox[open]{grid-template-rows:auto minmax(0,1fr) auto;gap:15px;animation:.2s ease-out archive-open;display:grid}.meme-lightbox::backdrop{background:#050505ed}.meme-viewer-top,.meme-viewer-bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.meme-viewer-top>span{letter-spacing:-.04em;font-size:24px;font-weight:900}.meme-viewer-name{letter-spacing:.08em;margin-left:10px;font:10px Courier New,monospace}.meme-lightbox button{width:48px;height:48px;color:inherit;background:0 0;border:1px solid #ffffff40;place-items:center;transition:background .2s;display:grid}.meme-lightbox button:hover{background:#ffffff1a}.meme-lightbox button:disabled{opacity:.3}.meme-viewer-stage{touch-action:pan-y pinch-zoom;justify-content:center;align-items:center;min-height:0;display:flex}.meme-viewer-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;animation:.25s ease-out archive-image-in;display:block}.meme-viewer-bottom{justify-content:center;font:12px Courier New,monospace}.meme-viewer-bottom>span{text-align:center;min-width:75px}@media (hover:hover) and (pointer:fine){.archive-artwork:hover{transform:perspective(1000px) rotateZ(0deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.025);box-shadow:0 35px 80px #000c}.archive-artwork:hover img{filter:none}.archive-artwork:hover .archive-explore{opacity:1;transform:none}.archive-composition:has(.archive-artwork:hover) .archive-placement:not(:hover) .archive-artwork{filter:brightness(.68)}}@media (max-width:700px){.meme-archive{padding-top:60px;padding-bottom:60px}.archive-header{padding-bottom:35px}.archive-header h2{font-size:clamp(42px,11vw,76px)}.archive-header h2 em{font-size:1.18em;display:block}.archive-header p{max-width:260px;margin:25px 0 0;font-size:13px}.archive-composition{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px;padding:15px 2% 45px}.archive-placement-0{--frame-angle:-2deg;grid-area:auto/1/auto/3;margin:0}.archive-placement-1{--frame-angle:-3deg;grid-area:auto/1;margin:16% 0 0}.archive-placement-2{--frame-angle:3deg;grid-area:auto/2;margin:0}.archive-placement-3{--frame-angle:2deg;grid-area:auto/1/auto/3;margin:0 0 0 10%}.archive-placement-4{--frame-angle:-2deg;grid-area:auto/1/auto/3;margin:0 12% 0 0}.archive-artwork{padding:4px}.archive-artwork img{filter:none}.archive-explore{opacity:1;gap:5px;padding:7px;font-size:8px;bottom:10px;right:10px;transform:none}.archive-explore svg{width:14px;height:14px}.archive-finale{padding-top:15px}.archive-finale h3{font-size:10.5vw}.meme-lightbox{padding:max(12px, env(safe-area-inset-top)) 3% max(12px, env(safe-area-inset-bottom))}.meme-viewer-name{font-size:8px}}@media (prefers-reduced-motion:reduce){.archive-artwork,.archive-artwork:hover{transform:rotateZ(var(--frame-angle))}.meme-viewer-image,.meme-lightbox[open]{animation:none}}@keyframes archive-open{0%{opacity:0}to{opacity:1}}@keyframes archive-image-in{0%{opacity:.3;transform:scale(.98)}to{opacity:1;transform:scale(1)}}