*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--tr-bg: #0c0d10;--tr-ink: #ecebe6;--tr-line: rgba(255, 255, 255, .22);--tr-item-w: 240px;--tr-item-h: 160px}.tr{position:relative;min-height:100svh;background:var(--tr-bg);color:var(--tr-ink);font-family:Space Mono,ui-monospace,monospace;-webkit-font-smoothing:antialiased}.tr-gallery{position:relative;width:100%;height:100svh;overflow:hidden;background:radial-gradient(80vmax 50vmax at 50% 110%,rgba(255,255,255,.08),transparent 60%),radial-gradient(120vmax 120vmax at 50% 50%,transparent 40%,rgba(0,0,0,.55) 100%)}.tr-item{position:absolute;top:50%;left:50%;width:var(--tr-item-w);height:var(--tr-item-h);margin-left:calc(var(--tr-item-w) / -2);margin-top:calc(var(--tr-item-h) / -2);will-change:transform,filter}.tr-frame{position:relative;width:100%;height:100%;padding:4px;border-radius:10px;background:#ffffff14;border:1px solid var(--tr-line);box-shadow:0 40px 60px -30px #000c,inset 0 1px #ffffff40;overflow:hidden;will-change:transform}.tr-frame img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px;will-change:transform}.tr-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;z-index:100;pointer-events:none}.tr-center__mark{width:10px;height:10px;border-radius:50%;background:var(--tr-ink);box-shadow:0 0 0 6px #ffffff14}.tr-center__label{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;opacity:.55;white-space:nowrap}@media(max-width:1000px){.tr{--tr-item-w: 150px;--tr-item-h: 100px}}