:root{color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:#000;color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{overflow:hidden}.stage{position:fixed;inset:0;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;perspective:1200px}.card,.stage{background:#000;overflow:hidden}.card{position:absolute;top:96px;bottom:36px;left:8vw;right:8vw;will-change:transform,opacity;transition:transform .75s cubic-bezier(.16,.9,.18,1),opacity .75s cubic-bezier(.16,.9,.18,1),filter .75s cubic-bezier(.16,.9,.18,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.card>.media{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;background:#000}.media.contain,.media.cover{object-fit:contain}.card.o0{transform:translateZ(0);opacity:1;filter:blur(0);z-index:2}.card.o1{transform:translate3d(70vw,0,-400px) rotateY(-38deg)}.card.o-1,.card.o1{opacity:.6;filter:blur(5px);z-index:1;cursor:pointer}.card.o-1{transform:translate3d(-70vw,0,-400px) rotateY(38deg)}.card:not(.o0)>.media{pointer-events:none}.card.enter-r{animation:enter-r .75s cubic-bezier(.16,.9,.18,1)}.card.enter-l{animation:enter-l .75s cubic-bezier(.16,.9,.18,1)}@keyframes enter-r{0%{transform:translate3d(120vw,0,-900px) rotateY(-45deg);opacity:0}}@keyframes enter-l{0%{transform:translate3d(-120vw,0,-900px) rotateY(45deg);opacity:0}}@media (max-width:640px){.card{top:86px;bottom:28px;left:5vw;right:5vw}.brand{top:14px;left:14px;gap:14px}.brand svg{height:36px}.card.o1{transform:translate3d(80vw,0,-400px) rotateY(-38deg)}.card.o-1{transform:translate3d(-80vw,0,-400px) rotateY(38deg)}}@media (prefers-reduced-motion:reduce){.card{transition-duration:1ms;animation-duration:1ms}}.brand{top:18px;left:20px;z-index:31;display:flex;flex-direction:row;align-items:center;gap:18px}.brand,.mark,.nav,.sound,.view{position:fixed;mix-blend-mode:difference}.mark,.nav,.sound,.view{z-index:30;color:#fff;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font-family:inherit}.mark{position:static;display:block;opacity:.9}.nav{top:0;bottom:0;width:8vw;min-width:56px;max-width:120px;display:flex;align-items:center;opacity:.85;transition:opacity .2s ease}.nav.prev{left:0;justify-content:flex-start;padding-left:20px}.nav.prev svg{transform:scaleX(-1)}.nav.next{right:0;justify-content:flex-end;padding-right:20px}.nav:focus-visible,.nav:hover{opacity:1;outline:none}.nav svg{display:block;filter:drop-shadow(0 0 6px rgba(0,0,0,.5))}.sound{right:20px;bottom:18px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.7}.sound:hover{opacity:1}.view{position:static;display:grid;grid-template-columns:9px 9px;grid-gap:4px;gap:4px;padding:2px 0;opacity:.7}.view i{display:block;width:9px;height:9px;border:1px solid #fff;border-radius:3px;box-sizing:border-box}.view.open i{background:#fff}.view.open,.view:hover{opacity:1}.filters{position:fixed;top:18px;right:20px;z-index:30;display:flex;gap:18px}.filters select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23fff'/%3E%3C/svg%3E") no-repeat right 2px center;border:0;border-radius:0;color:#fff;font:inherit;font-size:10px;letter-spacing:.22em;text-transform:uppercase;padding:2px 16px 2px 0;cursor:pointer;opacity:.75;outline:none}.filters select:focus-visible,.filters select:hover{opacity:1}.range{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.85}.range-label{min-width:78px;white-space:nowrap}.range-label:first-child{text-align:right}.track{position:relative;width:160px;height:14px}.track:before{content:"";left:0;right:0;background:hsla(0,0%,100%,.35)}.track-fill,.track:before{position:absolute;top:50%;height:1px}.track-fill{background:#fff}.track input[type=range]{position:absolute;inset:0;width:100%;margin:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;pointer-events:none;outline:none}.track input[type=range]::-webkit-slider-runnable-track{background:transparent;height:14px}.track input[type=range]::-moz-range-track{background:transparent;height:14px}.track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;margin-top:2.5px;border-radius:50%;background:#fff;border:0;pointer-events:auto;cursor:pointer}.track input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#fff;border:0;pointer-events:auto;cursor:pointer}.track input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px hsla(0,0%,100%,.3)}.filters option{background:#000;color:#fff;text-transform:none;letter-spacing:normal}.empty{grid-column:1/-1;margin:40vh 0 0;text-align:center;font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.5}@media (max-width:640px){.filters{top:14px;right:12px;gap:12px}.filters select{font-size:9px;letter-spacing:.16em}.filters{flex-wrap:wrap;justify-content:flex-end;max-width:60vw}.track{width:110px}.range-label{min-width:0}}.grid{position:fixed;inset:0;z-index:20;background:#000;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:96px 20px 56px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:6px;gap:6px;align-content:start;animation:grid-in .3s ease both}@keyframes grid-in{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.grid{grid-template-columns:repeat(2,1fr);padding:76px 8px 40px}}.tile{position:relative;aspect-ratio:1;overflow:hidden;background:#111;border:0;padding:0;cursor:pointer;opacity:.9;transition:transform .95s cubic-bezier(.16,1,.3,1),box-shadow .95s cubic-bezier(.16,1,.3,1),opacity .4s ease;will-change:transform}.tile:focus,.tile:focus-visible{opacity:1;outline:none;box-shadow:none}.tile.hot:focus,.tile.hot:focus-visible{box-shadow:0 10px 34px rgba(0,0,0,.6)}.tile.hot{transform:scale(1.22);opacity:1;z-index:2;box-shadow:0 10px 34px rgba(0,0,0,.6)}.thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;pointer-events:none;display:block}.gate{position:fixed;inset:0;justify-content:center}.gate,.gate form{display:flex;align-items:center}.gate form{flex-direction:column;gap:14px}.gate input{width:200px;background:transparent;border:0;border-bottom:1px solid hsla(0,0%,100%,.35);color:#fff;font:inherit;font-size:14px;letter-spacing:.2em;text-align:center;padding:8px 0;outline:none}.gate input:focus{border-bottom-color:#fff}.gate .err{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.6;min-height:14px}